@symbo.ls/scratch 3.6.7 → 3.7.0

package/dist/cjs/defaultConfig/animation.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var animation_exports = {};
 __export(animation_exports, {
-  ANIMATION: () => ANIMATION
+  animation: () => animation
 });
 module.exports = __toCommonJS(animation_exports);
-const ANIMATION = {};
+const animation = {};

package/dist/cjs/defaultConfig/cases.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var cases_exports = {};
 __export(cases_exports, {
-  CASES: () => CASES
+  cases: () => cases
 });
 module.exports = __toCommonJS(cases_exports);
-const CASES = {};
+const cases = {};

package/dist/cjs/defaultConfig/color.js

@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var color_exports = {};
 __export(color_exports, {
-  COLOR: () => COLOR,
-  GRADIENT: () => GRADIENT
+  color: () => color,
+  gradient: () => gradient
 });
 module.exports = __toCommonJS(color_exports);
 var proto = {
@@ -27,5 +27,5 @@ var proto = {
   name: "",
   value: ""
 };
-const COLOR = {};
-const GRADIENT = {};
+const color = {};
+const gradient = {};

package/dist/cjs/defaultConfig/document.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var document_exports = {};
 __export(document_exports, {
-  DOCUMENT: () => DOCUMENT
+  document: () => document
 });
 module.exports = __toCommonJS(document_exports);
-const DOCUMENT = {};
+const document = {};

package/dist/cjs/defaultConfig/font-family.js

@@ -18,9 +18,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var font_family_exports = {};
 __export(font_family_exports, {
-  FONT_FACE: () => FONT_FACE,
-  FONT_FAMILY: () => FONT_FAMILY,
-  FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES
+  font_face: () => font_face,
+  font_family: () => font_family,
+  font_family_types: () => font_family_types
 });
 module.exports = __toCommonJS(font_family_exports);
 var defaultFont = {
@@ -29,10 +29,10 @@ var defaultFont = {
   family: "",
   type: ""
 };
-const FONT_FAMILY = {};
-const FONT_FAMILY_TYPES = {
+const font_family = {};
+const font_family_types = {
   "sans-serif": "Helvetica, Arial, sans-serif, --system-default",
   serif: "Times New Roman, Georgia, serif, --system-default",
   monospace: "Courier New, monospace, --system-default"
 };
-const FONT_FACE = {};
+const font_face = {};

package/dist/cjs/defaultConfig/font.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var font_exports = {};
 __export(font_exports, {
-  FONT: () => FONT
+  font: () => font
 });
 module.exports = __toCommonJS(font_exports);
 var defFont = {
@@ -30,4 +30,4 @@ var defFont = {
   fontStretch: "normal",
   fontOpticalSizing: "auto"
 };
-const FONT = {};
+const font = {};

package/dist/cjs/defaultConfig/grid.js

@@ -18,8 +18,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var grid_exports = {};
 __export(grid_exports, {
-  GRID: () => GRID
+  grid: () => grid
 });
 module.exports = __toCommonJS(grid_exports);
 const defaultProps = {};
-const GRID = defaultProps;
+const grid = defaultProps;

package/dist/cjs/defaultConfig/icons.js

@@ -18,9 +18,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var icons_exports = {};
 __export(icons_exports, {
-  ICONS: () => ICONS,
-  SEMANTIC_ICONS: () => SEMANTIC_ICONS
+  icons: () => icons,
+  semantic_icons: () => semantic_icons
 });
 module.exports = __toCommonJS(icons_exports);
-const ICONS = {};
-const SEMANTIC_ICONS = {};
+const icons = {};
+const semantic_icons = {};

package/dist/cjs/defaultConfig/index.js

@@ -19,7 +19,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var defaultConfig_exports = {};
 __export(defaultConfig_exports, {
-  RESET: () => RESET
+  reset: () => reset
 });
 module.exports = __toCommonJS(defaultConfig_exports);
 __reExport(defaultConfig_exports, require("./sequence.js"), module.exports);
@@ -42,4 +42,4 @@ __reExport(defaultConfig_exports, require("./svg.js"), module.exports);
 __reExport(defaultConfig_exports, require("./templates.js"), module.exports);
 __reExport(defaultConfig_exports, require("./grid.js"), module.exports);
 __reExport(defaultConfig_exports, require("./class.js"), module.exports);
-const RESET = {};
+const reset = {};

package/dist/cjs/defaultConfig/media.js

@@ -18,10 +18,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var media_exports = {};
 __export(media_exports, {
-  MEDIA: () => MEDIA
+  media: () => media
 });
 module.exports = __toCommonJS(media_exports);
-const MEDIA = {
+const media = {
   tv: "(min-width: 2780px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",

package/dist/cjs/defaultConfig/responsive.js

@@ -18,11 +18,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var responsive_exports = {};
 __export(responsive_exports, {
-  BREAKPOINTS: () => BREAKPOINTS,
-  DEVICES: () => DEVICES
+  breakpoints: () => breakpoints,
+  devices: () => devices
 });
 module.exports = __toCommonJS(responsive_exports);
-const BREAKPOINTS = {
+const breakpoints = {
   screenL: 1920,
   screenM: 1680,
   screenS: 1440,
@@ -34,7 +34,7 @@ const BREAKPOINTS = {
   mobileS: 480,
   mobileXS: 375
 };
-const DEVICES = {
+const devices = {
   screenXXL: [2560, 1440],
   screenXL: [2240, 1260],
   screenL: [1920, 1024],

package/dist/cjs/defaultConfig/sequence.js

@@ -18,10 +18,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var sequence_exports = {};
 __export(sequence_exports, {
-  SEQUENCE: () => SEQUENCE
+  sequence: () => sequence
 });
 module.exports = __toCommonJS(sequence_exports);
-const SEQUENCE = {
+const sequence = {
   "minor-second": 1.067,
   "major-second": 1.125,
   "minor-third": 1.2,

package/dist/cjs/defaultConfig/shadow.js

@@ -18,12 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var shadow_exports = {};
 __export(shadow_exports, {
-  SHADOW: () => SHADOW
+  shadow: () => shadow
 });
 module.exports = __toCommonJS(shadow_exports);
-const shadow = {
-  // eslint-disable-line
-  name: "primaryShadow",
-  boxShadow: "gray12, 0 0px 50px 50px"
-};
-const SHADOW = {};
+const shadow = {};

package/dist/cjs/defaultConfig/spacing.js

@@ -18,15 +18,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var spacing_exports = {};
 __export(spacing_exports, {
-  SPACING: () => SPACING
+  spacing: () => spacing
 });
 module.exports = __toCommonJS(spacing_exports);
 var import_sequence = require("./sequence.js");
 var import_typography = require("./typography.js");
 const defaultProps = {
-  base: import_typography.TYPOGRAPHY.base,
+  base: import_typography.typography.base,
   type: "spacing",
-  ratio: import_sequence.SEQUENCE.phi,
+  ratio: import_sequence.sequence.phi,
   range: [-5, 15],
   subSequence: true,
   mediaRegenerate: false,
@@ -35,4 +35,4 @@ const defaultProps = {
   scales: {},
   vars: {}
 };
-const SPACING = defaultProps;
+const spacing = defaultProps;

package/dist/cjs/defaultConfig/svg.js

@@ -18,9 +18,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var svg_exports = {};
 __export(svg_exports, {
-  SVG: () => SVG,
-  SVG_DATA: () => SVG_DATA
+  svg: () => svg,
+  svg_data: () => svg_data
 });
 module.exports = __toCommonJS(svg_exports);
-const SVG = {};
-const SVG_DATA = {};
+const svg = {};
+const svg_data = {};

package/dist/cjs/defaultConfig/templates.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var templates_exports = {};
 __export(templates_exports, {
-  TEMPLATES: () => TEMPLATES
+  templates: () => templates
 });
 module.exports = __toCommonJS(templates_exports);
-const TEMPLATES = {};
+const templates = {};

package/dist/cjs/defaultConfig/theme.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var theme_exports = {};
 __export(theme_exports, {
-  THEME: () => THEME
+  theme: () => theme
 });
 module.exports = __toCommonJS(theme_exports);
 const themeA = {
@@ -33,4 +33,4 @@ const themeA = {
   inverse: {}
   // schemeAInverse
 };
-const THEME = {};
+const theme = {};

package/dist/cjs/defaultConfig/timing.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var timing_exports = {};
 __export(timing_exports, {
-  TIMING: () => TIMING
+  timing: () => timing
 });
 module.exports = __toCommonJS(timing_exports);
 var import_sequence = require("./sequence");
@@ -26,7 +26,7 @@ const defaultProps = {
   default: 150,
   base: 150,
   type: "timing",
-  ratio: import_sequence.SEQUENCE["perfect-fourth"],
+  ratio: import_sequence.sequence["perfect-fourth"],
   range: [-3, 12],
   mediaRegenerate: false,
   unit: "ms",
@@ -34,4 +34,4 @@ const defaultProps = {
   scales: {},
   vars: {}
 };
-const TIMING = defaultProps;
+const timing = defaultProps;

package/dist/cjs/defaultConfig/typography.js

@@ -18,7 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var typography_exports = {};
 __export(typography_exports, {
-  TYPOGRAPHY: () => TYPOGRAPHY
+  typography: () => typography
 });
 module.exports = __toCommonJS(typography_exports);
 var import_sequence = require("./sequence.js");
@@ -26,7 +26,7 @@ const defaultProps = {
   browserDefault: 16,
   base: 16,
   type: "font-size",
-  ratio: import_sequence.SEQUENCE["minor-third"],
+  ratio: import_sequence.sequence["minor-third"],
   range: [-3, 12],
   h1Matches: 6,
   lineHeight: 1.5,
@@ -38,4 +38,4 @@ const defaultProps = {
   scales: {},
   vars: {}
 };
-const TYPOGRAPHY = defaultProps;
+const typography = defaultProps;

package/dist/cjs/defaultConfig/unit.js

@@ -18,9 +18,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var unit_exports = {};
 __export(unit_exports, {
-  UNIT: () => UNIT
+  unit: () => unit
 });
 module.exports = __toCommonJS(unit_exports);
-const UNIT = {
+const unit = {
   default: "em"
 };

package/dist/cjs/factory.js

@@ -43,10 +43,16 @@ const CSS_VARS = {};
 const CSS_MEDIA_VARS = {};
 const _CONF = CONF;
 const _confLower = {};
+const toCamel = (s) => s.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
+const toUpper = (s) => s.replace(/([A-Z])/g, "_$1").toUpperCase();
 for (const key in _CONF) {
   const lower = key.toLowerCase();
   _confLower[lower] = _CONF[key];
+  const camel = toCamel(lower);
+  if (camel !== lower) _confLower[camel] = _CONF[key];
   if (lower !== key) _confLower[key] = _CONF[key];
+  const upper = toUpper(key);
+  if (upper !== key) _confLower[upper] = _CONF[key];
 }
 const CONFIG = {
   verbose: false,

package/dist/cjs/set.js

@@ -37,9 +37,11 @@ const VALUE_TRANSFORMERS = {
   gradient: import_system.setGradient,
   font: import_system.setFont,
   font_family: import_system.setFontFamily,
+  fontfamily: import_system.setFontFamily,
   theme: import_system.setTheme,
   icons: import_system.setSvgIcon,
   semantic_icons: setSameValue,
+  semanticicons: setSameValue,
   svg: import_system.setSVG,
   svg_data: setSameValue,
   typography: setSameValue,
@@ -96,6 +98,7 @@ const set = (recivedConfig, options = SET_OPTIONS) => {
     globalTheme,
     useDocumentTheme,
     useDefaultConfig,
+    semanticIcons,
     SEMANTIC_ICONS,
     semantic_icons,
     files,
@@ -115,9 +118,10 @@ const set = (recivedConfig, options = SET_OPTIONS) => {
   if (globalTheme !== void 0) CONFIG.globalTheme = globalTheme;
   if (recivedConfig.useThemeSuffixedVars !== void 0) CONFIG.useThemeSuffixedVars = recivedConfig.useThemeSuffixedVars;
   if (useDefaultConfig !== void 0) CONFIG.useDefaultConfig = useDefaultConfig;
-  const _semanticIcons = SEMANTIC_ICONS || semantic_icons;
+  const _semanticIcons = semanticIcons || SEMANTIC_ICONS || semantic_icons;
   if (_semanticIcons !== void 0) {
     CONFIG.semantic_icons = _semanticIcons;
+    CONFIG.semanticIcons = CONFIG.semantic_icons;
     CONFIG.SEMANTIC_ICONS = CONFIG.semantic_icons;
   }
   if (CONFIG.verbose) console.log(CONFIG);
@@ -135,21 +139,21 @@ const set = (recivedConfig, options = SET_OPTIONS) => {
     if (lower !== key && keySet.has(lower)) return;
     return setEach(key, config[key]);
   });
-  if (config.TYPOGRAPHY || config.typography) {
+  if (config.typography || config.TYPOGRAPHY) {
     try {
       (0, import_system.applyTypographySequence)();
     } catch (e) {
       if (CONFIG.verbose) console.warn("Error applying typography sequence", e);
     }
   }
-  if (config.SPACING || config.spacing) {
+  if (config.spacing || config.SPACING) {
     try {
       (0, import_system.applySpacingSequence)();
     } catch (e) {
       if (CONFIG.verbose) console.warn("Error applying spacing sequence", e);
     }
   }
-  if (config.TIMING || config.timing) {
+  if (config.timing || config.TIMING) {
     try {
       (0, import_system.applyTimingSequence)();
     } catch (e) {

package/dist/cjs/system/color.js

@@ -47,7 +47,7 @@ const getColor = (value, key, config) => {
     alpha = parsed.alpha;
     tone = parsed.tone;
   }
-  const { COLOR, GRADIENT } = CONFIG;
+  const { color: COLOR, gradient: GRADIENT } = CONFIG;
   let val = COLOR[name] || GRADIENT[name];
   if (!val) {
     if (CONFIG.verbose) console.warn("Can't find color ", name);
@@ -88,7 +88,7 @@ const getMediaColor = (value, globalTheme, config) => {
     if (parsed.cssVar) return `var(${parsed.cssVar})`;
     name = parsed.name;
   }
-  const { COLOR, GRADIENT } = CONFIG;
+  const { color: COLOR, gradient: GRADIENT } = CONFIG;
   const val = COLOR[name] || GRADIENT[name];
   const isObj = (0, import_utils.isObject)(val);
   if (isObj && val.value) return getColor(value, `@${globalTheme}`, config);
@@ -97,7 +97,7 @@ const getMediaColor = (value, globalTheme, config) => {
     else {
       const obj = {};
       for (const mediaName in val) {
-        const query = CONFIG.MEDIA[mediaName.slice(1)];
+        const query = CONFIG.media[mediaName.slice(1)];
         const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
         obj[media] = getColor(value, mediaName, config);
       }
@@ -115,7 +115,7 @@ const setColor = (val, key, suffix) => {
     val = getColor(rawRef);
     if (!(val.includes("rgb") || val.includes("var") || val.includes("#"))) {
       const parts = rawRef.split(" ");
-      const refColor = CONFIG.COLOR[parts[0]];
+      const refColor = CONFIG.color[parts[0]];
       if (refColor && refColor.value) {
         let rgb2 = refColor.rgb;
         const alpha2 = parts[1] !== void 0 ? parts[1] : "1";

package/dist/cjs/system/document.js

@@ -26,7 +26,7 @@ var import_factory = require("../factory.js");
 var import_utils2 = require("../utils");
 const applyDocument = () => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { DOCUMENT, FONT_FAMILY, THEME, TYPOGRAPHY } = CONFIG;
+  const { document: DOCUMENT, font_family: FONT_FAMILY, theme: THEME, typography: TYPOGRAPHY } = CONFIG;
   return (0, import_utils.merge)(DOCUMENT, {
     theme: THEME.document,
     fontFamily: (0, import_utils2.getDefaultOrFirstKey)(FONT_FAMILY),

package/dist/cjs/system/font.js

@@ -52,12 +52,12 @@ const setFont = (val, key) => {
 };
 const getFontFamily = (key, factory) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { FONT_FAMILY } = CONFIG;
+  const { font_family: FONT_FAMILY } = CONFIG;
   return (0, import_utils2.getDefaultOrFirstKey)(factory || FONT_FAMILY, key);
 };
 const setFontFamily = (val, key) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { FONT_FAMILY, FONT_FAMILY_TYPES } = CONFIG;
+  const { font_family: FONT_FAMILY, font_family_types: FONT_FAMILY_TYPES } = CONFIG;
   let { value, type } = val;
   if (val.isDefault) FONT_FAMILY.default = key;
   if ((0, import_utils.isObject)(value)) value = (0, import_smbls_utils.arrayzeValue)(value);

package/dist/cjs/system/reset.js

@@ -26,7 +26,7 @@ var import_factory = require("../factory.js");
 var import_theme = require("./theme.js");
 const applyReset = (reset = {}) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { RESET, TYPOGRAPHY, DOCUMENT } = CONFIG;
+  const { reset: RESET, typography: TYPOGRAPHY, document: DOCUMENT } = CONFIG;
   if (RESET) {
     if (RESET[":root"]) {
       const configReset = RESET;
@@ -66,7 +66,7 @@ const applyReset = (reset = {}) => {
         height: "100%",
         margin: 0,
         fontFamily: DOCUMENT.fontFamily,
-        fontSize: TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + CONFIG.UNIT.default,
+        fontSize: TYPOGRAPHY.base / TYPOGRAPHY.browserDefault + CONFIG.unit.default,
         ...templates,
         ...body
       },

package/dist/cjs/system/shadow.js

@@ -81,7 +81,7 @@ const getShadow = (value, globalTheme) => {
   }
   if ((0, import_color2.isCSSVar)(value)) return `var(${value})`;
   const [name] = (0, import_utils.isArray)(value) ? value : value.split(" ");
-  const { SHADOW } = CONFIG;
+  const SHADOW = CONFIG.shadow;
   const val = SHADOW[name];
   const isObj = (0, import_utils.isObject)(val);
   if (!val) {
@@ -96,7 +96,7 @@ const getShadow = (value, globalTheme) => {
   if (isObj) {
     const obj = {};
     for (const mediaName in val) {
-      const query = CONFIG.MEDIA[mediaName.slice(1)];
+      const query = CONFIG.media[mediaName.slice(1)];
       const media = "@media " + (query === "print" ? `${query}` : `screen and ${query}`);
       obj[media] = val.value;
     }

package/dist/cjs/system/spacing.js

@@ -60,14 +60,14 @@ const checkIfBoxSize = (propertyName) => {
 };
 const applySpacingSequence = () => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { SPACING } = CONFIG;
+  const { spacing: SPACING } = CONFIG;
   (0, import_utils2.generateSequence)(SPACING);
   (0, import_utils2.applySequenceVars)(SPACING);
   runThroughMedia(SPACING);
 };
 const getSequence = (sequenceProps) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { SPACING } = CONFIG;
+  const { spacing: SPACING } = CONFIG;
   if (!sequenceProps || !sequenceProps.sequence) return SPACING;
   const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
   return hasGenerated ? sequenceProps : (0, import_utils2.generateSequence)(sequenceProps);
@@ -108,7 +108,7 @@ const getSpacingByKey = (value, propertyName = "padding", sequenceProps, fnPrefi
 };
 const getSpacingBasedOnRatio = (props, propertyName, val, fnPrefix) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { SPACING } = CONFIG;
+  const { spacing: SPACING } = CONFIG;
   let value = val || props[propertyName];
   if (!fnPrefix && (0, import_utils.isString)(value) && value.includes("(")) {
     const fnArr = (0, import_utils2.getFnPrefixAndValue)(value);

package/dist/cjs/system/svg.js

@@ -43,21 +43,21 @@ const setSVG = (val, key) => {
 };
 const appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.SVG;
-  for (const key in LIBRARY) lib[key] = CONFIG.SVG[key];
+  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.svg;
+  for (const key in LIBRARY) lib[key] = CONFIG.svg[key];
   appendSVG(lib, options);
 };
 const setSvgIcon = (val, key) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  if (CONFIG.useIconSprite && !CONFIG.SEMANTIC_ICONS?.[key]) {
+  if (CONFIG.useIconSprite && !CONFIG.semantic_icons?.[key]) {
     return setSVG(val, key);
   }
   return val;
 };
 const appendSvgIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.ICONS;
-  for (const key in LIBRARY) lib[key] = CONFIG.ICONS[key];
+  const lib = Object.keys(LIBRARY).length ? {} : CONFIG.icons;
+  for (const key in LIBRARY) lib[key] = CONFIG.icons[key];
   appendSVG(lib, options);
 };
 const createSVGSpriteElement = (options = { isRoot: true }) => {

package/dist/cjs/system/theme.js

@@ -47,7 +47,7 @@ const getThemeValue = (theme) => {
 const getTheme = (value, modifier) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
   if (CONFIG.useVariable) return getMediaTheme(value, modifier);
-  const { THEME } = CONFIG;
+  const THEME = CONFIG.theme;
   if ((0, import_utils.isString)(value)) {
     const [theme, subtheme] = value.split(" ");
     const isOurTheme = THEME[theme];
@@ -118,7 +118,7 @@ const setHelpers = (theme, value) => {
   const keys = Object.keys(helpers);
   keys.map((key) => {
     const helper = helpers[key];
-    if ((0, import_utils.isString)(helper)) helpers[key] = CONFIG.THEME[helper];
+    if ((0, import_utils.isString)(helper)) helpers[key] = CONFIG.theme[helper];
     else getThemeValue(helpers[key]);
     return theme;
   });
@@ -251,7 +251,7 @@ const setMediaTheme = (val, key, suffix, prefers) => {
     }
   }
   if ((0, import_utils.isString)(val) && (0, import_color2.isCSSVar)(val)) {
-    const { THEME } = CONFIG;
+    const THEME = CONFIG.theme;
     const value = THEME[val.slice(2)];
     const getReferenced = getMediaTheme(value, prefers);
     return getReferenced;
@@ -300,7 +300,7 @@ const getMediaTheme = (value, modifier) => {
     return;
   }
   const [themeName, ...themeModifiers] = (0, import_utils.isArray)(value) ? value : value.split(" ");
-  let themeValue = activeConfig.THEME[themeName];
+  let themeValue = activeConfig.theme[themeName];
   if (themeValue && themeModifiers.length) {
     themeValue = findModifier(themeValue, themeModifiers);
   } else if (themeValue && modifier) {

package/dist/cjs/system/timing.js

@@ -28,18 +28,18 @@ var import_factory = require("../factory.js");
 var import_utils = require("../utils");
 const applyTimingSequence = () => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TIMING } = CONFIG;
+  const { timing: TIMING } = CONFIG;
   (0, import_utils.generateSequence)(TIMING);
   (0, import_utils.applySequenceVars)(TIMING);
 };
 const getTimingFunction = (value) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TIMING } = CONFIG;
+  const { timing: TIMING } = CONFIG;
   return TIMING[value] || TIMING[(0, import_smbls_utils.toCamelCase)(value)] || value;
 };
 const getTimingByKey = (value, property = "timing") => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TIMING } = CONFIG;
+  const { timing: TIMING } = CONFIG;
   return (0, import_utils.getSequenceValuePropertyPair)(
     value,
     property,

package/dist/cjs/system/typography.js

@@ -29,7 +29,7 @@ var import_factory = require("../factory.js");
 var import_utils2 = require("../utils");
 const runThroughMedia = (FACTORY) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TYPOGRAPHY, MEDIA } = CONFIG;
+  const { typography: TYPOGRAPHY, media: MEDIA } = CONFIG;
   for (const prop in FACTORY) {
     const isPropMedia = prop.slice(0, 1) === "@";
     const mediaValue = FACTORY[prop];
@@ -86,7 +86,7 @@ const applyHeadings = (props) => {
 };
 const applyTypographySequence = () => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TYPOGRAPHY } = CONFIG;
+  const { typography: TYPOGRAPHY } = CONFIG;
   (0, import_utils2.generateSequence)(TYPOGRAPHY);
   applyHeadings(TYPOGRAPHY);
   (0, import_utils2.applySequenceVars)(TYPOGRAPHY);
@@ -94,6 +94,6 @@ const applyTypographySequence = () => {
 };
 const getFontSizeByKey = (value) => {
   const CONFIG = (0, import_factory.getActiveConfig)();
-  const { TYPOGRAPHY } = CONFIG;
+  const { typography: TYPOGRAPHY } = CONFIG;
   return (0, import_utils2.getSequenceValuePropertyPair)(value, "fontSize", TYPOGRAPHY);
 };