@sk-web-gui/core 3.10.0 → 3.11.0

package/dist/esm/theme.js

@@ -1,2 +1,196 @@
-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";import{colors}from"./colors";import{units}from"./units";import{screens}from"@sk-web-gui/theme";import{fonts}from"./fonts";var 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),{tiny:"var(--sk-spacing-10)",xs:"var(--sk-spacing-12)",xl:units.fontSizes["h4"],"2xl":units.fontSizes["h3"],"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),{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))},{})),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),ringWidth:{DEFAULT:"var(--sk-spacing-3)",0:"0px"},ringOpacity:{DEFAULT:"1"},colors:_object_spread_props(_object_spread({},colors),{current:"currentColor",gray:_object_spread({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),hover:colors.primitives.gray[600],background:_object_spread_props(_object_spread({},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))},{})),{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),{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),backgroundColor:{base:withOpacity("--sk-colors-primary-surface"),fill:withOpacity("--sk-colors-bg-fill")},textColor:{foreground:withOpacity("--sk-colors-primary-DEFAULT"),muted:withOpacity("--sk-colors-xt-muted")},zIndex:{hide:"-1",none:"0",base:"1",docked:"10",dropdown:"1000",sticky:"1100",banner:"1200",overlay:"1300",modal:"1400",popover:"1500",skipLink:"1600",toast:"1700",tooltip:"1800"},keyframes:{"reset-overflow":{"from, to":{overflow:"hidden"}},typingbounce:{"0%":{transform:"translateY(0)"},"10%":{transform:"translateY(-0.8rem)"},"20%, 100%":{transform:"translateY(0rem)"}}},animation:{"reset-overflow":"reset-overflow 180ms backwards","typing-bounce-1":"typingbounce 1.5s ease-in-out 600ms infinite","typing-bounce-2":"typingbounce 1.5s ease-in-out 800ms infinite","typing-bounce-3":"typingbounce 1.5s ease-in-out 1s infinite"}}};export{theme};
+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 = {
+    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), {
+            tiny: 'var(--sk-spacing-10)',
+            xs: 'var(--sk-spacing-12)',
+            xl: units.fontSizes['h4'],
+            '2xl': units.fontSizes['h3'],
+            '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), {
+            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));
+        }, {})),
+        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),
+        ringWidth: {
+            DEFAULT: 'var(--sk-spacing-3)',
+            0: '0px'
+        },
+        ringOpacity: {
+            DEFAULT: '1'
+        },
+        colors: _object_spread_props(_object_spread({}, colors), {
+            current: 'currentColor',
+            gray: _object_spread({
+                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),
+            hover: colors.primitives.gray[600],
+            background: _object_spread_props(_object_spread({}, 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));
+        }, {})), {
+            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), {
+            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),
+        backgroundColor: {
+            base: withOpacity('--sk-colors-primary-surface'),
+            fill: withOpacity('--sk-colors-bg-fill')
+        },
+        textColor: {
+            foreground: withOpacity('--sk-colors-primary-DEFAULT'),
+            muted: withOpacity('--sk-colors-xt-muted')
+        },
+        zIndex: {
+            hide: '-1',
+            none: '0',
+            base: '1',
+            docked: '10',
+            dropdown: '1000',
+            sticky: '1100',
+            banner: '1200',
+            overlay: '1300',
+            modal: '1400',
+            popover: '1500',
+            skipLink: '1600',
+            toast: '1700',
+            tooltip: '1800'
+        },
+        keyframes: {
+            'reset-overflow': {
+                'from, to': {
+                    overflow: 'hidden'
+                }
+            },
+            typingbounce: {
+                '0%': {
+                    transform: 'translateY(0)'
+                },
+                '10%': {
+                    transform: 'translateY(-0.8rem)'
+                },
+                '20%, 100%': {
+                    transform: 'translateY(0rem)'
+                }
+            }
+        },
+        animation: {
+            'reset-overflow': 'reset-overflow 180ms backwards',
+            'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
+            'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
+            'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
+        }
+    }
+};
+export { theme };
+
 //# sourceMappingURL=theme.js.map

package/dist/esm/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\nimport { fonts } from './fonts';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n  extend: {\n    containers: Object.keys(screens).reduce(\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n      {}\n    ),\n    fontSize: {\n      ...units.fontSizes,\n\n      tiny: 'var(--sk-spacing-10)',\n      xs: 'var(--sk-spacing-12)',\n      xl: units.fontSizes['h4'],\n      '2xl': units.fontSizes['h3'],\n      '3xl': units.fontSizes['h2'],\n      '4xl': units.fontSizes['h1'],\n      '5xl': units.fontSizes['h3'],\n    },\n    fontFamily: {\n      ...fonts,\n    },\n    screens,\n    borderRadius: {\n      ...units.radius,\n      base: 'var(--sk-spacing-0)',\n    },\n    backgroundPosition: {\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (positions, spaceKey) => ({\n          ...positions,\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n        }),\n        {}\n      ),\n    },\n    boxShadow: {\n      '50': `\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      `,\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      `,\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      `,\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n    },\n    ringColor: {\n      DEFAULT: colors.ring,\n      ...colors,\n    },\n    ringOffsetWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    ringWidth: {\n      DEFAULT: 'var(--sk-spacing-3)',\n      0: '0px',\n    },\n    ringOpacity: {\n      DEFAULT: '1',\n    },\n    colors: {\n      ...colors,\n      current: 'currentColor',\n      gray: {\n        DEFAULT: colors.primitives.gray[600],\n        stroke: colors.divider,\n        middle: colors.primitives.gray[600],\n        light: colors.primitives.gray[300],\n        lighter: colors.primitives.gray[200],\n        ...colors.primitives.gray,\n      },\n      hover: colors.primitives.gray[600],\n      background: {\n        ...colors.background,\n        one: colors.background[100],\n        two: colors.background[200],\n      },\n    },\n    cursor: {\n      base: 'var(--tw-cursor)',\n    },\n    spacing: {\n      ...units.spacing,\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (smallerSpacings, spacingkey) => ({\n          ...smallerSpacings,\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\n        }),\n        {}\n      ),\n      xs: units.spacing[4],\n      sm: units.spacing[8],\n      md: units.spacing[16],\n      lg: units.spacing[24],\n      xl: units.spacing[48],\n    },\n    maxWidth: {\n      content: screens['desktop-max'],\n    },\n    lineHeight: {\n      ...units.lineHeights,\n      ...units.spacing,\n      xs: 'var(-sk-spacing-16)',\n      xl: units.lineHeights['h4'],\n      '2xl': units.lineHeights['h3'],\n      '3xl': units.lineHeights['h2'],\n      '4xl': units.lineHeights['h1'],\n      '5xl': units.lineHeights['display-3'],\n    },\n    opacity: {\n      '15': '0.15',\n    },\n    borderWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    backgroundColor: {\n      base: withOpacity('--sk-colors-primary-surface'),\n      fill: withOpacity('--sk-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n      muted: withOpacity('--sk-colors-xt-muted'),\n    },\n\n    zIndex: {\n      hide: '-1',\n      none: '0',\n      base: '1',\n      docked: '10',\n      dropdown: '1000',\n      sticky: '1100',\n      banner: '1200',\n      overlay: '1300',\n      modal: '1400',\n      popover: '1500',\n      skipLink: '1600',\n      toast: '1700',\n      tooltip: '1800',\n    },\n    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n      typingbounce: {\n        '0%': { transform: 'translateY(0)' },\n        '10%': { transform: 'translateY(-0.8rem)' },\n        '20%, 100%': { transform: 'translateY(0rem)' },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\n    },\n  },\n};\nexport { theme };\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":"uuCAAA,OAAOA,gBAAiB,gBAAiB,AACzC,QAASC,MAAM,KAAQ,UAAW,AAClC,QAASC,KAAK,KAAQ,SAAU,AAChC,QAA0BC,OAAO,KAAQ,mBAAoB,AAE7D,QAASC,KAAK,KAAQ,SAAU,CAEhC,IAAMC,MAA8D,CAClEC,OAAQ,CACNC,WAAYC,OAAOC,IAAI,CAACN,SAASO,MAAM,CACrC,SAACH,WAAYI,UAAWC,cAAW,uCAAKL,YAAY,oBAAC,AAAC,UAAmB,OAAVI,WAAcH,OAAOK,MAAM,CAACV,QAAQ,CAACS,MAAM,IAC1G,CAAC,GAEHE,SAAU,uCACLZ,MAAMa,SAAS,GAElBC,KAAM,uBACNC,GAAI,uBACJC,GAAIhB,MAAMa,SAAS,CAAC,KAAK,CACzB,MAAOb,MAAMa,SAAS,CAAC,KAAK,CAC5B,MAAOb,MAAMa,SAAS,CAAC,KAAK,CAC5B,MAAOb,MAAMa,SAAS,CAAC,KAAK,CAC5B,MAAOb,MAAMa,SAAS,CAAC,KAAK,GAE9BI,WAAY,kBACPf,OAELD,QAAAA,QACAiB,aAAc,uCACTlB,MAAMmB,MAAM,GACfC,KAAM,wBAERC,mBAAoB,kBACf,AAACf,OAAOC,IAAI,CAACP,MAAMsB,OAAO,EAAwCd,MAAM,CACzE,SAACe,UAAWC,0BAAc,uCACrBD,oBACH,sBAAC,AAAC,OAAe,OAATC,UAAa,AAAC,cAAqC,OAAxBxB,MAAMsB,OAAO,CAACE,SAAS,GAC1D,sBAAC,AAAC,SAAiB,OAATA,UAAa,AAAC,gBAAuC,OAAxBxB,MAAMsB,OAAO,CAACE,SAAS,GAC9D,sBAAC,AAAC,UAAkB,OAATA,UAAa,AAAC,iBAAwC,OAAxBxB,MAAMsB,OAAO,CAACE,SAAS,GAChE,sBAAC,AAAC,QAAgB,OAATA,UAAa,AAAC,eAAsC,OAAxBxB,MAAMsB,OAAO,CAACE,SAAS,WAE9D,CAAC,IAGLC,UAAW,CACT,KAAO,8FAIP,MAAQ,uMAMR,MAAQ,kPAORC,UAAW,AAAC,iBAA4B,OAAZ3B,OAAO4B,IAAI,CAAC,SAC1C,EACAC,UAAW,gBACTC,QAAS9B,OAAO4B,IAAI,EACjB5B,QAEL+B,gBAAiB,gBACfD,QAAS,uBACN7B,MAAMsB,OAAO,EAElBS,UAAW,CACTF,QAAS,sBACT,EAAG,KACL,EACAG,YAAa,CACXH,QAAS,GACX,EACA9B,OAAQ,uCACHA,SACHkC,QAAS,eACTC,KAAM,gBACJL,QAAS9B,OAAOoC,UAAU,CAACD,IAAI,CAAC,IAAI,CACpCE,OAAQrC,OAAOsC,OAAO,CACtBC,OAAQvC,OAAOoC,UAAU,CAACD,IAAI,CAAC,IAAI,CACnCK,MAAOxC,OAAOoC,UAAU,CAACD,IAAI,CAAC,IAAI,CAClCM,QAASzC,OAAOoC,UAAU,CAACD,IAAI,CAAC,IAAI,EACjCnC,OAAOoC,UAAU,CAACD,IAAI,EAE3BO,MAAO1C,OAAOoC,UAAU,CAACD,IAAI,CAAC,IAAI,CAClCQ,WAAY,uCACP3C,OAAO2C,UAAU,GACpBC,IAAK5C,OAAO2C,UAAU,CAAC,IAAI,CAC3BE,IAAK7C,OAAO2C,UAAU,CAAC,IAAI,KAG/BG,OAAQ,CACNzB,KAAM,kBACR,EACAE,QAAS,uCACJtB,MAAMsB,OAAO,CACb,AAAChB,OAAOC,IAAI,CAACP,MAAMsB,OAAO,EAAwCd,MAAM,CACzE,SAACsC,gBAAiBC,4BAAgB,uCAC7BD,0BACH,sBAAC,AAAC,GAAa,OAAXC,WAAW,MAAM,AAAC,QAAiC,OAA1B/C,MAAMsB,OAAO,CAACyB,WAAW,CAAC,4BACvD,sBAAC,AAAC,GAAa,OAAXA,WAAW,MAAM,AAAC,QAAiC,OAA1B/C,MAAMsB,OAAO,CAACyB,WAAW,CAAC,4BACvD,sBAAC,AAAC,GAAa,OAAXA,WAAW,MAAM,AAAC,QAAiC,OAA1B/C,MAAMsB,OAAO,CAACyB,WAAW,CAAC,4BACvD,sBAAC,AAAC,GAAa,OAAXA,WAAW,MAAM,AAAC,QAAiC,OAA1B/C,MAAMsB,OAAO,CAACyB,WAAW,CAAC,oCAEzD,CAAC,KAEHhC,GAAIf,MAAMsB,OAAO,CAAC,EAAE,CACpB0B,GAAIhD,MAAMsB,OAAO,CAAC,EAAE,CACpB2B,GAAIjD,MAAMsB,OAAO,CAAC,GAAG,CACrB4B,GAAIlD,MAAMsB,OAAO,CAAC,GAAG,CACrBN,GAAIhB,MAAMsB,OAAO,CAAC,GAAG,GAEvB6B,SAAU,CACRC,QAASnD,OAAO,CAAC,cAAc,AACjC,EACAoD,WAAY,uCACPrD,MAAMsD,WAAW,CACjBtD,MAAMsB,OAAO,GAChBP,GAAI,sBACJC,GAAIhB,MAAMsD,WAAW,CAAC,KAAK,CAC3B,MAAOtD,MAAMsD,WAAW,CAAC,KAAK,CAC9B,MAAOtD,MAAMsD,WAAW,CAAC,KAAK,CAC9B,MAAOtD,MAAMsD,WAAW,CAAC,KAAK,CAC9B,MAAOtD,MAAMsD,WAAW,CAAC,YAAY,GAEvCC,QAAS,CACP,KAAM,MACR,EACAC,YAAa,gBACX3B,QAAS,uBACN7B,MAAMsB,OAAO,EAElBmC,gBAAiB,CACfrC,KAAMtB,YAAY,+BAClB4D,KAAM5D,YAAY,sBACpB,EACA6D,UAAW,CACTC,WAAY9D,YAAY,+BACxB+D,MAAO/D,YAAY,uBACrB,EAEAgE,OAAQ,CACNC,KAAM,KACNC,KAAM,IACN5C,KAAM,IACN6C,OAAQ,KACRC,SAAU,OACVC,OAAQ,OACRC,OAAQ,OACRC,QAAS,OACTC,MAAO,OACPC,QAAS,OACTC,SAAU,OACVC,MAAO,OACPC,QAAS,MACX,EACAC,UAAW,CACT,iBAAkB,CAChB,WAAY,CACVC,SAAU,QACZ,CACF,EACAC,aAAc,CACZ,KAAM,CAAEC,UAAW,eAAgB,EACnC,MAAO,CAAEA,UAAW,qBAAsB,EAC1C,YAAa,CAAEA,UAAW,kBAAmB,CAC/C,CACF,EACAC,UAAW,CACT,iBAAkB,iCAClB,kBAAmB,+CACnB,kBAAmB,+CACnB,kBAAmB,2CACrB,CACF,CACF,CACA,QAAS5E,KAAK,CAAG"}
+{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\nimport { fonts } from './fonts';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n  extend: {\n    containers: Object.keys(screens).reduce(\n      (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n      {}\n    ),\n    fontSize: {\n      ...units.fontSizes,\n\n      tiny: 'var(--sk-spacing-10)',\n      xs: 'var(--sk-spacing-12)',\n      xl: units.fontSizes['h4'],\n      '2xl': units.fontSizes['h3'],\n      '3xl': units.fontSizes['h2'],\n      '4xl': units.fontSizes['h1'],\n      '5xl': units.fontSizes['h3'],\n    },\n    fontFamily: {\n      ...fonts,\n    },\n    screens,\n    borderRadius: {\n      ...units.radius,\n      base: 'var(--sk-spacing-0)',\n    },\n    backgroundPosition: {\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (positions, spaceKey) => ({\n          ...positions,\n          [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n          [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n          [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n          [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n        }),\n        {}\n      ),\n    },\n    boxShadow: {\n      '50': `\n      0 0 3px 0 rgba(10, 12, 15, 0.08),\n      0 1px 8px 0 rgba(10, 12, 15, 0.13)\n      `,\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      `,\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      `,\n      insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n    },\n    ringColor: {\n      DEFAULT: colors.ring,\n      ...colors,\n    },\n    ringOffsetWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    ringWidth: {\n      DEFAULT: 'var(--sk-spacing-3)',\n      0: '0px',\n    },\n    ringOpacity: {\n      DEFAULT: '1',\n    },\n    colors: {\n      ...colors,\n      current: 'currentColor',\n      gray: {\n        DEFAULT: colors.primitives.gray[600],\n        stroke: colors.divider,\n        middle: colors.primitives.gray[600],\n        light: colors.primitives.gray[300],\n        lighter: colors.primitives.gray[200],\n        ...colors.primitives.gray,\n      },\n      hover: colors.primitives.gray[600],\n      background: {\n        ...colors.background,\n        one: colors.background[100],\n        two: colors.background[200],\n      },\n    },\n    cursor: {\n      base: 'var(--tw-cursor)',\n    },\n    spacing: {\n      ...units.spacing,\n      ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n        (smallerSpacings, spacingkey) => ({\n          ...smallerSpacings,\n          [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\n          [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\n          [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\n          [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\n        }),\n        {}\n      ),\n      xs: units.spacing[4],\n      sm: units.spacing[8],\n      md: units.spacing[16],\n      lg: units.spacing[24],\n      xl: units.spacing[48],\n    },\n    maxWidth: {\n      content: screens['desktop-max'],\n    },\n    lineHeight: {\n      ...units.lineHeights,\n      ...units.spacing,\n      xs: 'var(-sk-spacing-16)',\n      xl: units.lineHeights['h4'],\n      '2xl': units.lineHeights['h3'],\n      '3xl': units.lineHeights['h2'],\n      '4xl': units.lineHeights['h1'],\n      '5xl': units.lineHeights['display-3'],\n    },\n    opacity: {\n      '15': '0.15',\n    },\n    borderWidth: {\n      DEFAULT: 'var(--sk-spacing-2)',\n      ...units.spacing,\n    },\n    backgroundColor: {\n      base: withOpacity('--sk-colors-primary-surface'),\n      fill: withOpacity('--sk-colors-bg-fill'),\n    },\n    textColor: {\n      foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n      muted: withOpacity('--sk-colors-xt-muted'),\n    },\n\n    zIndex: {\n      hide: '-1',\n      none: '0',\n      base: '1',\n      docked: '10',\n      dropdown: '1000',\n      sticky: '1100',\n      banner: '1200',\n      overlay: '1300',\n      modal: '1400',\n      popover: '1500',\n      skipLink: '1600',\n      toast: '1700',\n      tooltip: '1800',\n    },\n    keyframes: {\n      'reset-overflow': {\n        'from, to': {\n          overflow: 'hidden',\n        },\n      },\n      typingbounce: {\n        '0%': { transform: 'translateY(0)' },\n        '10%': { transform: 'translateY(-0.8rem)' },\n        '20%, 100%': { transform: 'translateY(0rem)' },\n      },\n    },\n    animation: {\n      'reset-overflow': 'reset-overflow 180ms backwards',\n      'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\n      'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\n      'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\n    },\n  },\n};\nexport { theme };\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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"}