@sk-web-gui/core 3.12.0 → 3.13.1

package/dist/esm/components/input.js

@@ -1,60 +1,8 @@
-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 calendar() {
-    return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>";
+    return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;
 }
 function clock() {
-    return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>";
+    return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;
 }
 function inputStandards() {
     return {
@@ -136,7 +84,7 @@ function addin() {
 }
 function inputGroup() {
     return {
-        '&-group': _object_spread_props(_object_spread({
+        '&-group': {
             '@apply flex relative': {},
             '@apply items-center': {},
             '@apply focus-within:ring': {},
@@ -158,8 +106,8 @@ function inputGroup() {
             '&&-sm': {
                 '@apply text-input-small': {},
                 '@apply rounded-button-sm': {}
-            }
-        }, inputStandards()), {
+            },
+            ...inputStandards(),
             '.sk-form-input': {
                 '@apply rounded-0': {},
                 '@apply border-0': {},
@@ -169,7 +117,7 @@ function inputGroup() {
                 '@apply dark:bg-transparent': {},
                 '@apply grow': {}
             }
-        })
+        }
     };
 }
 function timeAndDatePicker() {
@@ -196,30 +144,30 @@ function timeAndDatePicker() {
         },
         '&[type="date"]::-webkit-inner-spin-button, &[type="date"]::-webkit-calendar-picker-indicator': {
             mask: [
-                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${calendar()}") no-repeat 100% 100%`
             ],
             '-webkit-mask': [
-                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${calendar()}") no-repeat 100% 100%`
             ],
             maskSize: 'contain',
             '-webkit-mask-size': 'contain'
         },
         '&[type="datetime-local"]::-webkit-inner-spin-button, &[type="datetime-local"]::-webkit-calendar-picker-indicator': {
             mask: [
-                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${calendar()}") no-repeat 100% 100%`
             ],
             '-webkit-mask': [
-                'url("data:image/svg+xml;utf-8,'.concat(calendar(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${calendar()}") no-repeat 100% 100%`
             ],
             maskSize: 'contain',
             '-webkit-mask-size': 'contain'
         },
         '&[type="time"]::-webkit-inner-spin-button, &[type="time"]::-webkit-calendar-picker-indicator': {
             mask: [
-                'url("data:image/svg+xml;utf-8,'.concat(clock(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${clock()}") no-repeat 100% 100%`
             ],
             '-webkit-mask': [
-                'url("data:image/svg+xml;utf-8,'.concat(clock(), '") no-repeat 100% 100%')
+                `url("data:image/svg+xml;utf-8,${clock()}") no-repeat 100% 100%`
             ],
             maskSize: 'contain',
             '-webkit-mask-size': 'contain'
@@ -231,9 +179,8 @@ function timeAndDatePicker() {
         }
     };
 }
-export var Input = function() {
-    return {
-        '.sk-form-input': _object_spread({
+export const Input = ()=>({
+        '.sk-form-input': {
             '@apply grow-0': {},
             '@apply text-dark-primary': {},
             '&[data-hideextra="true"]': {
@@ -285,9 +232,12 @@ export var Input = function() {
             '@apply focus-within:border-input-field-surface': {},
             '&:not(:invalid):not([aria-invalid="true"])': {
                 '@apply focus:hover:border-input-field-surface': {}
-            }
-        }, timeAndDatePicker(), inputStandards(), inputGroup(), addin())
-    };
-};
+            },
+            ...timeAndDatePicker(),
+            ...inputStandards(),
+            ...inputGroup(),
+            ...addin()
+        }
+    });
 
 //# sourceMappingURL=input.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '@apply flex relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}

package/dist/esm/components/kbd.js

@@ -1,11 +1,9 @@
-export var Kbd = function() {
-    return {
+export const Kbd = ()=>({
         '.kbd': {
             '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
             minWidth: '1.25rem',
             '@apply bg-blackAlpha-100 text-body': {}
         }
-    };
-};
+    });
 
 //# sourceMappingURL=kbd.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"names":["Kbd","minWidth"],"mappings":"AAAA,OAAO,IAAMA,MAAM;WAAO;QACxB,QAAQ;YACN,iHAAiH,CAAC;YAClHC,UAAU;YACV,sCAAsC,CAAC;QAGzC;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/kbd.ts"],"sourcesContent":["export const Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    // '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"names":["Kbd","minWidth"],"mappings":"AAAA,OAAO,MAAMA,MAAM,IAAO,CAAA;QACxB,QAAQ;YACN,iHAAiH,CAAC;YAClHC,UAAU;YACV,sCAAsC,CAAC;QAGzC;IACF,CAAA,EAAG"}

package/dist/esm/components/label.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 Label = function(colors) {
-    return {
-        '.sk-label': _object_spread_props(_object_spread({
+export const Label = (colors)=>({
+        '.sk-label': {
             '@apply inline-flex flex-row': {},
             '@apply justify-center items-center': {},
             '@apply gap-6 px-10 py-4': {},
@@ -67,11 +14,18 @@ export var Label = function(colors) {
             '&[data-inverted="true"]': {
                 '@apply bg-tertiary-surface': {},
                 '@apply text-dark-primary': {}
-            }
-        }, 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"), {}), _define_property(_obj1, "@apply text-".concat(color, "-text-secondary"), {}), _define_property(_obj1, '&[data-inverted="true"]', (_obj = {}, _define_property(_obj, "@apply bg-".concat(color, "-surface-accent"), {}), _define_property(_obj, "@apply text-".concat(color, "-text-primary"), {}), _obj)), _obj1)));
-        }, {})), {
+            },
+            ...colors.reduce((styles, color)=>({
+                    ...styles,
+                    [`&[data-color="${color}"]`]: {
+                        [`@apply bg-${color}-surface-primary`]: {},
+                        [`@apply text-${color}-text-secondary`]: {},
+                        '&[data-inverted="true"]': {
+                            [`@apply bg-${color}-surface-accent`]: {},
+                            [`@apply text-${color}-text-primary`]: {}
+                        }
+                    }
+                }), {}),
             '&[data-color="tertiary"]': {
                 '@apply bg-dark-primary': {},
                 '@apply text-light-primary': {},
@@ -80,8 +34,7 @@ export var Label = function(colors) {
                     '@apply text-dark-primary': {}
                 }
             }
-        })
-    };
-};
+        }
+    });
 
 //# sourceMappingURL=label.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-dark-primary': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply text-dark-primary': {},\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`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"tertiary\"]': {\r\n      '@apply bg-dark-primary': {},\r\n      '@apply text-light-primary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-tertiary-surface': {},\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Label","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,QAAQ,SAACC;WAAsB;QAC1C,aAAa;YACX,+BAA+B,CAAC;YAChC,sCAAsC,CAAC;YACvC,2BAA2B,CAAC;YAC5B,wBAAwB,CAAC;YACzB,2BAA2B,CAAC;YAE5B,yEAAyE,CAAC;YAE1E,0BAA0B,CAAC;YAC3B,6BAA6B,CAAC;YAE9B,0BAA0B;gBACxB,uBAAuB,CAAC;YAC1B;YACA,2BAA2B;gBACzB,8BAA8B,CAAC;gBAC/B,4BAA4B,CAAC;YAC/B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;gBAKsB,MAHC;mBAFZ,wCACfD,8BACF,AAAC,iBAAsB,OAANC,OAAM,QAAM,YAC5B,iBAD4B,OAC3B,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAF4B,OAE3B,AAAC,eAAoB,OAANA,OAAM,oBAAmB,CAAC,qBAFd,OAG5B,4BAA2B,WACzB,iBADyB,MACxB,AAAC,aAAkB,OAANA,OAAM,oBAAmB,CAAC,IACxC,iBAFyB,MAExB,AAAC,eAAoB,OAANA,OAAM,kBAAiB,CAAC,IAFf,QAHC;WAShC,CAAC;YAEH,4BAA4B;gBAC1B,0BAA0B,CAAC;gBAC3B,6BAA6B,CAAC;gBAC9B,2BAA2B;oBACzB,8BAA8B,CAAC;oBAC/B,4BAA4B,CAAC;gBAC/B;YACF;;IAEJ;EAAG"}
+{"version":3,"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n  '.sk-label': {\r\n    '@apply inline-flex flex-row': {},\r\n    '@apply justify-center items-center': {},\r\n    '@apply gap-6 px-10 py-4': {},\r\n    '@apply h-24 max-h-24': {},\r\n    '@apply text-label-small': {},\r\n\r\n    '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n    '@apply bg-dark-primary': {},\r\n    '@apply text-light-primary': {},\r\n\r\n    '&[data-rounded=\"true\"]': {\r\n      '@apply rounded-full': {},\r\n    },\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply text-dark-primary': {},\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`]: {},\r\n          [`@apply text-${color}-text-secondary`]: {},\r\n          '&[data-inverted=\"true\"]': {\r\n            [`@apply bg-${color}-surface-accent`]: {},\r\n            [`@apply text-${color}-text-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n    '&[data-color=\"tertiary\"]': {\r\n      '@apply bg-dark-primary': {},\r\n      '@apply text-light-primary': {},\r\n      '&[data-inverted=\"true\"]': {\r\n        '@apply bg-tertiary-surface': {},\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Label","colors","reduce","styles","color"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,SAAsB,CAAA;QAC1C,aAAa;YACX,+BAA+B,CAAC;YAChC,sCAAsC,CAAC;YACvC,2BAA2B,CAAC;YAC5B,wBAAwB,CAAC;YACzB,2BAA2B,CAAC;YAE5B,yEAAyE,CAAC;YAE1E,0BAA0B,CAAC;YAC3B,6BAA6B,CAAC;YAE9B,0BAA0B;gBACxB,uBAAuB,CAAC;YAC1B;YACA,2BAA2B;gBACzB,8BAA8B,CAAC;gBAC/B,4BAA4B,CAAC;YAC/B;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,gBAAgB,CAAC,CAAC,EAAE,CAAC;wBACzC,CAAC,CAAC,YAAY,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;wBAC1C,2BAA2B;4BACzB,CAAC,CAAC,UAAU,EAAEA,MAAM,eAAe,CAAC,CAAC,EAAE,CAAC;4BACxC,CAAC,CAAC,YAAY,EAAEA,MAAM,aAAa,CAAC,CAAC,EAAE,CAAC;wBAC1C;oBACF;gBACF,CAAA,GACA,CAAC,EACF;YACD,4BAA4B;gBAC1B,0BAA0B,CAAC;gBAC3B,6BAA6B,CAAC;gBAC9B,2BAA2B;oBACzB,8BAA8B,CAAC;oBAC/B,4BAA4B,CAAC;gBAC/B;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/link.js

@@ -1,5 +1,4 @@
-export var Link = function() {
-    return {
+export const Link = ()=>({
         '.sk-link': {
             '@apply underline outline-none hover:underline': {},
             '@apply rounded-utility': {},
@@ -47,7 +46,6 @@ export var Link = function() {
                 }
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=link.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,iDAAiD,CAAC;YAClD,0BAA0B,CAAC;YAE3B,QAAQ;YACR,2CAA2C,CAAC;YAE5C,QAAQ;YACR,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YACA,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,WAAW;YACX,aAAa;gBACX,gFAAgF,CAAC;gBAEjF,2BAA0B;oBACxB,mGAAmG,CAAC;gBACtG;YACF;YACA,cAAc;gBACZ,sDAAsD,CAAC;gBACvD,2BAA0B;oBACxB,wEAAwE,CAAC;gBAC3E;YACF;YAEA,YAAY;gBACV,oBAAoB,CAAC;YACvB;YAEA,qBAAqB;gBACnB,iEAAiE,CAAC;YACpE;YAEA,oBAAoB;gBAClB,gDAAgD,CAAC;YACnD;YAEA,cAAc;gBACZ,4CAA4C,CAAC;gBAC7C,2BAA0B;oBACxB,sCAAsC,CAAC;gBACzC;YACF;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/link.ts"],"sourcesContent":["export const Link = () => ({\r\n  '.sk-link': {\r\n    '@apply underline outline-none hover:underline': {},\r\n    '@apply rounded-utility': {},\r\n\r\n    // focus\r\n    '@apply focus-visible:ring ring-offset-6': {},\r\n\r\n    // sizes\r\n    '&-sm': {\r\n      '@apply text-small': {},\r\n    },\r\n    '&-md': {\r\n      '@apply text-base': {},\r\n    },\r\n    '&-lg': {\r\n      '@apply text-large': {},\r\n    },\r\n    '&-xl': {\r\n      '@apply text-lead': {},\r\n    },\r\n\r\n    // variants\r\n    '&-primary': {\r\n      '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {},\r\n  \r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {},\r\n      },\r\n    },\r\n    '&-tertiary': {\r\n      '@apply text-dark-secondary hover:text-dark-primary': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&.active': {\r\n      '@apply underline': {},\r\n    },\r\n\r\n    '& &-external-icon': {\r\n      '@apply w-[1em] h-[1em] leading-none ml-[.25em] align-text-top': {},\r\n    },\r\n\r\n    '&[type=\"button\"]': {\r\n      '@apply inline-flex items-center align-bottom': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply text-dark-disabled cursor-default': {},\r\n      '&[data-inverted=\"true\"]':{\r\n        '@apply text-inverted-dark-disabled': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Link"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,iDAAiD,CAAC;YAClD,0BAA0B,CAAC;YAE3B,QAAQ;YACR,2CAA2C,CAAC;YAE5C,QAAQ;YACR,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YACA,QAAQ;gBACN,qBAAqB,CAAC;YACxB;YACA,QAAQ;gBACN,oBAAoB,CAAC;YACvB;YAEA,WAAW;YACX,aAAa;gBACX,gFAAgF,CAAC;gBAEjF,2BAA0B;oBACxB,mGAAmG,CAAC;gBACtG;YACF;YACA,cAAc;gBACZ,sDAAsD,CAAC;gBACvD,2BAA0B;oBACxB,wEAAwE,CAAC;gBAC3E;YACF;YAEA,YAAY;gBACV,oBAAoB,CAAC;YACvB;YAEA,qBAAqB;gBACnB,iEAAiE,CAAC;YACpE;YAEA,oBAAoB;gBAClB,gDAAgD,CAAC;YACnD;YAEA,cAAc;gBACZ,4CAA4C,CAAC;gBAC7C,2BAA0B;oBACxB,sCAAsC,CAAC;gBACzC;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/list.js

@@ -1,5 +1,4 @@
-export var List = function() {
-    return {
+export const List = ()=>({
         '.sk-list': {
             // General
             li: {
@@ -51,7 +50,6 @@ export var List = function() {
                 '@apply text-dark-secondary ml-32': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["List","li","counterIncrement","content"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,UAAU;YACVC,IAAI;gBACF,YAAY;oBACV,iDAAiD,CAAC;oBAClD,uEAAuE,CAAC;oBACxE,oBAAoB,CAAC;gBACvB;YACF;YAEA,0BAA0B;gBACxBA,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,4BAA4B;gBAC1BA,IAAI;oBACFC,kBAAkB;oBAElB,YAAY;wBACV,2EAA2E,CAAC;wBAC5E,kCAAkC,CAAC;wBACnCC,SAAS;oBACX;gBACF;YACF;YAEA,0BAA0B;gBACxBF,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,YAAY;gBACV,cAAc;oBACZ,4BAA4B,CAAC;oBAC7B,WAAW;wBACT,8BAA8B,CAAC;oBACjC;gBACF;YACF;YAEA,UAAU;gBACR,gBAAgB,CAAC;YACnB;YAEA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YAEA,UAAU;gBACR,oCAAoC,CAAC;YACvC;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/list.ts"],"sourcesContent":["export const List = () => ({\r\n  '.sk-list': {\r\n    // General\r\n    li: {\r\n      '&:before': {\r\n        '@apply text-vattjom-surface-primary font-bold': {},\r\n        '@apply absolute inline-flex items-center justify-center text-center': {},\r\n        '@apply w-24 h-24': {},\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"bullet\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['•'] my-5 text-lead\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"numbered\"]': {\r\n      li: {\r\n        counterIncrement: 'item',\r\n\r\n        '&:before': {\r\n          '@apply text-small border-vattjom-surface-primary rounded-full leading-8': {},\r\n          '@apply my-6 h-22 w-22 border-2': {},\r\n          content: 'counter(item)',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&[data-style=\"stroke\"]': {\r\n      li: {\r\n        '&:before': {\r\n          \"@apply content-['–'] my-4 text-base\": {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '.sk-link': {\r\n      '&-tertiary': {\r\n        '@apply text-dark-primary': {},\r\n        '&:hover': {\r\n          '@apply text-dark-secondary': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply pt-20': {},\r\n    },\r\n\r\n    '&-header': {\r\n      '@apply text-large font-bold ml-32': {},\r\n    },\r\n\r\n    '&-text': {\r\n      '@apply text-dark-secondary ml-32': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["List","li","counterIncrement","content"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,UAAU;YACVC,IAAI;gBACF,YAAY;oBACV,iDAAiD,CAAC;oBAClD,uEAAuE,CAAC;oBACxE,oBAAoB,CAAC;gBACvB;YACF;YAEA,0BAA0B;gBACxBA,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,4BAA4B;gBAC1BA,IAAI;oBACFC,kBAAkB;oBAElB,YAAY;wBACV,2EAA2E,CAAC;wBAC5E,kCAAkC,CAAC;wBACnCC,SAAS;oBACX;gBACF;YACF;YAEA,0BAA0B;gBACxBF,IAAI;oBACF,YAAY;wBACV,uCAAuC,CAAC;oBAC1C;gBACF;YACF;YAEA,YAAY;gBACV,cAAc;oBACZ,4BAA4B,CAAC;oBAC7B,WAAW;wBACT,8BAA8B,CAAC;oBACjC;gBACF;YACF;YAEA,UAAU;gBACR,gBAAgB,CAAC;YACnB;YAEA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YAEA,UAAU;gBACR,oCAAoC,CAAC;YACvC;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/logo.js

@@ -1,5 +1,4 @@
-export var Logo = function() {
-    return {
+export const Logo = ()=>({
         '.sk-logo': {
             '@apply flex w-auto h-auto': {},
             '@apply items-center': {},
@@ -46,7 +45,6 @@ export var Logo = function() {
                 '@apply pt-8 pb-4': {}
             }
         }
-    };
-};
+    });
 
 //# sourceMappingURL=logo.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,IAAMA,OAAO;WAAO;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF;EAAG"}
+{"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n  '.sk-logo': {\r\n    '@apply flex w-auto h-auto': {},\r\n    '@apply items-center': {},\r\n    '@apply text-dark-primary': {},\r\n    '&[data-inverted=\"true\"]': {\r\n      '@apply text-light-primary': {},\r\n      '.sk-logo-divider': {\r\n        '@apply border-inverted-divider': {},\r\n      },\r\n    },\r\n\r\n    '&-figure': {\r\n      '@apply w-full h-full': {},\r\n    },\r\n    '&[data-variant=\"service\"]': {\r\n      '@apply flex-row gap-6': {},\r\n      '@apply w-max': {},\r\n      '@apply h-60': {},\r\n      '@apply pb-4': {},\r\n      '.sk-logo-figure': {\r\n        '@apply w-auto h-56': {},\r\n      },\r\n    },\r\n    'a:focus-within &': {\r\n      '@apply outline outline-2 outline-ring': {},\r\n    },\r\n    'a &': {\r\n      '@apply no-underline': {},\r\n    },\r\n    'a:hover &': {\r\n      '@apply underline': {},\r\n    },\r\n    '&-service-content': {\r\n      '@apply h-full w-max': {},\r\n      '@apply flex flex-col justify-center': {},\r\n      '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n    },\r\n    '&-title': {\r\n      '@apply font-header text-logo-header': {},\r\n    },\r\n    '&-subtitle': {\r\n      '@apply text-small font-normal block': {},\r\n    },\r\n    '&-divider': {\r\n      '@apply pt-8 pb-4': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,sBAAsB,CAAC;gBACzB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/menu-vertical.js

@@ -1,34 +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;
-}
 import svgToTinyDataUri from 'mini-svg-data-uri';
-var MenuVerticalNav = function() {
-    return {
+const MenuVerticalNav = ()=>({
         '.sk-menu-vertical-nav': {
             '.sk-menu-vertical': {
                 '@apply gap-12': {},
@@ -49,10 +20,8 @@ var MenuVerticalNav = function() {
                 }
             }
         }
-    };
-};
-var MenuVerticalSidebar = function() {
-    return {
+    });
+const MenuVerticalSidebar = ()=>({
         '.sk-menu-vertical-sidebar': {
             '@apply rounded-button': {},
             '> ul > li > .sk-menu-vertical-item-submenu': {
@@ -97,19 +66,25 @@ var MenuVerticalSidebar = function() {
                         // hook
                         '&:before': {
                             '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
-                            backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">\n              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />\n            </svg>'), '")'),
+                            backgroundImage: `url("${svgToTinyDataUri(`<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />
+            </svg>`)}")`,
                             backgroundRepeat: 'no-repeat'
                         },
                         // line
                         '&:not(:last-child):after': {
                             '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-                            backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundImage: `url("${svgToTinyDataUri(`<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> 
+              <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> 
+            </svg> `)}")`,
                             backgroundRepeat: 'repeat-y'
                         },
                         // lastline
                         '&:last-child:after': {
                             '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
-                            backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> \n              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> \n            </svg> '), '")'),
+                            backgroundImage: `url("${svgToTinyDataUri(`<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> 
+              <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> 
+            </svg> `)}")`,
                             backgroundRepeat: 'no-repeat'
                         }
                     }
@@ -131,10 +106,8 @@ var MenuVerticalSidebar = function() {
                 }
             }
         }
-    };
-};
-export var MenuVertical = function() {
-    return _object_spread({
+    });
+export const MenuVertical = ()=>({
         '.sk-menu-vertical': {
             '@apply flex flex-col': {},
             '@apply text-base': {},
@@ -227,8 +200,9 @@ export var MenuVertical = function() {
                     }
                 }
             }
-        }
-    }, MenuVerticalNav(), MenuVerticalSidebar());
-};
+        },
+        ...MenuVerticalNav(),
+        ...MenuVerticalSidebar()
+    });
 
 //# sourceMappingURL=menu-vertical.js.map

package/dist/esm/components/menu-vertical.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\r\n\r\nconst MenuVerticalNav = () => ({\r\n  '.sk-menu-vertical-nav': {\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&.ul, & ul': {\r\n        '@apply pt-12 pr-16 pb-16': {},\r\n      },\r\n\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '@apply font-bold': {},\r\n\r\n          '&-medium &-button': {\r\n            '@apply py-6 pl-14': {},\r\n          },\r\n          '&-large &-button': {\r\n            '@apply text-large': {},\r\n            '@apply py-10 pl-14': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n  '.sk-menu-vertical-sidebar': {\r\n    '@apply rounded-button': {},\r\n\r\n    '> ul > li > .sk-menu-vertical-item-submenu': {\r\n      '> .sk-menu-vertical-item-submenu-button': {\r\n        '@apply min-h-52': {},\r\n      },\r\n    },\r\n\r\n    '> ul': {\r\n      '@apply py-16 px-24': {},\r\n    },\r\n\r\n    '.sk-menu-vertical': {\r\n      '@apply gap-12': {},\r\n\r\n      '&-header': {\r\n        '@apply bg-primary-surface': {},\r\n\r\n        '@apply rounded-t-button': {},\r\n        '@apply py-20 px-32': {},\r\n\r\n        '&, a': {\r\n          '@apply text-light-primary': {},\r\n        },\r\n\r\n        '.sk-divider': {\r\n          '@apply border-inverted-divider': {},\r\n        },\r\n\r\n        '.sk-logo': {\r\n          '@apply text-light-secondary': {},\r\n        },\r\n      },\r\n\r\n      '&.ul, & ul': {\r\n        '@apply py-8 pl-20 ml-20': {},\r\n      },\r\n\r\n      'li ul': {\r\n        '@apply gap-8': {},\r\n\r\n        ul: {\r\n          li: {\r\n            '@apply text-small leading-18': {},\r\n\r\n            '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n              '@apply py-6 pr-14': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        li: {\r\n          '@apply relative -ml-4': {},\r\n\r\n          // hook\r\n          '&:before': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n            </svg>`\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n\r\n          // line\r\n          '&:not(:last-child):after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'repeat-y',\r\n          },\r\n\r\n          // lastline\r\n          '&:last-child:after': {\r\n            '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n            backgroundImage: `url(\"${svgToTinyDataUri(\r\n              `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n            </svg> `\r\n            )}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n          },\r\n        },\r\n      },\r\n      '&-item': {\r\n        '.sk-menu-vertical-item-submenu': {\r\n          '&-button': {\r\n            '@apply gap-8': {},\r\n\r\n            '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n              '@apply font-bold': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '> a, > button': {\r\n          '&[aria-current=\"page\"]': {\r\n            '@apply font-bold': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n  '.sk-menu-vertical': {\r\n    '@apply flex flex-col': {},\r\n    '@apply text-base': {},\r\n\r\n    '&.hide': {\r\n      '@apply hidden': {},\r\n    },\r\n\r\n    '&-backbutton': {\r\n      '@apply flex items-center gap-16 text-lead mb-40': {},\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply mb-24': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply flex flex-col': {},\r\n\r\n      '&.hide': {\r\n        '@apply hidden': {},\r\n      },\r\n\r\n      '[aria-disabled=\"true\"]': {\r\n        '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n          {},\r\n      },\r\n\r\n      'a, button': {\r\n        '@apply flex': {},\r\n        color: 'unset',\r\n      },\r\n\r\n      '& > a, > button': {\r\n        '@apply flex items-center min-h-44': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n        },\r\n\r\n        '> *': {\r\n          '@apply flex w-full py-6 pl-14': {},\r\n          '@apply rounded-button cursor-pointer': {},\r\n        },\r\n\r\n        '&:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n          '@apply bg-primitives-overlay-darken-3': {},\r\n        },\r\n\r\n        '&[aria-current=\"page\"]:not(:hover) > *': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-submenu': {\r\n        '@apply flex justify-between w-full': {},\r\n        '@apply rounded-button': {},\r\n\r\n        '&:hover': {\r\n          '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n            {\r\n              '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n            },\r\n        },\r\n\r\n        '&:focus-within': {\r\n          '@apply outline outline-2 outline-ring': {},\r\n\r\n          '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n            '&:focus-visible': {\r\n              '@apply ring-0 ring-offset-0 outline-0': {},\r\n            },\r\n          },\r\n        },\r\n\r\n        '&-medium &-button': {\r\n          '@apply py-6 pl-14': {},\r\n        },\r\n        '&-large &-button': {\r\n          '@apply py-10 pl-14': {},\r\n        },\r\n\r\n        '&-button-expand': {\r\n          '@apply items-center': {},\r\n          '@apply rounded-r-button rounded-l-0': {},\r\n          '@apply py-10 pr-14 pl-8': {},\r\n        },\r\n\r\n        '&-button': {\r\n          '@apply items-center': {},\r\n          '@apply py-10 pl-14': {},\r\n          '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n          '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n            '@apply bg-primary-surface text-light-primary': {},\r\n          },\r\n\r\n          '&[aria-expanded=\"true\"]': {\r\n            '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n              {\r\n                '@apply bg-vattjom-surface-accent': {},\r\n              },\r\n          },\r\n        },\r\n      },\r\n\r\n      '.sk-menu-vertical-item-tool-item': {\r\n        '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n        '.sk-avatar': {\r\n          '@apply border-2 border-background-content': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...MenuVerticalNav(),\r\n  ...MenuVerticalSidebar(),\r\n});\r\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}