!refactor: remove unvaluable create* utility

Author: chrisrzhou

cypress/tests/system/create/create-config.js

@@ -1,51 +1,7 @@
-import {mount} from '@cypress/react';
-import React, {createElement as h} from 'react';
-import themeSpec from 'uinix-theme-spec';
-
-import {createTheme, load, useTheme} from '../../../../index.js';
-import system from '../../../fixtures/test-system.js';
-
-function CustomElement({path = ''}) {
-  const theme = useTheme(path);
-  cy.wrap(theme).as('theme');
-  return <pre>{JSON.stringify(theme, null, 2)}</pre>;
-}
+import {useTheme} from '../../../../index.js';
 
 describe('useTheme', () => {
   it('should throw if system is not loaded', () => {
     expect(() => useTheme()).to.throw();
   });
-
-  it('should retrieve the theme from the system', () => {
-    load({h, system});
-    mount(<CustomElement />);
-    cy.get('@theme').should('deep.equal', createTheme(system.theme, themeSpec));
-  });
-
-  it.skip('should retrieve the theme values given a property path', () => {
-    load({h, system});
-    mount(<CustomElement path="keyframes.flicker" />);
-    cy.get('@theme').should(
-      'deep.equal',
-      createTheme(system.theme).keyframes.flicker,
-    );
-
-    mount(<CustomElement path="colors.palette" />);
-    cy.get('@theme').should(
-      'deep.equal',
-      createTheme(system.theme).colors.palette,
-    );
-
-    mount(<CustomElement path="colors.palette.red1" />);
-    cy.get('@theme').should(
-      'deep.equal',
-      createTheme(system.theme).colors.palette.red1,
-    );
-
-    mount(<CustomElement path="spacings.4" />);
-    cy.get('@theme').should(
-      'deep.equal',
-      createTheme(system.theme).spacings[4],
-    );
-  });
 });

cypress/tests/system/create/create-icons.js

@@ -13,13 +13,7 @@ export {
   useVariant,
 } from './lib/system/hooks.js';
 export {load} from './lib/system/load.js';
-export {
-  createConfig,
-  createIcons,
-  createStyles,
-  createSystem,
-  createTheme,
-} from './lib/system/create.js';
+export {createSystem} from './lib/system/create.js';
 
 // Utils
 export {merge} from 'uinix-fp';

cypress/tests/system/create/create-styles.js

@@ -1,36 +1,20 @@
 import {merge} from 'uinix-fp';
 import {createTheme} from 'uinix-theme';
 
-export {createConfig, createIcons, createStyles, createSystem};
-
-const createConfig = (config = {}) =>
-  merge({
-    elementShorthandPropsMapping: {},
-    elementStyles: [],
-    enableAtomicCss: false,
-    enableCssVariables: false,
-    namespace: null,
-    responsiveBreakpoints: [],
-    responsiveCssProperties: [],
-  })(config);
-
-const createIcons = (icons = {}) => icons;
-
-const createStyles = (styles = {}) =>
-  merge({
+const defaultSystem = {
+  icons: {},
+  styles: {
     rules: {},
     static: {},
     variants: {},
-  })(styles);
-
-const createSystem = (system = {}) => {
-  const {icons, styles, theme, themeSpec = {}} = system;
-  return {
-    icons: createIcons(icons),
-    styles: createStyles(styles),
-    theme: createTheme(theme, themeSpec),
-    themeSpec,
-  };
+  },
+  theme: {},
+  themeSpec: {},
 };
 
-export {createTheme} from 'uinix-theme';
+export const createSystem = (system = defaultSystem) => {
+  return merge(defaultSystem)({
+    ...system,
+    theme: createTheme(system.theme, system.themeSpec),
+  });
+};

cypress/tests/system/create/create-theme.js

@@ -1,16 +1,31 @@
+import {merge} from 'uinix-fp';
 import {combineStyles, createThemeRenderer} from 'uinix-theme';
 
-import {createConfig, createSystem} from './create.js';
+import {createSystem} from './create.js';
 
 export {load, getStore};
 
 let store;
 
 const getStore = () => store;
 
-const load = ({config: providedConfig, h, system: providedSystem}) => {
-  const config = createConfig(providedConfig);
-  const system = createSystem(providedSystem);
+const defaultConfig = {
+  elementShorthandPropsMapping: {},
+  elementStyles: [],
+  enableAtomicCss: false,
+  enableCssVariables: false,
+  namespace: null,
+  responsiveBreakpoints: [],
+  responsiveCssProperties: [],
+};
+
+const load = ({
+  config: initialConfig = defaultConfig,
+  h,
+  system: initialSystem,
+}) => {
+  const config = merge(defaultConfig)(initialConfig);
+  const system = createSystem(initialSystem);
 
   // TODO: refactor API entry points
   const options = {