@sk-web-gui/core 3.13.0 → 3.14.0

package/dist/esm/preset.js

@@ -1,108 +1,40 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import tailwindForms from '@tailwindcss/forms';
 import tailwindContainerQueries from '@tailwindcss/container-queries';
 import plugin from './plugin.js';
 import { pluginDefaults } from './plugin.js';
 import { DataAttributes } from './data-plugin.js';
 import { AriaAttributes } from './aria-plugin.js';
-var preset = function preset(_options) {
-    var defaults = {
+const preset = function(_options) {
+    const defaults = {
         tailwindForms: true,
         tailwindContainers: true,
         dataAttributes: true,
         ariaAttributes: true
     };
-    var options = _object_spread_props(_object_spread({}, defaults, _options), {
-        plugin: _object_spread({}, pluginDefaults, (_options === null || _options === void 0 ? void 0 : _options.plugin) || {})
-    });
+    const options = {
+        ...defaults,
+        ..._options,
+        plugin: {
+            ...pluginDefaults,
+            ..._options?.plugin || {}
+        }
+    };
     return {
-        plugins: _to_consumable_array(options.tailwindForms ? [
-            tailwindForms()
-        ] : []).concat(_to_consumable_array(options.tailwindContainers ? [
-            tailwindContainerQueries
-        ] : []), _to_consumable_array(options.dataAttributes ? [
-            DataAttributes
-        ] : []), _to_consumable_array(options.ariaAttributes ? [
-            AriaAttributes
-        ] : []), [
-            plugin(options === null || options === void 0 ? void 0 : options.plugin)
-        ])
+        plugins: [
+            ...options.tailwindForms ? [
+                tailwindForms()
+            ] : [],
+            ...options.tailwindContainers ? [
+                tailwindContainerQueries
+            ] : [],
+            ...options.dataAttributes ? [
+                DataAttributes
+            ] : [],
+            ...options.ariaAttributes ? [
+                AriaAttributes
+            ] : [],
+            plugin(options?.plugin)
+        ]
     };
 };
 export default preset;

package/dist/esm/preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n  tailwindForms?: boolean;\r\n  tailwindContainers?: boolean;\r\n  dataAttributes?: boolean;\r\n  ariaAttributes?: boolean;\r\n  plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options?: PresetOptions) {\r\n  const defaults: PresetOptions = {\r\n    tailwindForms: true,\r\n    tailwindContainers: true,\r\n    dataAttributes: true,\r\n    ariaAttributes: true,\r\n  };\r\n\r\n  const options = {\r\n    ...defaults,\r\n    ..._options,\r\n    plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n  };\r\n\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      ...(options.dataAttributes ? [DataAttributes] : []),\r\n      ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n      plugin(options?.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"names":["tailwindForms","tailwindContainerQueries","plugin","pluginDefaults","DataAttributes","AriaAttributes","preset","_options","defaults","tailwindContainers","dataAttributes","ariaAttributes","options","plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,mBAAmB,qBAAqB;AAC/C,OAAOC,8BAA8B,iCAAiC;AACtE,OAAOC,YAAY,WAAW;AAC9B,SAA6BC,cAAc,QAAQ,WAAW;AAC9D,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,cAAc,QAAQ,gBAAgB;AAU/C,IAAMC,SAAS,gBAAUC,QAAwB;IAC/C,IAAMC,WAA0B;QAC9BR,eAAe;QACfS,oBAAoB;QACpBC,gBAAgB;QAChBC,gBAAgB;IAClB;IAEA,IAAMC,UAAU,wCACXJ,UACAD;QACHL,QAAQ,mBAAKC,gBAAoBI,CAAAA,qBAAAA,+BAAAA,SAAUL,MAAM,KAAI,CAAC;;IAGxD,OAAO;QACLW,SAAS,AACP,qBAAID,QAAQZ,aAAa,GAAG;YAACA;SAAgB,GAAG,EAAE,SAClD,qBAAIY,QAAQH,kBAAkB,GAAG;YAACR;SAAyB,GAAG,EAAE,GAChE,qBAAIW,QAAQF,cAAc,GAAG;YAACN;SAAe,GAAG,EAAE,GAClD,qBAAIQ,QAAQD,cAAc,GAAG;YAACN;SAAe,GAAG,EAAE,GAJ3C;YAKPH,OAAOU,oBAAAA,8BAAAA,QAASV,MAAM;SACvB;IACH;AACF;AACA,eAAeI,OAAO"}
+{"version":3,"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n  tailwindForms?: boolean;\r\n  tailwindContainers?: boolean;\r\n  dataAttributes?: boolean;\r\n  ariaAttributes?: boolean;\r\n  plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options?: PresetOptions) {\r\n  const defaults: PresetOptions = {\r\n    tailwindForms: true,\r\n    tailwindContainers: true,\r\n    dataAttributes: true,\r\n    ariaAttributes: true,\r\n  };\r\n\r\n  const options = {\r\n    ...defaults,\r\n    ..._options,\r\n    plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n  };\r\n\r\n  return {\r\n    plugins: [\r\n      ...(options.tailwindForms ? [tailwindForms()] : []),\r\n      ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n      ...(options.dataAttributes ? [DataAttributes] : []),\r\n      ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n      plugin(options?.plugin),\r\n    ],\r\n  };\r\n};\r\nexport default preset;\r\n"],"names":["tailwindForms","tailwindContainerQueries","plugin","pluginDefaults","DataAttributes","AriaAttributes","preset","_options","defaults","tailwindContainers","dataAttributes","ariaAttributes","options","plugins"],"mappings":"AAAA,OAAOA,mBAAmB,qBAAqB;AAC/C,OAAOC,8BAA8B,iCAAiC;AACtE,OAAOC,YAAY,WAAW;AAC9B,SAA6BC,cAAc,QAAQ,WAAW;AAC9D,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,cAAc,QAAQ,gBAAgB;AAU/C,MAAMC,SAAS,SAAUC,QAAwB;IAC/C,MAAMC,WAA0B;QAC9BR,eAAe;QACfS,oBAAoB;QACpBC,gBAAgB;QAChBC,gBAAgB;IAClB;IAEA,MAAMC,UAAU;QACd,GAAGJ,QAAQ;QACX,GAAGD,QAAQ;QACXL,QAAQ;YAAE,GAAGC,cAAc;YAAE,GAAII,UAAUL,UAAU,CAAC,CAAC;QAAE;IAC3D;IAEA,OAAO;QACLW,SAAS;eACHD,QAAQZ,aAAa,GAAG;gBAACA;aAAgB,GAAG,EAAE;eAC9CY,QAAQH,kBAAkB,GAAG;gBAACR;aAAyB,GAAG,EAAE;eAC5DW,QAAQF,cAAc,GAAG;gBAACN;aAAe,GAAG,EAAE;eAC9CQ,QAAQD,cAAc,GAAG;gBAACN;aAAe,GAAG,EAAE;YAClDH,OAAOU,SAASV;SACjB;IACH;AACF;AACA,eAAeI,OAAO"}

package/dist/esm/theme.js

@@ -1,66 +1,16 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 import withOpacity from './with-opacity.js';
 import { colors } from './colors.js';
 import { units } from './units.js';
 import { screens } from '@sk-web-gui/theme';
 import { fonts } from './fonts.js';
-var theme = {
+const theme = {
     extend: {
-        containers: Object.keys(screens).reduce(function(containers, screenKey, index) {
-            return _object_spread_props(_object_spread({}, containers), _define_property({}, "screen-".concat(screenKey), Object.values(screens)[index]));
-        }, {}),
-        fontSize: _object_spread_props(_object_spread({}, units.fontSizes), {
+        containers: Object.keys(screens).reduce((containers, screenKey, index)=>({
+                ...containers,
+                [`screen-${screenKey}`]: Object.values(screens)[index]
+            }), {}),
+        fontSize: {
+            ...units.fontSizes,
             tiny: 'var(--sk-spacing-10)',
             xs: 'var(--sk-spacing-12)',
             xl: units.fontSizes['h4'],
@@ -68,28 +18,52 @@ var theme = {
             '3xl': units.fontSizes['h2'],
             '4xl': units.fontSizes['h1'],
             '5xl': units.fontSizes['h3']
-        }),
-        fontFamily: _object_spread({}, fonts),
-        screens: screens,
-        borderRadius: _object_spread_props(_object_spread({}, units.radius), {
+        },
+        fontFamily: {
+            ...fonts
+        },
+        screens,
+        borderRadius: {
+            ...units.radius,
             base: 'var(--sk-spacing-0)'
-        }),
-        backgroundPosition: _object_spread({}, Object.keys(units.spacing).reduce(function(positions, spaceKey) {
-            var _obj;
-            return _object_spread_props(_object_spread({}, positions), (_obj = {}, _define_property(_obj, "top-".concat(spaceKey), "center top ".concat(units.spacing[spaceKey])), _define_property(_obj, "right-".concat(spaceKey), "center right ".concat(units.spacing[spaceKey])), _define_property(_obj, "bottom-".concat(spaceKey), "center bottom ".concat(units.spacing[spaceKey])), _define_property(_obj, "left-".concat(spaceKey), "center left ".concat(units.spacing[spaceKey])), _obj));
-        }, {})),
+        },
+        backgroundPosition: {
+            ...Object.keys(units.spacing).reduce((positions, spaceKey)=>({
+                    ...positions,
+                    [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,
+                    [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,
+                    [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,
+                    [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`
+                }), {})
+        },
         boxShadow: {
-            '50': "\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      ",
-            '100': "\n        0 6px 16px 0 rgba(13,13,14, 0.07),\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n      ",
-            '200': "\n        0 0 2px 0 rgba(13,13,14, 0.15),\n        0 15px 27px 0 rgba(13,13,14, 0.1),\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n      ",
-            insetring: "0 0 0 0.25rem ".concat(colors.ring, " inset")
-        },
-        ringColor: _object_spread({
-            DEFAULT: colors.ring
-        }, colors),
-        ringOffsetWidth: _object_spread({
-            DEFAULT: 'var(--sk-spacing-2)'
-        }, units.spacing),
+            '50': `
+      0 0 3px 0 rgba(10, 12, 15, 0.08),
+      0 1px 8px 0 rgba(10, 12, 15, 0.13)
+      `,
+            '100': `
+        0 6px 16px 0 rgba(13,13,14, 0.07),
+        0 1.81px 12px 0 rgba(13,13,14, 0.15),
+        0 0.75px 2px 0 rgba(13,13,14, 0.085),
+        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)
+      `,
+            '200': `
+        0 0 2px 0 rgba(13,13,14, 0.15),
+        0 15px 27px 0 rgba(13,13,14, 0.1),
+        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),
+        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),
+        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)
+      `,
+            insetring: `0 0 0 0.25rem ${colors.ring} inset`
+        },
+        ringColor: {
+            DEFAULT: colors.ring,
+            ...colors
+        },
+        ringOffsetWidth: {
+            DEFAULT: 'var(--sk-spacing-2)',
+            ...units.spacing
+        },
         ringWidth: {
             DEFAULT: 'var(--sk-spacing-3)',
             0: '0px'
@@ -97,51 +71,62 @@ var theme = {
         ringOpacity: {
             DEFAULT: '1'
         },
-        colors: _object_spread_props(_object_spread({}, colors), {
+        colors: {
+            ...colors,
             current: 'currentColor',
-            gray: _object_spread({
+            gray: {
                 DEFAULT: colors.primitives.gray[600],
                 stroke: colors.divider,
                 middle: colors.primitives.gray[600],
                 light: colors.primitives.gray[300],
-                lighter: colors.primitives.gray[200]
-            }, colors.primitives.gray),
+                lighter: colors.primitives.gray[200],
+                ...colors.primitives.gray
+            },
             hover: colors.primitives.gray[600],
-            background: _object_spread_props(_object_spread({}, colors.background), {
+            background: {
+                ...colors.background,
                 one: colors.background[100],
                 two: colors.background[200]
-            })
-        }),
+            }
+        },
         cursor: {
             base: 'var(--tw-cursor)'
         },
-        spacing: _object_spread_props(_object_spread({}, units.spacing, Object.keys(units.spacing).reduce(function(smallerSpacings, spacingkey) {
-            var _obj;
-            return _object_spread_props(_object_spread({}, smallerSpacings), (_obj = {}, _define_property(_obj, "".concat(spacingkey, "-1"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "-2"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-2))")), _define_property(_obj, "".concat(spacingkey, "+1"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "+2"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-2))")), _obj));
-        }, {})), {
+        spacing: {
+            ...units.spacing,
+            ...Object.keys(units.spacing).reduce((smallerSpacings, spacingkey)=>({
+                    ...smallerSpacings,
+                    [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,
+                    [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,
+                    [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,
+                    [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`
+                }), {}),
             xs: units.spacing[4],
             sm: units.spacing[8],
             md: units.spacing[16],
             lg: units.spacing[24],
             xl: units.spacing[48]
-        }),
+        },
         maxWidth: {
             content: screens['desktop-max']
         },
-        lineHeight: _object_spread_props(_object_spread({}, units.lineHeights, units.spacing), {
+        lineHeight: {
+            ...units.lineHeights,
+            ...units.spacing,
             xs: 'var(-sk-spacing-16)',
             xl: units.lineHeights['h4'],
             '2xl': units.lineHeights['h3'],
             '3xl': units.lineHeights['h2'],
             '4xl': units.lineHeights['h1'],
             '5xl': units.lineHeights['display-3']
-        }),
+        },
         opacity: {
             '15': '0.15'
         },
-        borderWidth: _object_spread({
-            DEFAULT: 'var(--sk-spacing-2)'
-        }, units.spacing),
+        borderWidth: {
+            DEFAULT: 'var(--sk-spacing-2)',
+            ...units.spacing
+        },
         backgroundColor: {
             base: withOpacity('--sk-colors-primary-surface'),
             fill: withOpacity('--sk-colors-bg-fill')

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\nimport { fonts } from './fonts';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    containers: Object.keys(screens).reduce(\r\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n      {}\r\n    ),\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n\r\n      tiny: 'var(--sk-spacing-10)',\r\n      xs: 'var(--sk-spacing-12)',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      ...fonts,\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\r\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 6px 16px 0 rgba(13,13,14, 0.07),\r\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\r\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\r\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 0 2px 0 rgba(13,13,14, 0.15),\r\n        0 15px 27px 0 rgba(13,13,14, 0.1),\r\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\r\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\r\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: 'var(--sk-spacing-3)',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (smallerSpacings, spacingkey) => ({\r\n          ...smallerSpacings,\r\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\r\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\r\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\r\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\r\n        }),\r\n        {}\r\n      ),\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      ...units.spacing,\r\n      xs: 'var(-sk-spacing-16)',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n      typingbounce: {\r\n        '0%': { transform: 'translateY(0)' },\r\n        '10%': { transform: 'translateY(-0.8rem)' },\r\n        '20%, 100%': { transform: 'translateY(0rem)' },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\r\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\r\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"mappings":"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"}
+{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\nimport { fonts } from './fonts';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n  extend: {\r\n    containers: Object.keys(screens).reduce(\r\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n      {}\r\n    ),\r\n    fontSize: {\r\n      ...units.fontSizes,\r\n\r\n      tiny: 'var(--sk-spacing-10)',\r\n      xs: 'var(--sk-spacing-12)',\r\n      xl: units.fontSizes['h4'],\r\n      '2xl': units.fontSizes['h3'],\r\n      '3xl': units.fontSizes['h2'],\r\n      '4xl': units.fontSizes['h1'],\r\n      '5xl': units.fontSizes['h3'],\r\n    },\r\n    fontFamily: {\r\n      ...fonts,\r\n    },\r\n    screens,\r\n    borderRadius: {\r\n      ...units.radius,\r\n      base: 'var(--sk-spacing-0)',\r\n    },\r\n    backgroundPosition: {\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (positions, spaceKey) => ({\r\n          ...positions,\r\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n    boxShadow: {\r\n      '50': `\r\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\r\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\r\n      `,\r\n      '100': `\r\n        0 6px 16px 0 rgba(13,13,14, 0.07),\r\n        0 1.81px 12px 0 rgba(13,13,14, 0.15),\r\n        0 0.75px 2px 0 rgba(13,13,14, 0.085),\r\n        0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\r\n      `,\r\n      '200': `\r\n        0 0 2px 0 rgba(13,13,14, 0.15),\r\n        0 15px 27px 0 rgba(13,13,14, 0.1),\r\n        0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\r\n        0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\r\n        0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\r\n      `,\r\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n    },\r\n    ringColor: {\r\n      DEFAULT: colors.ring,\r\n      ...colors,\r\n    },\r\n    ringOffsetWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    ringWidth: {\r\n      DEFAULT: 'var(--sk-spacing-3)',\r\n      0: '0px',\r\n    },\r\n    ringOpacity: {\r\n      DEFAULT: '1',\r\n    },\r\n    colors: {\r\n      ...colors,\r\n      current: 'currentColor',\r\n      gray: {\r\n        DEFAULT: colors.primitives.gray[600],\r\n        stroke: colors.divider,\r\n        middle: colors.primitives.gray[600],\r\n        light: colors.primitives.gray[300],\r\n        lighter: colors.primitives.gray[200],\r\n        ...colors.primitives.gray,\r\n      },\r\n      hover: colors.primitives.gray[600],\r\n      background: {\r\n        ...colors.background,\r\n        one: colors.background[100],\r\n        two: colors.background[200],\r\n      },\r\n    },\r\n    cursor: {\r\n      base: 'var(--tw-cursor)',\r\n    },\r\n    spacing: {\r\n      ...units.spacing,\r\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n        (smallerSpacings, spacingkey) => ({\r\n          ...smallerSpacings,\r\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\r\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\r\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\r\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\r\n        }),\r\n        {}\r\n      ),\r\n      xs: units.spacing[4],\r\n      sm: units.spacing[8],\r\n      md: units.spacing[16],\r\n      lg: units.spacing[24],\r\n      xl: units.spacing[48],\r\n    },\r\n    maxWidth: {\r\n      content: screens['desktop-max'],\r\n    },\r\n    lineHeight: {\r\n      ...units.lineHeights,\r\n      ...units.spacing,\r\n      xs: 'var(-sk-spacing-16)',\r\n      xl: units.lineHeights['h4'],\r\n      '2xl': units.lineHeights['h3'],\r\n      '3xl': units.lineHeights['h2'],\r\n      '4xl': units.lineHeights['h1'],\r\n      '5xl': units.lineHeights['display-3'],\r\n    },\r\n    opacity: {\r\n      '15': '0.15',\r\n    },\r\n    borderWidth: {\r\n      DEFAULT: 'var(--sk-spacing-2)',\r\n      ...units.spacing,\r\n    },\r\n    backgroundColor: {\r\n      base: withOpacity('--sk-colors-primary-surface'),\r\n      fill: withOpacity('--sk-colors-bg-fill'),\r\n    },\r\n    textColor: {\r\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n      muted: withOpacity('--sk-colors-xt-muted'),\r\n    },\r\n\r\n    zIndex: {\r\n      hide: '-1',\r\n      none: '0',\r\n      base: '1',\r\n      docked: '10',\r\n      dropdown: '1000',\r\n      sticky: '1100',\r\n      banner: '1200',\r\n      overlay: '1300',\r\n      modal: '1400',\r\n      popover: '1500',\r\n      skipLink: '1600',\r\n      toast: '1700',\r\n      tooltip: '1800',\r\n    },\r\n    keyframes: {\r\n      'reset-overflow': {\r\n        'from, to': {\r\n          overflow: 'hidden',\r\n        },\r\n      },\r\n      typingbounce: {\r\n        '0%': { transform: 'translateY(0)' },\r\n        '10%': { transform: 'translateY(-0.8rem)' },\r\n        '20%, 100%': { transform: 'translateY(0rem)' },\r\n      },\r\n    },\r\n    animation: {\r\n      'reset-overflow': 'reset-overflow 180ms backwards',\r\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\r\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\r\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\r\n    },\r\n  },\r\n};\r\nexport { theme };\r\n"],"names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","typingbounce","transform","animation"],"mappings":"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"}

package/dist/esm/units.js

@@ -1,4 +1,4 @@
-var _units = {
+const _units = {
     spacing: {
         '0': 'var(--sk-spacing-0)',
         '0.25': 'var(--sk-spacing-0.25)',
@@ -409,7 +409,7 @@ var _units = {
         '80': 'var(--sk-spacing-80)'
     }
 };
-var units = _units;
+const units = _units;
 export { units };
 
 //# sourceMappingURL=units.js.map

package/dist/esm/units.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n    'label-extra-small': [\r\n      'var(--sk-fontSize-label-extra-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-extra-small)', fontWeight: 700 },\r\n    ],\r\n    \r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n    'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"AAAA,IAAMA,SAAS;IACbC,SAAS;QACP,KAAK;QACL,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,OAAO;IACT;IAEAC,WAAW;QACT,aAAa;YACX;YACA;gBAAEC,YAAY;gBAA0CC,YAAY;YAAI;SACzE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,aAAa;YACX;YACA;gBAAED,YAAY;gBAA0CC,YAAY;YAAI;SACzE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,aAAa;YACX;YACA;gBAAED,YAAY;gBAA0CC,YAAY;YAAI;SACzE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QAEDC,IAAI;YAAC;YAAkC;gBAAEF,YAAY;gBAAoCC,YAAY;YAAI;SAAE;QAC3G,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtGE,IAAI;YAAC;YAAkC;gBAAEH,YAAY;gBAAoCC,YAAY;YAAI;SAAE;QAC3G,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtGG,IAAI;YAAC;YAAkC;gBAAEJ,YAAY;gBAAoCC,YAAY;YAAI;SAAE;QAC3G,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtGI,IAAI;YAAC;YAAkC;gBAAEL,YAAY;gBAAoCC,YAAY;YAAI;SAAE;QAC3G,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QACtG,SAAS;YAAC;YAA6B;gBAAED,YAAY;gBAA+BC,YAAY;YAAI;SAAE;QAEtG,eAAe;YACb;YACA;gBAAED,YAAY;gBAAoCC,YAAY;YAAI;SACnE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,eAAe;YACb;YACA;gBAAED,YAAY;gBAAoCC,YAAY;YAAI;SACnE;QACD,qBAAqB;YACnB;YACA;gBAAED,YAAY;gBAA0CC,YAAY;YAAI;SACzE;QAGD,eAAe;YACb;YACA;gBAAED,YAAY;gBAAoCC,YAAY;YAAI;SACnE;QACD,gBAAgB;YACd;YACA;gBAAED,YAAY;gBAAqCC,YAAY;YAAI;SACpE;QACD,eAAe;YACb;YACA;gBAAED,YAAY;gBAAoCC,YAAY;YAAI;SACnE;QACD,eAAe;YACb;YACA;gBAAED,YAAY;gBAAoCC,YAAY;YAAI;SACnE;QAEDK,MAAM;YAAC;YAA2B;SAA4B;QAC9DC,MAAM;YAAC;YAA2B;SAA4B;QAC9DC,OAAO;YAAC;YAA4B;SAA6B;QACjEC,OAAO;YAAC;YAA4B;SAA6B;IACnE;IACAC,aAAa;QACX,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,aAAa;QACb,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAEhBR,IAAI;QACJ,SAAS;QACT,SAAS;QACT,SAAS;QACTC,IAAI;QACJ,SAAS;QACT,SAAS;QACT,SAAS;QACTC,IAAI;QACJ,SAAS;QACT,SAAS;QACT,SAAS;QACTC,IAAI;QACJ,SAAS;QACT,SAAS;QACT,SAAS;QAET,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,qBAAqB;QAErB,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,eAAe;QACfC,MAAM;QACNC,MAAM;QACNC,OAAO;QACPC,OAAO;IACT;IACAE,QAAQ;QACNC,SAAS;QACTC,MAAM;QACNC,MAAM;QACNC,UAAU;QACV,eAAe;QACf,eAAe;QACf,eAAe;QAEfC,QAAQ;QACR,aAAa;QACb,aAAa;QACb,aAAa;QACbC,OAAO;QACP,YAAY;QACZ,YAAY;QACZ,YAAY;QACZC,SAAS;QACT,cAAc;QACd,cAAc;QACd,cAAc;QACdC,QAAQ;QACR,aAAa;QACb,aAAa;QACb,aAAa;QAEb,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,KAAK;QACL,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;IACR;AACF;AACA,IAAMC,QAAuBvB;AAC7B,SAASuB,KAAK,GAAG"}
+{"version":3,"sources":["../../src/units.ts"],"sourcesContent":["const _units = {\r\n  spacing: {\r\n    '0': 'var(--sk-spacing-0)',\r\n    '0.25': 'var(--sk-spacing-0.25)',\r\n    '0.5': 'var(--sk-spacing-0.5)',\r\n    '0.75': 'var(--sk-spacing-0.75)',\r\n    '1': 'var(--sk-spacing-1)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '3': 'var(--sk-spacing-3)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '5': 'var(--sk-spacing-5)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '7': 'var(--sk-spacing-7)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '9': 'var(--sk-spacing-9)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '11': 'var(--sk-spacing-11)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '13': 'var(--sk-spacing-13)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '15': 'var(--sk-spacing-15)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '17': 'var(--sk-spacing-17)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '19': 'var(--sk-spacing-19)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '22': 'var(--sk-spacing-22)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '26': 'var(--sk-spacing-26)',\r\n    '28': 'var(--sk-spacing-28)',\r\n    '30': 'var(--sk-spacing-30)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '34': 'var(--sk-spacing-34)',\r\n    '36': 'var(--sk-spacing-36)',\r\n    '38': 'var(--sk-spacing-38)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '42': 'var(--sk-spacing-42)',\r\n    '44': 'var(--sk-spacing-44)',\r\n    '46': 'var(--sk-spacing-46)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '50': 'var(--sk-spacing-50)',\r\n    '52': 'var(--sk-spacing-52)',\r\n    '54': 'var(--sk-spacing-54)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '58': 'var(--sk-spacing-58)',\r\n    '60': 'var(--sk-spacing-60)',\r\n    '62': 'var(--sk-spacing-62)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '68': 'var(--sk-spacing-68)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n    '90': 'var(--sk-spacing-90)',\r\n    '100': 'var(--sk-spacing-100)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 800 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 800 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 800 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 800 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 800 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 800 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 800 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n    'label-extra-small': [\r\n      'var(--sk-fontSize-label-extra-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-extra-small)', fontWeight: 700 },\r\n    ],\r\n    \r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n    'logo-header': [\r\n      'var(--sk-fontSize-logo-header)',\r\n      { lineHeight: 'var(--sk-lineHeight-logo-header)', fontWeight: 700 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n    'label-extra-small': 'var(--sk-lineHeight-label-extra-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n    'logo-header': 'var(--sk-lineHeight-logo-header)',\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    '0': 'var(--sk-spacing-0)',\r\n    '2': 'var(--sk-spacing-2)',\r\n    '4': 'var(--sk-spacing-4)',\r\n    '6': 'var(--sk-spacing-6)',\r\n    '8': 'var(--sk-spacing-8)',\r\n    '10': 'var(--sk-spacing-10)',\r\n    '12': 'var(--sk-spacing-12)',\r\n    '14': 'var(--sk-spacing-14)',\r\n    '16': 'var(--sk-spacing-16)',\r\n    '18': 'var(--sk-spacing-18)',\r\n    '20': 'var(--sk-spacing-20)',\r\n    '24': 'var(--sk-spacing-24)',\r\n    '32': 'var(--sk-spacing-32)',\r\n    '40': 'var(--sk-spacing-40)',\r\n    '48': 'var(--sk-spacing-48)',\r\n    '56': 'var(--sk-spacing-56)',\r\n    '64': 'var(--sk-spacing-64)',\r\n    '72': 'var(--sk-spacing-72)',\r\n    '80': 'var(--sk-spacing-80)',\r\n  },\r\n};\r\nconst units: typeof _units = _units;\r\nexport { units };\r\n"],"names":["_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups","units"],"mappings":"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"}

package/dist/esm/with-opacity.js

@@ -1,8 +1,8 @@
-var withOpacity = function withOpacity(variableName) {
-    return function(param) {
-        var opacityValue = param.opacityValue;
-        if (opacityValue) return "rgba(var(".concat(variableName, "), ").concat(opacityValue, ")");
-        return "rgb(var(".concat(variableName, "))");
+const withOpacity = function withOpacity(variableName) {
+    return (param)=>{
+        let { opacityValue } = param;
+        if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;
+        return `rgb(var(${variableName}))`;
     };
 };
 export default withOpacity;

package/dist/esm/with-opacity.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,IAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAGC,qBAAAA;QACR,IAAIA,cAAc,OAAO,AAAC,YAA6BA,OAAlBD,cAAa,OAAkB,OAAbC,cAAa;QACpE,OAAO,AAAC,WAAuB,OAAbD,cAAa;IACjC;AACF;AACA,eAAeD,YAAY"}
+{"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n  return ({ opacityValue }: { opacityValue: string }) => {\r\n    if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n    return `rgb(var(${variableName}))`;\r\n  };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO;YAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;AACA,eAAeD,YAAY"}

package/dist/types/components/badge.d.ts

@@ -12,8 +12,16 @@ export declare const Badge: (colors: string[]) => {
         '@apply text-light-primary': {};
         '@apply rounded-utility': {};
         '@apply overflow-hidden': {};
-        '@apply h-24 w-24': {};
-        '@apply text-label-small': {};
+        '&[data-size="sm"]': {
+            '@apply h-22 min-w-22': {};
+            '@apply p-4': {};
+            '@apply text-label-extra-small': {};
+        };
+        '&[data-size="md"]': {
+            '@apply h-24 min-w-24': {};
+            '@apply p-4': {};
+            '@apply text-label-small': {};
+        };
         '&[data-rounded="true"]': {
             '@apply rounded-circular': {};
         };