@sk-web-gui/core 3.12.0 → 3.13.1

package/dist/esm/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small rounded-button': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium rounded-button': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large rounded-button': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,SAAS,SAACC;WAAsB;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;WACGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,yBACE,qBAAC,AAAC,aAA0CA,OAA9BA,OAAM,0BAA8B,OAANA,OAAM,kBAAiB,CAAC,KAJ1C;WAQhC,CAAC;YAEH,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;;IAEJ;EAAG"}
+{"version":3,"sources":["../../../src/components/avatar.ts"],"sourcesContent":["export const Avatar = (colors: string[]) => ({\r\n  '.sk-avatar': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply overflow-hidden': {},\r\n      '&&-xs, &&-sm, &&-md, &&-lg' : {\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-circular': {},\r\n      }\r\n    },\r\n\r\n    '&&-xs' : {\r\n      '@apply h-24 w-24 min-h-24 max-h-24 min-w-24 max-w-24' : {},\r\n      '@apply text-label-extra-small rounded-utility' : {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n      '@apply text-label-small rounded-button': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n      '@apply text-label-medium rounded-button': {},\r\n    },\r\n    '&&-lg': {\r\n      '@apply h-64 w-64 min-h-40 max-h-64 min-w-40 max-w-64': {},\r\n      '@apply text-label-large rounded-button': {},\r\n    },\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent  text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"primary\"]': {\r\n      '@apply bg-primary-surface  text-light-primary': {},\r\n\r\n      '&[data-accent=\"true\"]': {\r\n        '@apply bg-inverted-primary-surface  text-inverted-light-primary': {},\r\n      },\r\n    },\r\n    '&-img': {\r\n      '@apply min-w-full min-h-full object-cover': {},\r\n    },\r\n    '&[data-hasimage=\"true\"]': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Avatar","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,SAAS,CAACC,SAAsB,CAAA;QAC3C,cAAc;YACZ,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,0BAA0B,CAAC;YACzB,8BAA+B;gBAC7B,0BAA0B;oBACxB,2BAA2B,CAAC;gBAChC;YACF;YAEA,SAAU;gBACR,wDAAyD,CAAC;gBAC1D,iDAAkD,CAAC;YACrD;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,2CAA2C,CAAC;YAC9C;YACA,SAAS;gBACP,wDAAwD,CAAC;gBACzD,0CAA0C,CAAC;YAC7C;YACA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,yBAAyB;4BACvB,CAAC,CAAC,UAAU,EAAEA,MAAM,sBAAsB,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;wBACtE;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,2BAA2B;gBACzB,iDAAiD,CAAC;gBAElD,yBAAyB;oBACvB,mEAAmE,CAAC;gBACtE;YACF;YACA,SAAS;gBACP,6CAA6C,CAAC;YAChD;YACA,2BAA2B;gBACzB,yBAAyB,CAAC;YAC5B;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/badge.js

@@ -1,58 +1,5 @@
-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;
-}
-export var Badge = function(colors) {
-    return {
-        '.sk-badge': _object_spread_props(_object_spread({
+export const Badge = (colors)=>({
+        '.sk-badge': {
             '@apply inline-flex': {},
             '@apply justify-center items-center': {},
             '@apply text-light-primary': {},
@@ -63,13 +10,17 @@ export var Badge = function(colors) {
             '@apply text-label-small': {},
             '&[data-rounded="true"]': {
                 '@apply rounded-circular': {}
-            }
-        }, colors.reduce(function(styles, color) {
-            var _obj;
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-primary  text-").concat(color, "-text-secondary"), {}), _define_property(_obj, '&[data-inverted="true"]', _define_property({
-                '@apply text-inverted-light-primary': {}
-            }, "@apply bg-inverted-".concat(color, "-surface-primary text-inverted-").concat(color, "-text-secondary"), {})), _obj)));
-        }, {})), {
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},
+                        '&[data-inverted="true"]': {
+                            '@apply text-inverted-light-primary': {},
+                            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {}
+                        }
+                    }
+                }), {}),
             "&[data-color='tertiary']": {
                 '@apply bg-primary-surface': {},
                 '&[data-inverted="true"]': {
@@ -77,8 +28,7 @@ export var Badge = function(colors) {
                     '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {}
                 }
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=badge.js.map

package/dist/esm/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Badge","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,QAAQ,SAACC;WAAsB;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,OAAO;YACP,oBAAoB,CAAC;YACrB,2BAA2B,CAAC;YAE5B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAEuB;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,WAC5B,iBAD4B,MAC3B,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC,IAEvE,iBAH4B,MAG5B,2BAEE;gBADA,sCAAsC,CAAC;eACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuC,OAANA,OAAM,oBAAmB,CAAC,KAL9D;WAShC,CAAC;YAGH,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;;IAEJ;EAAG"}
+{"version":3,"sources":["../../../src/components/badge.ts"],"sourcesContent":["export const Badge = (colors: string[]) => ({\r\n  '.sk-badge': {\r\n    '@apply inline-flex': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply text-light-primary': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    // size\r\n    '@apply h-24 w-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '@apply text-inverted-light-primary': {},\r\n            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '@apply bg-primary-surface': {},\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-light-primary': {},\r\n        '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Badge","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,sBAAsB,CAAC;YACvB,sCAAsC,CAAC;YACvC,6BAA6B,CAAC;YAC9B,0BAA0B,CAAC;YAC3B,0BAA0B,CAAC;YAE3B,OAAO;YACP,oBAAoB,CAAC;YACrB,2BAA2B,CAAC;YAE5B,0BAA0B;gBACxB,2BAA2B,CAAC;YAC9B;YAEA,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAEvE,2BAA2B;4BACzB,sCAAsC,CAAC;4BACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1F;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,6BAA6B,CAAC;gBAE9B,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,+DAA+D,CAAC;gBAClE;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/breadcrumb.js

@@ -1,19 +1,4 @@
-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;
-}
-export var Breadcrumb = function() {
-    var _obj;
-    return {
+export const Breadcrumb = ()=>({
         '.sk-breadcrumb': {
             '@apply text-body text-base relative': {},
             '&-item': {
@@ -23,18 +8,23 @@ export var Breadcrumb = function() {
                 '@apply mx-6': {}
             }
         },
-        '.sk-breadcrumb-item': (_obj = {
+        '.sk-breadcrumb-item': {
             span: {
                 '&[aria-current="page"]': {
                     '@apply font-bold': {}
                 }
+            },
+            [`&[data-color="primary"]`]: {
+                'a.sk-link': {
+                    [`@apply text-secondary`]: {}
+                }
+            },
+            [`&[data-color="vattjom"]`]: {
+                'a.sk-link': {
+                    [`@apply text-vattjom-text-primary`]: {}
+                }
             }
-        }, _define_property(_obj, '&[data-color="primary"]', {
-            'a.sk-link': _define_property({}, "@apply text-secondary", {})
-        }), _define_property(_obj, '&[data-color="vattjom"]', {
-            'a.sk-link': _define_property({}, "@apply text-vattjom-text-primary", {})
-        }), _obj)
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=breadcrumb.js.map

package/dist/esm/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Breadcrumb","span"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,IAAMA,aAAa;QAaD;WAbQ;QAC/B,kBAAkB;YAChB,uCAAuC,CAAC;YAExC,UAAU;gBACR,qDAAqD,CAAC;YACxD;YAEA,eAAe;gBACb,eAAe,CAAC;YAClB;QACF;QAEA,qBAAqB,GAAE;YACrBC,MAAM;gBACJ,0BAA0B;oBACxB,oBAAoB,CAAC;gBACvB;YACF;WAEA,iBAPqB,MAOnB,2BAA2B;YAC3B,aACE,qBAAE,yBAAyB,CAAC;QAEhC,IAEA,iBAbqB,MAanB,2BAA2B;YAC3B,aACE,qBAAE,oCAAoC,CAAC;QAE3C,IAjBqB;IAmBzB;EAAG"}
+{"version":3,"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["export const Breadcrumb = () => ({\r\n  '.sk-breadcrumb': {\r\n    '@apply text-body text-base relative': {},\r\n\r\n    '&-item': {\r\n      '@apply inline-flex items-center whitespace-nowrap': {},\r\n    },\r\n\r\n    '&-separator': {\r\n      '@apply mx-6': {},\r\n    },\r\n  },\r\n\r\n  '.sk-breadcrumb-item': {\r\n    span: {\r\n      '&[aria-current=\"page\"]': {\r\n        '@apply font-bold': {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"primary\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-secondary`]: {},\r\n      },\r\n    },\r\n\r\n    [`&[data-color=\"vattjom\"]`]: {\r\n      'a.sk-link': {\r\n        [`@apply text-vattjom-text-primary`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Breadcrumb","span"],"mappings":"AAAA,OAAO,MAAMA,aAAa,IAAO,CAAA;QAC/B,kBAAkB;YAChB,uCAAuC,CAAC;YAExC,UAAU;gBACR,qDAAqD,CAAC;YACxD;YAEA,eAAe;gBACb,eAAe,CAAC;YAClB;QACF;QAEA,uBAAuB;YACrBC,MAAM;gBACJ,0BAA0B;oBACxB,oBAAoB,CAAC;gBACvB;YACF;YAEA,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;gBAC3B,aAAa;oBACX,CAAC,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC;gBAC9B;YACF;YAEA,CAAC,CAAC,uBAAuB,CAAC,CAAC,EAAE;gBAC3B,aAAa;oBACX,CAAC,CAAC,gCAAgC,CAAC,CAAC,EAAE,CAAC;gBACzC;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/button-group.js

@@ -1,5 +1,4 @@
-export var ButtonGroup = function() {
-    return {
+export const ButtonGroup = ()=>({
         '.sk-btn-group': {
             '@apply inline-flex items-center': {},
             '&.sk-btn-group-attached': {
@@ -23,7 +22,6 @@ export var ButtonGroup = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=button-group.js.map

package/dist/esm/components/button-group.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ButtonGroup","hr"],"mappings":"AAAA,OAAO,IAAMA,cAAc;WAAO;QAChC,iBAAiB;YACf,mCAAmC,CAAC;YAEpC,2BAA2B;gBACzB,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,qBAAqB,CAAC;gBAEtB,OAAO;oBACL,yBAAyB,CAAC;gBAC5B;gBAEA,sCAAsC;oBACpC,6CAA6C,CAAC;gBAChD;gBAEA,YAAY;oBACV,0BAA0B,CAAC;gBAC7B;YACF;YAEA,aAAa;gBACX,wCAAwC,CAAC;gBAEzCC,IAAI;oBACF,eAAe,CAAC;gBAClB;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/button-group.ts"],"sourcesContent":["export const ButtonGroup = () => ({\r\n  '.sk-btn-group': {\r\n    '@apply inline-flex items-center': {},\r\n\r\n    '&.sk-btn-group-attached': {\r\n      '@apply rounded-groups': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply py-6 px-12': {},\r\n\r\n      '> *': {\r\n        '@apply bg-transparent': {},\r\n      },\r\n\r\n      '.sk-btn[data-icon=\"true\"] .sk-icon': {\r\n        '@apply bg-transparent text-dark-secondary': {},\r\n      },\r\n\r\n      '.sk-icon': {\r\n        '@apply p-0 w-fit h-fit': {},\r\n      },\r\n    },\r\n\r\n    '&-divider': {\r\n      '@apply grow bg-tertiary-surface px-6': {},\r\n\r\n      hr: {\r\n        '@apply h-20': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ButtonGroup","hr"],"mappings":"AAAA,OAAO,MAAMA,cAAc,IAAO,CAAA;QAChC,iBAAiB;YACf,mCAAmC,CAAC;YAEpC,2BAA2B;gBACzB,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,qBAAqB,CAAC;gBAEtB,OAAO;oBACL,yBAAyB,CAAC;gBAC5B;gBAEA,sCAAsC;oBACpC,6CAA6C,CAAC;gBAChD;gBAEA,YAAY;oBACV,0BAA0B,CAAC;gBAC7B;YACF;YAEA,aAAa;gBACX,wCAAwC,CAAC;gBAEzCC,IAAI;oBACF,eAAe,CAAC;gBAClB;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/button.js

@@ -1,86 +1,50 @@
-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;
-}
 function buttonPrimary(colors) {
-    var _obj;
     return {
-        '&-primary': _object_spread_props(_object_spread({
+        '&-primary': {
             '@apply text-light-primary': {},
-            /* hover */ '@apply hover:bg-primary-surface-hover': {}
-        }, colors.reduce(function(styles, color) {
-            var _obj, _obj1;
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), (_obj1 = {}, _define_property(_obj1, "@apply bg-".concat(color, "-surface-primary  text-").concat(color, "-text-secondary"), {}), // hover
-            _define_property(_obj1, "@apply hover:bg-".concat(color, "-surface-primary-hover hover:text-light-primary"), {}), // keyboard active
-            _define_property(_obj1, '&.active', _define_property({}, "@apply bg-".concat(color, "-surface-primary-hover"), {})), _define_property(_obj1, "@apply active:bg-".concat(color, "-surface-primary-hover"), {}), _define_property(_obj1, '&[data-inverted="true"]', (_obj = {
-                '@apply text-inverted-light-primary': {}
-            }, _define_property(_obj, "@apply bg-inverted-".concat(color, "-surface-primary text-inverted-").concat(color, "-text-secondary"), {}), // hover
-            _define_property(_obj, "@apply hover:bg-inverted-".concat(color, "-surface-primary-hover hover:text-inverted-light-primary"), {}), // keyboard active
-            _define_property(_obj, '&.active', _define_property({}, "@apply bg-inverted-".concat(color, "-surface-primary-hover"), {})), _define_property(_obj, "@apply active:bg-inverted-".concat(color, "-surface-primary-hover"), {}), _obj)), _obj1)));
-        }, {})), {
-            "&[data-color='primary']": (_obj = {
+            /* hover */ '@apply hover:bg-primary-surface-hover': {},
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},
+                        // hover
+                        [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},
+                        // keyboard active
+                        '&.active': {
+                            [`@apply bg-${color}-surface-primary-hover`]: {}
+                        },
+                        [`@apply active:bg-${color}-surface-primary-hover`]: {},
+                        '&[data-inverted="true"]': {
+                            '@apply text-inverted-light-primary': {},
+                            [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},
+                            // hover
+                            [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},
+                            // keyboard active
+                            '&.active': {
+                                [`@apply bg-inverted-${color}-surface-primary-hover`]: {}
+                            },
+                            [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {}
+                        }
+                    }
+                }), {}),
+            "&[data-color='primary']": {
                 '@apply bg-primary-surface': {},
                 '@apply hover:bg-primary-surface-hover': {},
                 '&.active': {
                     '@apply bg-primary-surface-hover': {}
+                },
+                [`@apply active:bg-primary-surface-hover`]: {},
+                '&[data-inverted="true"]': {
+                    '@apply text-inverted-light-primary': {},
+                    '@apply bg-inverted-primary-surface': {},
+                    '@apply hover:bg-inverted-primary-surface-hover': {},
+                    '&.active': {
+                        '@apply bg-inverted-primary-surface-hover': {}
+                    },
+                    [`@apply active:bg-inverted-primary-surface-hover`]: {}
                 }
-            }, _define_property(_obj, "@apply active:bg-primary-surface-hover", {}), _define_property(_obj, '&[data-inverted="true"]', _define_property({
-                '@apply text-inverted-light-primary': {},
-                '@apply bg-inverted-primary-surface': {},
-                '@apply hover:bg-inverted-primary-surface-hover': {},
-                '&.active': {
-                    '@apply bg-inverted-primary-surface-hover': {}
-                }
-            }, "@apply active:bg-inverted-primary-surface-hover", {})), _obj)
-        })
+            }
+        }
     };
 }
 function buttonSecondary() {
@@ -152,22 +116,25 @@ function buttonGhost() {
 }
 function buttonLink(colors) {
     return {
-        '&-link': _object_spread({
+        '&-link': {
             '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},
             '&.active': {
                 '@apply underline': {}
             },
             // dark colors
             '@apply dark:text-neutral-200': {},
-            '@apply dark:active:text-neutral-500': {}
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), _define_property({}, "@apply text-".concat(color, "-text active:text-").concat(color, "-text"), {})));
-        }, {}))
+            '@apply dark:active:text-neutral-500': {},
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        [`@apply text-${color}-text active:text-${color}-text`]: {}
+                    }
+                }), {})
+        }
     };
 }
-export var Button = function(colors) {
-    return {
-        '.sk-btn': _object_spread_props(_object_spread({
+export const Button = (colors)=>({
+        '.sk-btn': {
             '@apply box-border': {},
             '@apply border-2 border-transparent': {},
             '@apply cursor-pointer': {},
@@ -227,8 +194,13 @@ export var Button = function(colors) {
                 '&-text': {
                     '@apply opacity-0': {}
                 }
-            }
-        }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors)), {
+            },
+            // variants
+            ...buttonPrimary(colors),
+            ...buttonSecondary(),
+            ...buttonTertiary(),
+            ...buttonGhost(),
+            ...buttonLink(colors),
             '&[data-background="false"]:not(:hover)': {
                 '@apply bg-transparent': {}
             },
@@ -290,8 +262,7 @@ export var Button = function(colors) {
                     }
                 }
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n    },\r\n\r\n    '&-loading': {\r\n      '&-spinner': {\r\n        '@apply absolute mr-0': {},\r\n        '&[data-hastext=\"true\"]': {\r\n          '@apply relative mr-2': {},\r\n        },\r\n      },\r\n      '&-text': {\r\n        '@apply opacity-0': {},\r\n      },\r\n    },\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .sk-btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .sk-btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.sk-btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["buttonPrimary","colors","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n  return {\r\n    '&-primary': {\r\n      '@apply text-light-primary': {},\r\n      /* hover */\r\n      '@apply hover:bg-primary-surface-hover': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n            // hover\r\n            [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n            // keyboard active\r\n            '&.active': {\r\n              [`@apply bg-${color}-surface-primary-hover`]: {},\r\n            },\r\n            [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n            '&[data-inverted=\"true\"]': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n              // hover\r\n              [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n              // keyboard active\r\n              '&.active': {\r\n                [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n              },\r\n              [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      \"&[data-color='primary']\": {\r\n        '@apply bg-primary-surface': {},\r\n        '@apply hover:bg-primary-surface-hover': {},\r\n        '&.active': {\r\n          '@apply bg-primary-surface-hover': {},\r\n        },\r\n        [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n        '&[data-inverted=\"true\"]': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-inverted-primary-surface': {},\r\n          '@apply hover:bg-inverted-primary-surface-hover': {},\r\n          '&.active': {\r\n            '@apply bg-inverted-primary-surface-hover': {},\r\n          },\r\n          [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonSecondary() {\r\n  return {\r\n    '&-secondary': {\r\n      '@apply border-secondary-outline': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-secondary-surface': {},\r\n      /* hover */\r\n      '@apply hover:border-secondary-outline-hover': {},\r\n      '@apply hover:bg-secondary-surface-hover': {},\r\n      /* focus */\r\n      '@apply focus-visible:border-background-content': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply border-inverted-secondary-outline': {},\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-secondary-surface': {},\r\n        /* hover */\r\n        '@apply hover:border-inverted-secondary-outline-hover': {},\r\n        '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n        /* focus */\r\n        '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n        // State\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-tertiary-surface': {},\r\n      /* hover */\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n          {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n        '@apply bg-inverted-tertiary-surface': {},\r\n        /* hover */\r\n        '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n        '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n          '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n            {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction buttonGhost() {\r\n  return {\r\n    '&-ghost': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply bg-transparent': {},\r\n      '@apply border-transparent': {},\r\n      /* hover */\r\n      '@apply hover:bg-transparent': {},\r\n      '@apply hover:border-transparent': {},\r\n\r\n      // State\r\n      '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n        '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n      },\r\n\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply text-inverted-dark-secondary': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n  return {\r\n    '&-link': {\r\n      '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n      '&.active': {\r\n        '@apply underline': {},\r\n      },\r\n      // dark colors\r\n      '@apply dark:text-neutral-200': {},\r\n      '@apply dark:active:text-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n            // dark colors\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n  '.sk-btn': {\r\n    '@apply box-border': {},\r\n    '@apply border-2 border-transparent': {},\r\n    '@apply cursor-pointer': {},\r\n    '@apply relative': {},\r\n    '@apply m-0': {},\r\n    '@apply px-24 py-8 gap-8': {},\r\n    '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n    '@apply rounded-button': {},\r\n    transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n    '@apply\tduration-75 ease-out': {},\r\n    '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n    '@apply focus-visible:outline-none': {},\r\n    '@apply focus-visible:ring': {},\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply text-label-small': {},\r\n      '@apply px-14 py-8 gap-6': {},\r\n      '@apply max-h-32 h-32': {},\r\n      '@apply rounded-button-sm': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-16 w-16': {},\r\n      },\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-label-medium': {},\r\n      '@apply px-18 py-8 gap-8': {},\r\n      '@apply max-h-40 h-40': {},\r\n      '@apply rounded-button-md': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-18 w-18': {},\r\n      },\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-label-large': {},\r\n      '@apply px-24 py-8 gap-8': {},\r\n      '@apply max-h-48 h-48': {},\r\n      '@apply rounded-button-lg': {},\r\n      'svg, .sk-icon': {\r\n        '@apply h-20 w-20': {},\r\n      },\r\n    },\r\n\r\n    // State\r\n    '&-disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n      '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n        {},\r\n    },\r\n\r\n    '&-loading': {\r\n      '&-spinner': {\r\n        '@apply absolute mr-0': {},\r\n        '&[data-hastext=\"true\"]': {\r\n          '@apply relative mr-2': {},\r\n        },\r\n      },\r\n      '&-text': {\r\n        '@apply opacity-0': {},\r\n      },\r\n    },\r\n    // variants\r\n    ...buttonPrimary(colors),\r\n    ...buttonSecondary(),\r\n    ...buttonTertiary(),\r\n    ...buttonGhost(),\r\n    ...buttonLink(colors),\r\n\r\n    '&[data-background=\"false\"]:not(:hover)': {\r\n      '@apply bg-transparent': {},\r\n    },\r\n    '.sk-btn-has-icon': {\r\n      '&-left': {\r\n        '@apply h-full flex items-center justify-center -ml-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n      '&-right': {\r\n        '@apply h-full flex items-center justify-center -mr-2': {},\r\n        '.sk-icon': {\r\n          '@apply bg-transparent': {},\r\n          color: 'currentColor',\r\n        },\r\n      },\r\n    },\r\n    '&-lg .sk-btn-has-icon-left': {\r\n      '@apply -ml-4': {},\r\n    },\r\n    '&-lg .sk-btn-has-icon-right': {\r\n      '@apply -mr-4': {},\r\n    },\r\n    '&[data-icon=true]': {\r\n      '@apply p-0': {},\r\n\r\n      '.sk-icon': {\r\n        '@apply bg-transparent': {},\r\n        color: 'currentColor',\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-full': {},\r\n      },\r\n\r\n      '&.sk-btn-sm': {\r\n        '@apply w-32 min-w-32 max-w-32': {},\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-md': {\r\n        '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-20 w-20': {},\r\n        },\r\n      },\r\n\r\n      '&.sk-btn-lg': {\r\n        '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n        'svg, .sk-icon': {\r\n          '@apply h-24 w-24': {},\r\n        },\r\n      },\r\n      '.sk-btn-has-icon': {\r\n        '&-left': {\r\n          '@apply m-0': {},\r\n        },\r\n        '&-right': {\r\n          '@apply m-0': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["buttonPrimary","colors","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"mappings":"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"}

package/dist/esm/components/callout.js

@@ -1,70 +1,21 @@
-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;
-}
-export var Callout = function(colors) {
-    return {
-        '.sk-callout': _object_spread_props(_object_spread({
+export const Callout = (colors)=>({
+        '.sk-callout': {
             '@apply inline-flex': {},
-            '@apply p-4': {}
-        }, colors.reduce(function(styles, color) {
-            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
-                '.sk-callout-content': _define_property({}, "@apply bg-".concat(color, "-surface-primary  text-").concat(color, "-text-secondary"), {}),
-                '&[data-inverted="true"]': {
-                    '.sk-callout-content': _define_property({
-                        '@apply text-inverted-light-primary': {}
-                    }, "@apply bg-inverted-".concat(color, "-surface-primary text-inverted-").concat(color, "-text-secondary"), {})
-                }
-            }));
-        }, {})), {
+            '@apply p-4': {},
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        '.sk-callout-content': {
+                            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {}
+                        },
+                        '&[data-inverted="true"]': {
+                            '.sk-callout-content': {
+                                '@apply text-inverted-light-primary': {},
+                                [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {}
+                            }
+                        }
+                    }
+                }), {}),
             "&[data-color='tertiary']": {
                 '.sk-callout-content': {
                     '@apply bg-primary-surface': {}
@@ -80,8 +31,7 @@ export var Callout = function(colors) {
                 '@apply rounded-full': {},
                 '@apply h-8 w-8': {}
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=callout.js.map

package/dist/esm/components/callout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Callout","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,sBAAsB,CAAC;YACvB,cAAc,CAAC;WAEZA,OAAOC,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5B,uBACE,qBAAC,AAAC,aAA2CA,OAA/BA,OAAM,2BAA+B,OAANA,OAAM,oBAAmB,CAAC;gBAGzE,2BAA2B;oBACzB,uBAEE;wBADA,sCAAsC,CAAC;uBACtC,AAAC,sBAA4DA,OAAvCA,OAAM,mCAAuC,OAANA,OAAM,oBAAmB,CAAC;gBAE5F;YACF;WAEF,CAAC;YAGH,4BAA4B;gBAC1B,uBAAuB;oBACrB,6BAA6B,CAAC;gBAChC;gBACA,2BAA2B;oBACzB,uBAAuB;wBACrB,sCAAsC,CAAC;wBACvC,+DAA+D,CAAC;oBAClE;gBACF;YACF;YAEA,aAAa;gBACX,uBAAuB,CAAC;gBACxB,kBAAkB,CAAC;YACrB;;IAEJ;EAAG"}
+{"version":3,"sources":["../../../src/components/callout.ts"],"sourcesContent":["export const Callout = (colors: string[]) => ({\r\n  '.sk-callout': {\r\n    '@apply inline-flex': {},\r\n    '@apply p-4': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-callout-content': {\r\n            [`@apply bg-${color}-surface-primary  text-${color}-text-secondary`]: {},\r\n          },\r\n\r\n          '&[data-inverted=\"true\"]': {\r\n            '.sk-callout-content': {\r\n              '@apply text-inverted-light-primary': {},\r\n              [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n            },\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-callout-content': {\r\n        '@apply bg-primary-surface': {},\r\n      },\r\n      '&[data-inverted=\"true\"]': {\r\n        '.sk-callout-content': {\r\n          '@apply text-inverted-light-primary': {},\r\n          '@apply bg-tertiary-surface dark:bg-inverted-primary-surface': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply rounded-full': {},\r\n      '@apply h-8 w-8': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Callout","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,UAAU,CAACC,SAAsB,CAAA;QAC5C,eAAe;YACb,sBAAsB,CAAC;YACvB,cAAc,CAAC;YAEf,GAAGA,OAAOC,MAAM,CACd,CAACC,QAAQC,QAAW,CAAA;oBAClB,GAAGD,MAAM;oBACT,CAAC,CAAC,cAAc,EAAEC,MAAM,EAAE,CAAC,CAAC,EAAE;wBAC5B,uBAAuB;4BACrB,CAAC,CAAC,UAAU,EAAEA,MAAM,uBAAuB,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBACzE;wBAEA,2BAA2B;4BACzB,uBAAuB;gCACrB,sCAAsC,CAAC;gCACvC,CAAC,CAAC,mBAAmB,EAAEA,MAAM,+BAA+B,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BAC1F;wBACF;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YAED,4BAA4B;gBAC1B,uBAAuB;oBACrB,6BAA6B,CAAC;gBAChC;gBACA,2BAA2B;oBACzB,uBAAuB;wBACrB,sCAAsC,CAAC;wBACvC,+DAA+D,CAAC;oBAClE;gBACF;YACF;YAEA,aAAa;gBACX,uBAAuB,CAAC;gBACxB,kBAAkB,CAAC;YACrB;QACF;IACF,CAAA,EAAG"}