@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/esm/components/menubar.js

@@ -1,48 +1,95 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-export var MenuBar = colors => ({
-  '.sk-menubar': {
-    '@apply flex flex-row': {},
-    '@apply p-8 gap-16': {},
-    '@apply rounded-cards': {},
-    '&[data-background="true"]': {
-      '@apply bg-background-color-mixin-1': {}
-    },
-    '&-item': _extends({
-      '@apply inline-block': {},
-      '@apply relative': {},
-      '@apply h-40': {},
-      'a, button': {
-        color: 'unset'
-      },
-      '> *:first-child': {
-        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
-        '@apply cursor-pointer': {},
-        '@apply bg-transparent text-dark-primary': {},
-        '@apply hover:bg-tertiary-surface': {},
-        '@apply font-bold': {},
-        '@apply gap-2 px-14 py-8': {},
-        '@apply h-full min-h-full': {},
-        '@apply inline-flex shrink-0 flex-nowrap': {},
-        '@apply border-0': {},
-        '@apply focus-visible:bg-background-content focus-visible:ring': {},
-        '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
-          '@apply bg-primary-surface text-light-primary': {},
-          '@apply focus-visible:ring': {}
+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;
+            }));
         }
-      }
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        '> *:first-child': {
-          ["@apply hover:bg-" + color + "-surface-accent"]: {},
-          ["@apply hover:text-" + color + "-text-primary"]: {},
-          '@apply focus-visible:bg-background-content focus-visible:ring': {},
-          '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)': {
-            ["@apply bg-" + color + "-surface-primary"]: {},
-            '@apply focus-visible:ring': {}
-          }
+        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 MenuBar = function(colors) {
+    return {
+        '.sk-menubar': {
+            '@apply flex flex-row': {},
+            '@apply p-8 gap-16': {},
+            '@apply rounded-cards': {},
+            '&[data-background="true"]': {
+                '@apply bg-background-color-mixin-1': {}
+            },
+            '&-item': _object_spread({
+                '@apply inline-block': {},
+                '@apply relative': {},
+                '@apply h-40': {},
+                'a, button': {
+                    color: 'unset'
+                },
+                '> *:first-child': {
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '@apply cursor-pointer': {},
+                    '@apply bg-transparent text-dark-primary': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply font-bold': {},
+                    '@apply gap-2 px-14 py-8': {},
+                    '@apply h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap': {},
+                    '@apply border-0': {},
+                    '@apply focus-visible:bg-background-content focus-visible:ring': {},
+                    '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover), ': {
+                        '@apply bg-primary-surface text-light-primary': {},
+                        '@apply focus-visible:ring': {}
+                    }
+                }
+            }, colors.reduce(function(styles, color) {
+                var _obj, _obj1;
+                return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                    '> *:first-child': (_obj1 = {}, _define_property(_obj1, "@apply hover:bg-".concat(color, "-surface-accent"), {}), _define_property(_obj1, "@apply hover:text-".concat(color, "-text-primary"), {}), _define_property(_obj1, '@apply focus-visible:bg-background-content focus-visible:ring', {}), _define_property(_obj1, '&[aria-current="page"]:not(:hover),&[aria-selected="true"]:not(:hover)', (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-primary"), {}), _define_property(_obj, '@apply focus-visible:ring', {}), _obj)), _obj1)
+                }));
+            }, {}))
+        }
+    };
+};
+
 //# sourceMappingURL=menubar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":["MenuBar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,OAAO,GAAIC,MAAgB,KAAM;EAC5C,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,0EAA0E,EAAE;UAC1E,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,wEAAwE,EAAE;YACxE,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,qBAAqB,CAAC;YACtB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACXC,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGD,OAAOE,MAAM,CACd,SAACC,QAAQF;oBAOuE,MAJzD;uBAHH,wCACfE,SACH,qBAAC,AAAC,iBAAsB,OAANF,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF;EAAG"}

package/dist/esm/components/modal.js

@@ -1,49 +1,52 @@
-export var Modal = () => ({
-  '.sk-modal': {
-    '&-wrapper': {
-      '@apply fixed inset-0 z-20 overflow-y-auto': {},
-      '@apply bg-primitives-overlay-darken-6': {},
-      '@apply dark:bg-primitives-overlay-darken-8': {},
-      '&-inner': {
-        '@apply min-h-screen px-4 text-center': {}
-      }
-    },
-    '&-overlay': {
-      '@apply fixed inset-0': {}
-    },
-    '&-trixter': {
-      '@apply inline-block h-screen align-middle': {}
-    },
-    '&-dialog': {
-      '@apply text-dark-secondary': {},
-      '@apply inline-flex flex-col': {},
-      '@apply text-left': {},
-      '@apply align-middle': {},
-      '@apply transition-all transform': {},
-      '@apply rounded-cards': {},
-      '@apply bg-background-content': {},
-      '@apply dark:bg-background-100': {},
-      '@apply px-24 pt-24 pb-40': {},
-      '@apply gap-16': {},
-      '&-header': {
-        '@apply flex justify-between items-center w-full': {},
-        '&-title': {
-          '@apply grow': {},
-          '@apply text-label-medium': {}
+export var Modal = function() {
+    return {
+        '.sk-modal': {
+            '&-wrapper': {
+                '@apply fixed inset-0 z-20 overflow-y-auto': {},
+                '@apply bg-primitives-overlay-darken-6': {},
+                '@apply dark:bg-primitives-overlay-darken-8': {},
+                '&-inner': {
+                    '@apply min-h-screen px-4 text-center': {}
+                }
+            },
+            '&-overlay': {
+                '@apply fixed inset-0': {}
+            },
+            '&-trixter': {
+                '@apply inline-block h-screen align-middle': {}
+            },
+            '&-dialog': {
+                '@apply text-dark-secondary': {},
+                '@apply inline-flex flex-col': {},
+                '@apply text-left': {},
+                '@apply align-middle': {},
+                '@apply transition-all transform': {},
+                '@apply rounded-cards': {},
+                '@apply bg-background-content': {},
+                '@apply dark:bg-background-100': {},
+                '@apply px-24 pt-24 pb-40': {},
+                '@apply gap-16': {},
+                '&-header': {
+                    '@apply flex justify-between items-center w-full': {},
+                    '&-title': {
+                        '@apply grow': {},
+                        '@apply text-label-medium': {}
+                    }
+                }
+            },
+            '&-content': {
+                '@apply flex flex-col': {},
+                '@apply py-8 pb-16 gap-12': {},
+                'h1, h2, h3, h4, h5, h6': {
+                    '@apply text-dark-primary': {}
+                }
+            },
+            '&-footer': {
+                '@apply flex flex-row justify-start': {},
+                '@apply p-0 gap-12': {}
+            }
         }
-      }
-    },
-    '&-content': {
-      '@apply flex flex-col': {},
-      '@apply py-8 pb-16 gap-12': {},
-      'h1, h2, h3, h4, h5, h6': {
-        '@apply text-dark-primary': {}
-      }
-    },
-    '&-footer': {
-      '@apply flex flex-row justify-start': {},
-      '@apply p-0 gap-12': {}
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Modal"],"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,KAAK,GAAGA,CAAA,MAAO;EAC1B,WAAW,EAAE;IACX,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,EAAE;QACT,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC;IAChD,CAAC;IAED,UAAU,EAAE;MACV,4BAA4B,EAAE,CAAC,CAAC;MAChC,6BAA6B,EAAE,CAAC,CAAC;MACjC,kBAAkB,EAAE,CAAC,CAAC;MACtB,qBAAqB,EAAE,CAAC,CAAC;MACzB,iCAAiC,EAAE,CAAC,CAAC;MACrC,sBAAsB,EAAE,CAAC,CAAC;MAC1B,8BAA8B,EAAE,CAAC,CAAC;MAClC,+BAA+B,EAAE,CAAC,CAAC;MACnC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,eAAe,EAAE,CAAC,CAAC;MAEnB,UAAU,EAAE;QACV,iDAAiD,EAAE,CAAC,CAAC;QACrD,SAAS,EAAE;UACT,aAAa,EAAE,CAAC,CAAC;UACjB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,wBAAwB,EAAE;QACxB,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IACD,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC,mBAAmB,EAAE,CAAC;IACxB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Modal"],"mappings":"AAAA,OAAO,IAAMA,QAAQ;WAAO;QAC1B,aAAa;YACX,aAAa;gBACX,6CAA6C,CAAC;gBAC9C,yCAAyC,CAAC;gBAC1C,8CAA8C,CAAC;gBAE/C,WAAW;oBACT,wCAAwC,CAAC;gBAC3C;YACF;YAEA,aAAa;gBACX,wBAAwB,CAAC;YAC3B;YAEA,aAAa;gBACX,6CAA6C,CAAC;YAChD;YAEA,YAAY;gBACV,8BAA8B,CAAC;gBAC/B,+BAA+B,CAAC;gBAChC,oBAAoB,CAAC;gBACrB,uBAAuB,CAAC;gBACxB,mCAAmC,CAAC;gBACpC,wBAAwB,CAAC;gBACzB,gCAAgC,CAAC;gBACjC,iCAAiC,CAAC;gBAClC,4BAA4B,CAAC;gBAC7B,iBAAiB,CAAC;gBAElB,YAAY;oBACV,mDAAmD,CAAC;oBACpD,WAAW;wBACT,eAAe,CAAC;wBAChB,4BAA4B,CAAC;oBAC/B;gBACF;YACF;YACA,aAAa;gBACX,wBAAwB,CAAC;gBACzB,4BAA4B,CAAC;gBAC7B,0BAA0B;oBACxB,4BAA4B,CAAC;gBAC/B;YACF;YACA,YAAY;gBACV,sCAAsC,CAAC;gBACvC,qBAAqB,CAAC;YACxB;QACF;IACF;EAAG"}

package/dist/esm/components/pagination.js

@@ -1,102 +1,105 @@
-export var Pagination = () => ({
-  '.sk-pagination': {
-    '@apply select-none': {},
-    '@apply text-base': {},
-    '&-list': {
-      '@apply flex justify-between items-center': {},
-      '.sk-pagination[data-hideprevnextlabel="true"] &': {
-        '@apply w-fit': {}
-      },
-      li: {
-        '@apply min-w-40 text-center': {}
-      },
-      'li:first-child': {
-        '@apply text-left': {}
-      },
-      'li:last-child': {
-        '@apply text-right': {}
-      }
-    },
-    '.form-select-wrapper': {
-      '@apply w-fit': {}
-    },
-    '&-pageLabel': {
-      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},
-      '@apply focus-visible:ring ring-ring ring-offset': {},
-      '@apply rounded-full': {},
-      '@apply h-32 w-32': {},
-      "&[aria-current='true']": {
-        '@apply font-bold no-underline text-dark-primary': {}
-      }
-    },
-    '&-prevNextButton': {
-      '@apply text-dark-secondary': {},
-      '&.sk-btn': {
-        '@apply bg-transparent text-dark-secondary font-normal': {},
-        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled': {
-          '@apply bg-transparent !important': {},
-          '@apply text-dark-disabled hover:text-dark-disabled': {},
-          '.sk-icon': {
-            '@apply text-dark-disabled hover:text-dark-disabled': {}
-          }
-        },
-        '.sk-icon': {
-          '@apply bg-transparent text-dark-secondary': {}
-        },
-        '&:hover': {
-          '@apply text-dark-primary': {},
-          '@apply bg-tertiary-surface-hover': {},
-          '.sk-icon': {
-            '@apply text-dark-primary': {}
-          }
-        }
-      },
-      '&[disabled]': {
-        '@apply cursor-default': {}
-      },
-      "&[disabled='false']": {
-        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {
-          '@apply cursor-pointer': {}
-        }
-      },
-      '&-label': {
-        '@apply hidden sm:inline ml-sm leading-none': {}
-      },
-      '&-icon': {
-        '@apply m-1 leading-none flex items-center': {}
-      }
-    },
-    '&-ellipsis': {
-      '@apply inline-block w-16 text-center': {}
-    },
-    '&.fit-content': {
-      '@apply w-full max-w-full': {},
-      '.sk-pagination-list': {
-        '@apply w-full flex justify-center': {},
-        '@apply gap-0 md:gap-24': {},
-        '&-item': {
-          '@apply px-0 grow-0 text-center': {},
-          '&.ellipsis': {
-            '@apply flex-shrink grow-0': {}
-          },
-          '&.prev-next': {
-            '@apply flex-shrink': {},
-            '&.prev': {
-              '@apply text-left': {}
+export var Pagination = function() {
+    return {
+        '.sk-pagination': {
+            '@apply select-none': {},
+            '@apply text-base': {},
+            '&-list': {
+                '@apply flex justify-between items-center': {},
+                '.sk-pagination[data-hideprevnextlabel="true"] &': {
+                    '@apply w-fit': {}
+                },
+                li: {
+                    '@apply min-w-40 text-center': {}
+                },
+                'li:first-child': {
+                    '@apply text-left': {}
+                },
+                'li:last-child': {
+                    '@apply text-right': {}
+                }
+            },
+            '.form-select-wrapper': {
+                '@apply w-fit': {}
+            },
+            '&-pageLabel': {
+                '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},
+                '@apply focus-visible:ring ring-ring ring-offset': {},
+                '@apply rounded-full': {},
+                '@apply h-32 w-32': {},
+                "&[aria-current='true']": {
+                    '@apply font-bold no-underline text-dark-primary': {}
+                }
+            },
+            '&-prevNextButton': {
+                '@apply text-dark-secondary': {},
+                '&.sk-btn': {
+                    '@apply bg-transparent text-dark-secondary font-normal': {},
+                    '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled': {
+                        '@apply bg-transparent !important': {},
+                        '@apply text-dark-disabled hover:text-dark-disabled': {},
+                        '.sk-icon': {
+                            '@apply text-dark-disabled hover:text-dark-disabled': {}
+                        }
+                    },
+                    '.sk-icon': {
+                        '@apply bg-transparent text-dark-secondary': {}
+                    },
+                    '&:hover': {
+                        '@apply text-dark-primary': {},
+                        '@apply bg-tertiary-surface-hover': {},
+                        '.sk-icon': {
+                            '@apply text-dark-primary': {}
+                        }
+                    }
+                },
+                '&[disabled]': {
+                    '@apply cursor-default': {}
+                },
+                "&[disabled='false']": {
+                    '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {
+                        '@apply cursor-pointer': {}
+                    }
+                },
+                '&-label': {
+                    '@apply hidden sm:inline ml-sm leading-none': {}
+                },
+                '&-icon': {
+                    '@apply m-1 leading-none flex items-center': {}
+                }
+            },
+            '&-ellipsis': {
+                '@apply inline-block w-16 text-center': {}
             },
-            '&.next': {
-              '@apply text-right': {}
+            '&.fit-content': {
+                '@apply w-full max-w-full': {},
+                '.sk-pagination-list': {
+                    '@apply w-full flex justify-center': {},
+                    '@apply gap-0 md:gap-24': {},
+                    '&-item': {
+                        '@apply px-0 grow-0 text-center': {},
+                        '&.ellipsis': {
+                            '@apply flex-shrink grow-0': {}
+                        },
+                        '&.prev-next': {
+                            '@apply flex-shrink': {},
+                            '&.prev': {
+                                '@apply text-left': {}
+                            },
+                            '&.next': {
+                                '@apply text-right': {}
+                            }
+                        },
+                        '.sk-pagination-pageLabel': {
+                            '@apply mx-xs': {}
+                        }
+                    }
+                },
+                '.form-select-wrapper': {
+                    '@apply w-full': {}
+                }
             }
-          },
-          '.sk-pagination-pageLabel': {
-            '@apply mx-xs': {}
-          }
         }
-      },
-      '.form-select-wrapper': {
-        '@apply w-full': {}
-      }
-    }
-  }
-});
+    };
+};
+
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Pagination","li"],"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,UAAU,GAAGA,CAAA,MAAO;EAC/B,gBAAgB,EAAE;IAChB,oBAAoB,EAAE,CAAC,CAAC;IACxB,kBAAkB,EAAE,CAAC,CAAC;IAEtB,QAAQ,EAAE;MACR,0CAA0C,EAAE,CAAC,CAAC;MAE9C,iDAAiD,EAAE;QACjD,cAAc,EAAE,CAAC;MACnB,CAAC;MAEDC,EAAE,EAAE;QACF,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,gBAAgB,EAAE;QAChB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,eAAe,EAAE;QACf,mBAAmB,EAAE,CAAC;MACxB;IACF,CAAC;IACD,sBAAsB,EAAE;MACtB,cAAc,EAAE,CAAC;IACnB,CAAC;IACD,aAAa,EAAE;MACb,2EAA2E,EAAE,CAAC,CAAC;MAC/E,iDAAiD,EAAE,CAAC,CAAC;MACrD,qBAAqB,EAAE,CAAC,CAAC;MACzB,kBAAkB,EAAE,CAAC,CAAC;MACtB,wBAAwB,EAAE;QACxB,iDAAiD,EAAE,CAAC;MACtD;IACF,CAAC;IAED,kBAAkB,EAAE;MAClB,4BAA4B,EAAE,CAAC,CAAC;MAEhC,UAAU,EAAE;QACV,uDAAuD,EAAE,CAAC,CAAC;QAE3D,oEAAoE,EAAE;UACpE,kCAAkC,EAAE,CAAC,CAAC;UACtC,oDAAoD,EAAE,CAAC,CAAC;UACxD,UAAU,EAAE;YACV,oDAAoD,EAAE,CAAC;UACzD;QACF,CAAC;QAED,UAAU,EAAE;UACV,2CAA2C,EAAE,CAAC;QAChD,CAAC;QAED,SAAS,EAAE;UACT,0BAA0B,EAAE,CAAC,CAAC;UAC9B,kCAAkC,EAAE,CAAC,CAAC;UAEtC,UAAU,EAAE;YACV,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,qBAAqB,EAAE;QACrB,yEAAyE,EAAE;UACzE,uBAAuB,EAAE,CAAC;QAC5B;MACF,CAAC;MAED,SAAS,EAAE;QACT,4CAA4C,EAAE,CAAC;MACjD,CAAC;MAED,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD;IACF,CAAC;IAED,YAAY,EAAE;MACZ,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IACD,eAAe,EAAE;MACf,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE;QACrB,mCAAmC,EAAE,CAAC,CAAC;QACvC,wBAAwB,EAAE,CAAC,CAAC;QAC5B,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC,CAAC;UACpC,YAAY,EAAE;YACZ,2BAA2B,EAAE,CAAC;UAChC,CAAC;UACD,aAAa,EAAE;YACb,oBAAoB,EAAE,CAAC,CAAC;YACxB,QAAQ,EAAE;cACR,kBAAkB,EAAE,CAAC;YACvB,CAAC;YACD,QAAQ,EAAE;cACR,mBAAmB,EAAE,CAAC;YACxB;UACF,CAAC;UACD,0BAA0B,EAAE;YAC1B,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Pagination","li"],"mappings":"AAAA,OAAO,IAAMA,aAAa;WAAO;QAC/B,kBAAkB;YAChB,sBAAsB,CAAC;YACvB,oBAAoB,CAAC;YAErB,UAAU;gBACR,4CAA4C,CAAC;gBAE7C,mDAAmD;oBACjD,gBAAgB,CAAC;gBACnB;gBAEAC,IAAI;oBACF,+BAA+B,CAAC;gBAClC;gBAEA,kBAAkB;oBAChB,oBAAoB,CAAC;gBACvB;gBAEA,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;YACF;YACA,wBAAwB;gBACtB,gBAAgB,CAAC;YACnB;YACA,eAAe;gBACb,6EAA6E,CAAC;gBAC9E,mDAAmD,CAAC;gBACpD,uBAAuB,CAAC;gBACxB,oBAAoB,CAAC;gBACrB,0BAA0B;oBACxB,mDAAmD,CAAC;gBACtD;YACF;YAEA,oBAAoB;gBAClB,8BAA8B,CAAC;gBAE/B,YAAY;oBACV,yDAAyD,CAAC;oBAE1D,sEAAsE;wBACpE,oCAAoC,CAAC;wBACrC,sDAAsD,CAAC;wBACvD,YAAY;4BACV,sDAAsD,CAAC;wBACzD;oBACF;oBAEA,YAAY;wBACV,6CAA6C,CAAC;oBAChD;oBAEA,WAAW;wBACT,4BAA4B,CAAC;wBAC7B,oCAAoC,CAAC;wBAErC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;oBACF;gBACF;gBAEA,eAAe;oBACb,yBAAyB,CAAC;gBAC5B;gBAEA,uBAAuB;oBACrB,2EAA2E;wBACzE,yBAAyB,CAAC;oBAC5B;gBACF;gBAEA,WAAW;oBACT,8CAA8C,CAAC;gBACjD;gBAEA,UAAU;oBACR,6CAA6C,CAAC;gBAChD;YACF;YAEA,cAAc;gBACZ,wCAAwC,CAAC;YAC3C;YACA,iBAAiB;gBACf,4BAA4B,CAAC;gBAC7B,uBAAuB;oBACrB,qCAAqC,CAAC;oBACtC,0BAA0B,CAAC;oBAC3B,UAAU;wBACR,kCAAkC,CAAC;wBACnC,cAAc;4BACZ,6BAA6B,CAAC;wBAChC;wBACA,eAAe;4BACb,sBAAsB,CAAC;4BACvB,UAAU;gCACR,oBAAoB,CAAC;4BACvB;4BACA,UAAU;gCACR,qBAAqB,CAAC;4BACxB;wBACF;wBACA,4BAA4B;4BAC1B,gBAAgB,CAAC;wBACnB;oBACF;gBACF;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}