@sk-web-gui/core 3.13.0 → 3.14.0

package/dist/cjs/theme.js

@@ -8,74 +8,24 @@ Object.defineProperty(exports, "theme", {
         return theme;
     }
 });
-var _withopacity = /*#__PURE__*/ _interop_require_default(require("./with-opacity"));
-var _colors = require("./colors");
-var _units = require("./units");
-var _theme = require("@sk-web-gui/theme");
-var _fonts = require("./fonts");
-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;
-}
+const _withopacity = /*#__PURE__*/ _interop_require_default(require("./with-opacity"));
+const _colors = require("./colors");
+const _units = require("./units");
+const _theme = require("@sk-web-gui/theme");
+const _fonts = require("./fonts");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: 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;
-}
-var theme = {
+const theme = {
     extend: {
-        containers: Object.keys(_theme.screens).reduce(function(containers, screenKey, index) {
-            return _object_spread_props(_object_spread({}, containers), _define_property({}, "screen-".concat(screenKey), Object.values(_theme.screens)[index]));
-        }, {}),
-        fontSize: _object_spread_props(_object_spread({}, _units.units.fontSizes), {
+        containers: Object.keys(_theme.screens).reduce((containers, screenKey, index)=>({
+                ...containers,
+                [`screen-${screenKey}`]: Object.values(_theme.screens)[index]
+            }), {}),
+        fontSize: {
+            ..._units.units.fontSizes,
             tiny: 'var(--sk-spacing-10)',
             xs: 'var(--sk-spacing-12)',
             xl: _units.units.fontSizes['h4'],
@@ -83,28 +33,52 @@ var theme = {
             '3xl': _units.units.fontSizes['h2'],
             '4xl': _units.units.fontSizes['h1'],
             '5xl': _units.units.fontSizes['h3']
-        }),
-        fontFamily: _object_spread({}, _fonts.fonts),
+        },
+        fontFamily: {
+            ..._fonts.fonts
+        },
         screens: _theme.screens,
-        borderRadius: _object_spread_props(_object_spread({}, _units.units.radius), {
+        borderRadius: {
+            ..._units.units.radius,
             base: 'var(--sk-spacing-0)'
-        }),
-        backgroundPosition: _object_spread({}, Object.keys(_units.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.units.spacing[spaceKey])), _define_property(_obj, "right-".concat(spaceKey), "center right ".concat(_units.units.spacing[spaceKey])), _define_property(_obj, "bottom-".concat(spaceKey), "center bottom ".concat(_units.units.spacing[spaceKey])), _define_property(_obj, "left-".concat(spaceKey), "center left ".concat(_units.units.spacing[spaceKey])), _obj));
-        }, {})),
+        },
+        backgroundPosition: {
+            ...Object.keys(_units.units.spacing).reduce((positions, spaceKey)=>({
+                    ...positions,
+                    [`top-${spaceKey}`]: `center top ${_units.units.spacing[spaceKey]}`,
+                    [`right-${spaceKey}`]: `center right ${_units.units.spacing[spaceKey]}`,
+                    [`bottom-${spaceKey}`]: `center bottom ${_units.units.spacing[spaceKey]}`,
+                    [`left-${spaceKey}`]: `center left ${_units.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.colors.ring, " inset")
-        },
-        ringColor: _object_spread({
-            DEFAULT: _colors.colors.ring
-        }, _colors.colors),
-        ringOffsetWidth: _object_spread({
-            DEFAULT: 'var(--sk-spacing-2)'
-        }, _units.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.colors.ring} inset`
+        },
+        ringColor: {
+            DEFAULT: _colors.colors.ring,
+            ..._colors.colors
+        },
+        ringOffsetWidth: {
+            DEFAULT: 'var(--sk-spacing-2)',
+            ..._units.units.spacing
+        },
         ringWidth: {
             DEFAULT: 'var(--sk-spacing-3)',
             0: '0px'
@@ -112,51 +86,62 @@ var theme = {
         ringOpacity: {
             DEFAULT: '1'
         },
-        colors: _object_spread_props(_object_spread({}, _colors.colors), {
+        colors: {
+            ..._colors.colors,
             current: 'currentColor',
-            gray: _object_spread({
+            gray: {
                 DEFAULT: _colors.colors.primitives.gray[600],
                 stroke: _colors.colors.divider,
                 middle: _colors.colors.primitives.gray[600],
                 light: _colors.colors.primitives.gray[300],
-                lighter: _colors.colors.primitives.gray[200]
-            }, _colors.colors.primitives.gray),
+                lighter: _colors.colors.primitives.gray[200],
+                ..._colors.colors.primitives.gray
+            },
             hover: _colors.colors.primitives.gray[600],
-            background: _object_spread_props(_object_spread({}, _colors.colors.background), {
+            background: {
+                ..._colors.colors.background,
                 one: _colors.colors.background[100],
                 two: _colors.colors.background[200]
-            })
-        }),
+            }
+        },
         cursor: {
             base: 'var(--tw-cursor)'
         },
-        spacing: _object_spread_props(_object_spread({}, _units.units.spacing, Object.keys(_units.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.units.spacing[spacingkey], " - var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "-2"), "calc(".concat(_units.units.spacing[spacingkey], " - var(--sk-spacing-2))")), _define_property(_obj, "".concat(spacingkey, "+1"), "calc(".concat(_units.units.spacing[spacingkey], " + var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "+2"), "calc(".concat(_units.units.spacing[spacingkey], " + var(--sk-spacing-2))")), _obj));
-        }, {})), {
+        spacing: {
+            ..._units.units.spacing,
+            ...Object.keys(_units.units.spacing).reduce((smallerSpacings, spacingkey)=>({
+                    ...smallerSpacings,
+                    [`${spacingkey}-1`]: `calc(${_units.units.spacing[spacingkey]} - var(--sk-spacing-1))`,
+                    [`${spacingkey}-2`]: `calc(${_units.units.spacing[spacingkey]} - var(--sk-spacing-2))`,
+                    [`${spacingkey}+1`]: `calc(${_units.units.spacing[spacingkey]} + var(--sk-spacing-1))`,
+                    [`${spacingkey}+2`]: `calc(${_units.units.spacing[spacingkey]} + var(--sk-spacing-2))`
+                }), {}),
             xs: _units.units.spacing[4],
             sm: _units.units.spacing[8],
             md: _units.units.spacing[16],
             lg: _units.units.spacing[24],
             xl: _units.units.spacing[48]
-        }),
+        },
         maxWidth: {
             content: _theme.screens['desktop-max']
         },
-        lineHeight: _object_spread_props(_object_spread({}, _units.units.lineHeights, _units.units.spacing), {
+        lineHeight: {
+            ..._units.units.lineHeights,
+            ..._units.units.spacing,
             xs: 'var(-sk-spacing-16)',
             xl: _units.units.lineHeights['h4'],
             '2xl': _units.units.lineHeights['h3'],
             '3xl': _units.units.lineHeights['h2'],
             '4xl': _units.units.lineHeights['h1'],
             '5xl': _units.units.lineHeights['display-3']
-        }),
+        },
         opacity: {
             '15': '0.15'
         },
-        borderWidth: _object_spread({
-            DEFAULT: 'var(--sk-spacing-2)'
-        }, _units.units.spacing),
+        borderWidth: {
+            DEFAULT: 'var(--sk-spacing-2)',
+            ..._units.units.spacing
+        },
         backgroundColor: {
             base: (0, _withopacity.default)('--sk-colors-primary-surface'),
             fill: (0, _withopacity.default)('--sk-colors-bg-fill')

package/dist/cjs/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":["theme","extend","containers","Object","keys","screens","reduce","screenKey","index","values","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","fonts","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","colors","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","withOpacity","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":["theme","extend","containers","Object","keys","screens","reduce","screenKey","index","values","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","fonts","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","colors","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","withOpacity","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/cjs/units.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "units", {
         return units;
     }
 });
-var _units = {
+const _units = {
     spacing: {
         '0': 'var(--sk-spacing-0)',
         '0.25': 'var(--sk-spacing-0.25)',
@@ -419,6 +419,6 @@ var _units = {
         '80': 'var(--sk-spacing-80)'
     }
 };
-var units = _units;
+const units = _units;
 
 //# sourceMappingURL=units.js.map

package/dist/cjs/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","_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"mappings":"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"}
+{"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","_units","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"mappings":"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"}

package/dist/cjs/with-opacity.js

@@ -8,13 +8,13 @@ Object.defineProperty(exports, "default", {
         return _default;
     }
 });
-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}))`;
     };
 };
-var _default = withOpacity;
+const _default = withOpacity;
 
 //# sourceMappingURL=with-opacity.js.map

package/dist/cjs/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":";;;;+BAMA;;;eAAA;;;AANA,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;IACA,WAAeD"}
+{"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":";;;;+BAMA;;;eAAA;;;AANA,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;MACA,WAAeD"}

package/dist/esm/aria-plugin.js

@@ -1,7 +1,7 @@
 import TailwindPlugin from 'tailwindcss/plugin';
-export var AriaAttributes = TailwindPlugin(function(param) {
-    var addVariant = param.addVariant;
-    var attributes = {
+export const AriaAttributes = TailwindPlugin(function(param) {
+    let { addVariant } = param;
+    const attributes = {
         checked: [
             'true',
             'false',
@@ -42,18 +42,18 @@ export var AriaAttributes = TailwindPlugin(function(param) {
             'other'
         ]
     };
-    Object.keys(attributes).forEach(function(key) {
-        attributes[key].forEach(function(element) {
-            var selector = "aria-".concat(key, "-").concat(element);
+    Object.keys(attributes).forEach((key)=>{
+        attributes[key].forEach((element)=>{
+            let selector = `aria-${key}-${element}`;
             if (element == 'true') {
-                selector = "aria-".concat(key);
+                selector = `aria-${key}`;
             } else if (element == 'false') {
-                selector = "aria-!".concat(key);
+                selector = `aria-!${key}`;
             }
-            addVariant(selector, "&[aria-".concat(key, '="').concat(element, '"]'));
+            addVariant(selector, `&[aria-${key}="${element}"]`);
         });
     });
-    var specialAttributes = {
+    const specialAttributes = {
         haspopup: [
             'menu',
             'listbox',
@@ -71,16 +71,14 @@ export var AriaAttributes = TailwindPlugin(function(param) {
             'time'
         ]
     };
-    Object.keys(specialAttributes).forEach(function(key) {
-        var elements = specialAttributes[key];
-        var selector = "aria-".concat(key);
-        addVariant(selector, elements.map(function(element) {
-            return "&[aria-".concat(key, '="').concat(element, '"]');
-        }));
+    Object.keys(specialAttributes).forEach((key)=>{
+        const elements = specialAttributes[key];
+        const selector = `aria-${key}`;
+        addVariant(selector, elements.map((element)=>`&[aria-${key}="${element}"]`));
     });
-    Object.keys(specialAttributes).forEach(function(key) {
-        var selector = "aria-!".concat(key);
-        addVariant(selector, "&[aria-".concat(key, '="', false, '"]'));
+    Object.keys(specialAttributes).forEach((key)=>{
+        const selector = `aria-!${key}`;
+        addVariant(selector, `&[aria-${key}="${false}"]`);
     });
 });
 

package/dist/esm/aria-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,IAAMC,iBAAiBD,eAAe,SAAU,KAAc;QAAd,AAAEE,aAAF,MAAEA;IACvD,IAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,SAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,SAACE;YACvB,IAAIC,WAAW,AAAC,QAAcD,OAAPD,KAAI,KAAW,OAARC;YAC9B,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,AAAC,QAAW,OAAJF;YACrB,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,AAAC,SAAY,OAAJF;YACtB;YACAd,WAAWgB,UAAU,AAAC,UAAiBD,OAARD,KAAI,MAAY,OAARC,SAAQ;QACjD;IACF;IAEA,IAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,SAACC;QACtC,IAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,IAAME,WAAW,AAAC,QAAW,OAAJF;QACzBd,WACEgB,UACAI,SAASC,GAAG,CAAC,SAACN;mBAAY,AAAC,UAAiBA,OAARD,KAAI,MAAY,OAARC,SAAQ;;IAExD;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,SAACC;QACtC,IAAME,WAAW,AAAC,SAAY,OAAJF;QAC1Bd,WAAWgB,UAAU,AAAC,UAAuB,OAAdF,KAAI,MAAI,OAAM;IAC/C;AACF,GAAG"}
+{"version":3,"sources":["../../src/aria-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const AriaAttributes = TailwindPlugin(function ({ addVariant }) {\r\n  const attributes: Record<string, Array<string>> = {\r\n    checked: ['true', 'false', 'mixed'],\r\n    disabled: ['true', 'false'],\r\n    expanded: ['true', 'false'],\r\n    hidden: ['true', 'false'],\r\n    orientation: ['horizontal', 'vertical'],\r\n    readonly: ['true', 'false'],\r\n    required: ['true', 'false'],\r\n    selected: ['true', 'false'],\r\n    sort: ['none', 'ascending', 'descending', 'other'],\r\n  };\r\n\r\n  Object.keys(attributes).forEach((key) => {\r\n    attributes[key].forEach((element) => {\r\n      let selector = `aria-${key}-${element}`;\r\n      if (element == 'true') {\r\n        selector = `aria-${key}`;\r\n      } else if (element == 'false') {\r\n        selector = `aria-!${key}`;\r\n      }\r\n      addVariant(selector, `&[aria-${key}=\"${element}\"]`);\r\n    });\r\n  });\r\n\r\n  const specialAttributes: Record<string, Array<string>> = {\r\n    haspopup: ['menu', 'listbox', 'tree', 'grid', 'dialog', 'true'],\r\n    current: ['true', 'page', 'step', 'location', 'date', 'time'],\r\n  };\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const elements = specialAttributes[key];\r\n    const selector = `aria-${key}`;\r\n    addVariant(\r\n      selector,\r\n      elements.map((element) => `&[aria-${key}=\"${element}\"]`)\r\n    );\r\n  });\r\n\r\n  Object.keys(specialAttributes).forEach((key) => {\r\n    const selector = `aria-!${key}`;\r\n    addVariant(selector, `&[aria-${key}=\"${false}\"]`);\r\n  });\r\n});\r\n"],"names":["TailwindPlugin","AriaAttributes","addVariant","attributes","checked","disabled","expanded","hidden","orientation","readonly","required","selected","sort","Object","keys","forEach","key","element","selector","specialAttributes","haspopup","current","elements","map"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,KAAc;QAAd,EAAEE,UAAU,EAAE,GAAd;IACrD,MAAMC,aAA4C;QAChDC,SAAS;YAAC;YAAQ;YAAS;SAAQ;QACnCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,aAAa;YAAC;YAAc;SAAW;QACvCC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAQ;YAAa;YAAc;SAAQ;IACpD;IAEAC,OAAOC,IAAI,CAACX,YAAYY,OAAO,CAAC,CAACC;QAC/Bb,UAAU,CAACa,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;IAEA,MAAME,oBAAmD;QACvDC,UAAU;YAAC;YAAQ;YAAW;YAAQ;YAAQ;YAAU;SAAO;QAC/DC,SAAS;YAAC;YAAQ;YAAQ;YAAQ;YAAY;YAAQ;SAAO;IAC/D;IAEAR,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAMM,WAAWH,iBAAiB,CAACH,IAAI;QACvC,MAAME,WAAW,CAAC,KAAK,EAAEF,KAAK;QAC9Bd,WACEgB,UACAI,SAASC,GAAG,CAAC,CAACN,UAAY,CAAC,OAAO,EAAED,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;IAE3D;IAEAJ,OAAOC,IAAI,CAACK,mBAAmBJ,OAAO,CAAC,CAACC;QACtC,MAAME,WAAW,CAAC,MAAM,EAAEF,KAAK;QAC/Bd,WAAWgB,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC;IAClD;AACF,GAAG"}

package/dist/esm/base.js

@@ -1,4 +1,4 @@
-var _base = {
+const _base = {
     html: {
         '@apply text-base antialiased': {},
         fontSize: '0.625em',
@@ -46,7 +46,7 @@ var _base = {
         }
     }
 };
-var base = _base;
+const base = _base;
 export { base };
 
 //# sourceMappingURL=base.js.map

package/dist/esm/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '0.625em',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-md': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-content': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","p","base"],"mappings":"AAAA,IAAMA,QAAQ;IACZC,MAAM;QACJ,gCAAgC,CAAC;QACjCC,UAAU;QACVC,eAAe;QACfC,aAAa;IACf;IACAC,MAAM;QACJ,0CAA0C,CAAC;QAC3C,oBAAoB,CAAC;QACrBC,UAAU;QACVC,WAAW;QACXC,qBAAqB;IACvB;IACA,KAAK;QACH,kCAAkC,CAAC;QACnC,uDAAuD,CAAC;QACxD,kCAAkC,CAAC;IACrC;IACAC,OAAO;QACL,qBAAqB,CAAC;IACxB;IACAC,GAAG;QAAE,4BAA4B,CAAC;IAAE;IACpCC,IAAI;QACF,iDAAiD,CAAC;QAClD,gBAAgB,CAAC;IACnB;IACAC,IAAI;QACF,iDAAiD,CAAC;IACpD;IACAC,IAAI;QACF,iDAAiD,CAAC;IACpD;IACA,YAAY;QACV,iDAAiD,CAAC;IACpD;IAEAC,GAAG;QAAE,eAAe,CAAC;IAAE;IAEvB,iBAAiB;QACf,wBAAwB,CAAC;QAEzBA,GAAG;YAAE,0BAA0B,CAAC;QAAE;IACpC;AACF;AACA,IAAMC,OAAqBf;AAC3B,SAASe,IAAI,GAAG"}
+{"version":3,"sources":["../../src/base.ts"],"sourcesContent":["const _base = {\r\n  html: {\r\n    '@apply text-base antialiased': {},\r\n    fontSize: '0.625em',\r\n    textRendering: 'optimizeLegibility',\r\n    touchAction: 'manipulation',\r\n  },\r\n  body: {\r\n    '@apply text-base bg-background-content': {},\r\n    '@apply text-body': {},\r\n    position: 'relative',\r\n    minHeight: '100%',\r\n    fontFeatureSettings: \"'kern'\",\r\n  },\r\n  '*': {\r\n    '@apply focus-visible:ring-ring': {},\r\n    '@apply focus-visible:ring-offset-background-content': {},\r\n    '@apply focus-visible:outline-0': {},\r\n  },\r\n  small: {\r\n    '@apply text-small': {},\r\n  },\r\n  a: { '@apply rounded-button-md': {} },\r\n  h1: {\r\n    '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n    '@apply mb-md': {},\r\n  },\r\n  h2: {\r\n    '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n  },\r\n  h3: {\r\n    '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n  },\r\n  'h4,h5,h6': {\r\n    '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n  },\r\n\r\n  p: { '@apply my-4': {} },\r\n\r\n  '.text-content': {\r\n    '@apply max-w-content': {},\r\n\r\n    p: { '@apply mt-sm text-base': {} },\r\n  },\r\n};\r\nconst base: typeof _base = _base;\r\nexport { base };\r\n"],"names":["_base","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","p","base"],"mappings":"AAAA,MAAMA,QAAQ;IACZC,MAAM;QACJ,gCAAgC,CAAC;QACjCC,UAAU;QACVC,eAAe;QACfC,aAAa;IACf;IACAC,MAAM;QACJ,0CAA0C,CAAC;QAC3C,oBAAoB,CAAC;QACrBC,UAAU;QACVC,WAAW;QACXC,qBAAqB;IACvB;IACA,KAAK;QACH,kCAAkC,CAAC;QACnC,uDAAuD,CAAC;QACxD,kCAAkC,CAAC;IACrC;IACAC,OAAO;QACL,qBAAqB,CAAC;IACxB;IACAC,GAAG;QAAE,4BAA4B,CAAC;IAAE;IACpCC,IAAI;QACF,iDAAiD,CAAC;QAClD,gBAAgB,CAAC;IACnB;IACAC,IAAI;QACF,iDAAiD,CAAC;IACpD;IACAC,IAAI;QACF,iDAAiD,CAAC;IACpD;IACA,YAAY;QACV,iDAAiD,CAAC;IACpD;IAEAC,GAAG;QAAE,eAAe,CAAC;IAAE;IAEvB,iBAAiB;QACf,wBAAwB,CAAC;QAEzBA,GAAG;YAAE,0BAA0B,CAAC;QAAE;IACpC;AACF;AACA,MAAMC,OAAqBf;AAC3B,SAASe,IAAI,GAAG"}