uinix-ui/lib/system/create.js

A minimal configurable framework-agnostic UI system to build UI systems. Your system, your rules 🤘.

import {merge} from 'uinix-fp';
import {createTheme as createUinixUiTheme} from 'uinix-theme';
import defaultThemeSpec from 'uinix-theme-spec';

export {createConfig, createIcons, createStyles, createSystem, createTheme};

const createConfig = (config = {}) =>
  merge({
    elementShorthandPropsMapping: {},
    elementStyles: [],
    enableAtomicCss: false,
    responsiveCssProperties: [],
  })(config);

const createIcons = (icons = {}) => icons;

const createStyles = (styles = {}) =>
  merge({
    breakpoints: [],
    global: {},
    typography: {
      fontFaces: {},
      global: {},
      variants: {},
    },
    variants: {},
  })(styles);

const createSystem = (system = {}) => {
  const icons = createIcons(system.icons);
  const styles = createStyles(system.styles);
  const theme = createTheme(system.theme);
  return {
    icons,
    styles,
    theme,
  };
};

const createTheme = (theme) => createUinixUiTheme(theme, defaultThemeSpec);