@sk-web-gui/core 3.10.0 → 3.11.1

package/dist/cjs/components/select.js

@@ -1,2 +1,268 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Select",{enumerable:true,get:function(){return Select}});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 chevronDown(color){return"<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='".concat(color,"' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>")}function tertiary(){return{"&-tertiary":{"@apply border-2":{},"@apply bg-tertiary-surface":{},"@apply hover:bg-tertiary-surface-hover":{},"@apply border-transparent":{},"&.sk-form-select-sm":{"@apply pl-12":{},"@apply bg-right-8":{},"@apply pr-32":{}},"&.sk-form-select-md":{"@apply pl-16":{},"@apply bg-right-12":{},"@apply pr-42":{}},"&.sk-form-select-lg":{"@apply pl-18":{},"@apply bg-right-16":{},"@apply pr-48":{}},'&[aria-disabled="true"]':{"@apply bg-tertiary-surface-disabled":{}}}}}function primary(){return{"&-primary":{"@apply border-1":{},"@apply border-input-field-outline":{},"@apply hover:border-input-field-outline-hover":{},"@apply bg-input-field-surface":{},"@apply hover:bg-input-field-surface":{},"&.sk-form-select-sm":{"@apply pl-13":{},"@apply bg-[center_right_0.643em]":{},"@apply pr-34-1":{},'&[aria-invalid="true"]':{"@apply pl-12":{},"@apply bg-right-8":{},"@apply pr-32":{}}},"&.sk-form-select-md":{"@apply pl-17":{},"@apply bg-[center_right_0.8125em]":{},"@apply pr-44-1":{},'&[aria-invalid="true"]':{"@apply pl-16":{},"@apply bg-right-12":{},"@apply pr-42":{}}},"&.sk-form-select-lg":{"@apply pl-19":{},"@apply bg-[center_right_0.944em]":{},"@apply pr-50-1":{},'&[aria-invalid="true"]':{"@apply pl-18":{},"@apply bg-right-16":{},"@apply pr-48":{}}},'&[aria-disabled="true"],&:disabled':{"@apply bg-input-field-surface-disabled":{},"@apply hover:bg-input-field-surface-disabled":{},"@apply border-input-field-outline-disabled":{},"@apply hover:border-input-field-outline-disabled":{}}}}}var Select=function(){return{".sk-form-select":_object_spread_props(_object_spread({"@apply h-fit":{},"@apply w-fit":{},"@apply box-border":{},"@apply focus:border-transparent":{},"@apply rounded-button":{},"@apply text-dark-secondary":{},"@apply placeholder:text-dark-secondary":{},"@apply hover:placeholder:text-dark-primary":{},"@apply focus:placeholder:text-dark-primary":{},"@apply hover:text-dark-primary":{},"@apply focus:text-dark-primary":{},"@apply py-6":{},"@apply focus:ring focus:ring-ring focus:ring-offset":{},"@apply focus:outline-0":{},backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgb(68,68,80)"),'")')],"&:hover, &:focus":{backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgb(28,28,40)"),'")')]},'&[aria-invalid="true"]':{"@apply border-2 border-error-surface-primary":{}},'&[aria-disabled="true"]':{"@apply opacity-100":{},"@apply text-dark-disabled":{},"@apply placeholder:text-dark-disabled":{},"@apply bg-tertiary-surface-disabled":{},backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgba(28,28,40, 0.5)"),'")')]}},tertiary(),primary()),{"*":{"@apply bg-background-content":{}},"&-sm":{"@apply h-32":{},"@apply text-label-small":{},"@apply rounded-button-sm":{},"*":{"@apply text-input-small":{}}},"&-md":{"@apply h-40":{},"@apply text-label-medium":{},"@apply rounded-button-md":{},"*":{"@apply text-input-medium":{}}},"&-lg":{"@apply h-48":{},"@apply text-label-large":{},"@apply rounded-button-lg":{},"*":{"@apply text-input-large":{}}}}),".dark .sk-form-select":{backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgb(229,229,229)"),'")')],"&:hover, &:focus":{backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgb(255,255,255)"),'")')]},'&[aria-disabled="true"]':{backgroundImage:['url("data:image/svg+xml;utf-8,'.concat(chevronDown("rgba(255,255,255, 0.64)"),'")')]}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return Select;
+    }
+});
+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 chevronDown(color) {
+    //TODO: This wont work with CSS variables. The colors are set here and wont work with themes
+    return "<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='".concat(color, "' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>");
+}
+function tertiary() {
+    return {
+        '&-tertiary': {
+            '@apply border-2': {},
+            '@apply bg-tertiary-surface': {},
+            '@apply hover:bg-tertiary-surface-hover': {},
+            '@apply border-transparent': {},
+            '&.sk-form-select-sm': {
+                //Padding - border width
+                '@apply pl-12': {},
+                //Background position - border width
+                '@apply bg-right-8': {},
+                //Padding + icon width - border width
+                '@apply pr-32': {}
+            },
+            '&.sk-form-select-md': {
+                //Padding - border width
+                '@apply pl-16': {},
+                //Background position - border width
+                '@apply bg-right-12': {},
+                //Padding + icon width - border width
+                '@apply pr-42': {}
+            },
+            '&.sk-form-select-lg': {
+                //Padding - border width
+                '@apply pl-18': {},
+                //Background position - border width
+                '@apply bg-right-16': {},
+                //Padding + icon width - border width
+                '@apply pr-48': {}
+            },
+            //Disabled
+            '&[aria-disabled="true"]': {
+                '@apply bg-tertiary-surface-disabled': {}
+            }
+        }
+    };
+}
+function primary() {
+    return {
+        '&-primary': {
+            '@apply border-1': {},
+            '@apply border-input-field-outline': {},
+            '@apply hover:border-input-field-outline-hover': {},
+            '@apply bg-input-field-surface': {},
+            '@apply hover:bg-input-field-surface': {},
+            '&.sk-form-select-sm': {
+                //Padding - border width
+                '@apply pl-13': {},
+                //Background position - border width
+                '@apply bg-[center_right_0.643em]': {},
+                //Padding + icon width - border width
+                '@apply pr-34-1': {},
+                '&[aria-invalid="true"]': {
+                    //Padding - border width
+                    '@apply pl-12': {},
+                    //Background position - border width
+                    '@apply bg-right-8': {},
+                    //Padding + icon width - border width
+                    '@apply pr-32': {}
+                }
+            },
+            '&.sk-form-select-md': {
+                //Padding - border width
+                '@apply pl-17': {},
+                //Background position - border width
+                '@apply bg-[center_right_0.8125em]': {},
+                //Padding + icon width - border width
+                '@apply pr-44-1': {},
+                '&[aria-invalid="true"]': {
+                    //Padding - border width
+                    '@apply pl-16': {},
+                    //Background position - border width
+                    '@apply bg-right-12': {},
+                    //Padding + icon width - border width
+                    '@apply pr-42': {}
+                }
+            },
+            '&.sk-form-select-lg': {
+                //Padding - border width
+                '@apply pl-19': {},
+                //Background position - border width
+                '@apply bg-[center_right_0.944em]': {},
+                //Padding + icon width - border width
+                '@apply pr-50-1': {},
+                '&[aria-invalid="true"]': {
+                    //Padding - border width
+                    '@apply pl-18': {},
+                    //Background position - border width
+                    '@apply bg-right-16': {},
+                    //Padding + icon width - border width
+                    '@apply pr-48': {}
+                }
+            },
+            //Disabled
+            '&[aria-disabled="true"],&:disabled': {
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply hover:bg-input-field-surface-disabled': {},
+                '@apply border-input-field-outline-disabled': {},
+                '@apply hover:border-input-field-outline-disabled': {}
+            }
+        }
+    };
+}
+var Select = function() {
+    return {
+        '.sk-form-select': _object_spread_props(_object_spread({
+            '@apply h-fit': {},
+            '@apply w-fit': {},
+            '@apply box-border': {},
+            '@apply focus:border-transparent': {},
+            '@apply rounded-button': {},
+            '@apply text-dark-secondary': {},
+            '@apply placeholder:text-dark-secondary': {},
+            '@apply hover:placeholder:text-dark-primary': {},
+            '@apply focus:placeholder:text-dark-primary': {},
+            '@apply hover:text-dark-primary': {},
+            '@apply focus:text-dark-primary': {},
+            '@apply py-6': {},
+            '@apply focus:ring focus:ring-ring focus:ring-offset': {},
+            '@apply focus:outline-0': {},
+            backgroundImage: [
+                'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(68,68,80)'), '")')
+            ],
+            '&:hover, &:focus': {
+                backgroundImage: [
+                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(28,28,40)'), '")')
+                ]
+            },
+            //Invalid
+            '&[aria-invalid="true"]': {
+                '@apply border-2 border-error-surface-primary': {}
+            },
+            //Disabled
+            '&[aria-disabled="true"]': {
+                '@apply opacity-100': {},
+                '@apply text-dark-disabled': {},
+                '@apply placeholder:text-dark-disabled': {},
+                '@apply bg-tertiary-surface-disabled': {},
+                backgroundImage: [
+                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(28,28,40, 0.64)'), '")')
+                ]
+            }
+        }, tertiary(), primary()), {
+            //Droprown
+            '*': {
+                '@apply bg-background-content': {}
+            },
+            //readOnly
+            '&[readonly], &[readonly="true"]': {
+                '@apply border-input-field-outline-disabled': {},
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply text-dark-secondary': {},
+                '@apply pointer-events-none': {},
+                backgroundImage: [
+                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(28,28,40, 0.64)'), '")')
+                ]
+            },
+            '&-sm': {
+                '@apply h-32': {},
+                '@apply text-label-small': {},
+                '@apply rounded-button-sm': {},
+                '*': {
+                    '@apply text-input-small': {}
+                }
+            },
+            '&-md': {
+                '@apply h-40': {},
+                '@apply text-label-medium': {},
+                '@apply rounded-button-md': {},
+                '*': {
+                    '@apply text-input-medium': {}
+                }
+            },
+            '&-lg': {
+                '@apply h-48': {},
+                '@apply text-label-large': {},
+                '@apply rounded-button-lg': {},
+                '*': {
+                    '@apply text-input-large': {}
+                }
+            }
+        }),
+        '.dark .sk-form-select': {
+            backgroundImage: [
+                'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(229,229,229)'), '")')
+            ],
+            '&:hover, &:focus': {
+                backgroundImage: [
+                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgb(255,255,255)'), '")')
+                ]
+            },
+            '&[aria-disabled="true"]': {
+                backgroundImage: [
+                    'url("data:image/svg+xml;utf-8,'.concat(chevronDown('rgba(255,255,255, 0.64)'), '")')
+                ]
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=select.js.map

package/dist/cjs/components/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\n}\n\nfunction tertiary() {\n  return {\n    '&-tertiary': {\n      '@apply border-2': {},\n\n      '@apply bg-tertiary-surface': {},\n      '@apply hover:bg-tertiary-surface-hover': {},\n      '@apply border-transparent': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-12': {},\n        //Background position - border width\n        '@apply bg-right-8': {},\n\n        //Padding + icon width - border width\n        '@apply pr-32': {},\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-16': {},\n        //Background position - border width\n        '@apply bg-right-12': {},\n        //Padding + icon width - border width\n        '@apply pr-42': {},\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-18': {},\n        //Background position - border width\n        '@apply bg-right-16': {},\n        //Padding + icon width - border width\n        '@apply pr-48': {},\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"]': {\n        '@apply bg-tertiary-surface-disabled': {},\n      },\n    },\n  };\n}\n\nfunction primary() {\n  return {\n    '&-primary': {\n      '@apply border-1': {},\n      '@apply border-input-field-outline': {},\n      '@apply hover:border-input-field-outline-hover': {},\n      '@apply bg-input-field-surface': {},\n      '@apply hover:bg-input-field-surface': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-13': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.643em]': {},\n        //Padding + icon width - border width\n        '@apply pr-34-1': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-12': {},\n          //Background position - border width\n          '@apply bg-right-8': {},\n          //Padding + icon width - border width\n          '@apply pr-32': {},\n        },\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-17': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.8125em]': {},\n        //Padding + icon width - border width\n        '@apply pr-44-1': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-16': {},\n          //Background position - border width\n          '@apply bg-right-12': {},\n          //Padding + icon width - border width\n          '@apply pr-42': {},\n        },\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-19': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.944em]': {},\n        //Padding + icon width - border width\n        '@apply pr-50-1': {},\n\n        '&[aria-invalid=\"true\"]': {\n          //Padding - border width\n          '@apply pl-18': {},\n          //Background position - border width\n          '@apply bg-right-16': {},\n          //Padding + icon width - border width\n          '@apply pr-48': {},\n        },\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"],&:disabled': {\n        '@apply bg-input-field-surface-disabled': {},\n        '@apply hover:bg-input-field-surface-disabled': {},\n        '@apply border-input-field-outline-disabled': {},\n        '@apply hover:border-input-field-outline-disabled': {},\n      },\n    },\n  };\n}\n\nexport const Select = () => ({\n  '.sk-form-select': {\n    '@apply h-fit': {},\n    '@apply w-fit': {},\n    '@apply box-border': {},\n    '@apply focus:border-transparent': {},\n    '@apply rounded-button': {},\n    '@apply text-dark-secondary': {},\n    '@apply placeholder:text-dark-secondary': {},\n    '@apply hover:placeholder:text-dark-primary': {},\n    '@apply focus:placeholder:text-dark-primary': {},\n    '@apply hover:text-dark-primary': {},\n    '@apply focus:text-dark-primary': {},\n    '@apply py-6': {},\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\n    '@apply focus:outline-0': {},\n\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\n    },\n\n    //Invalid\n    '&[aria-invalid=\"true\"]': {\n      '@apply border-2 border-error-surface-primary': {},\n    },\n\n    //Disabled\n    '&[aria-disabled=\"true\"]': {\n      '@apply opacity-100': {},\n      '@apply text-dark-disabled': {},\n      '@apply placeholder:text-dark-disabled': {},\n      '@apply bg-tertiary-surface-disabled': {},\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.5)')}\")`],\n    },\n\n    ...tertiary(),\n    ...primary(),\n\n    //Droprown\n    '*': {\n      '@apply bg-background-content': {},\n    },\n\n    '&-sm': {\n      '@apply h-32': {},\n      '@apply text-label-small': {},\n      '@apply rounded-button-sm': {},\n      '*': {\n        '@apply text-input-small': {},\n      },\n    },\n    '&-md': {\n      '@apply h-40': {},\n      '@apply text-label-medium': {},\n      '@apply rounded-button-md': {},\n      '*': {\n        '@apply text-input-medium': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-48': {},\n      '@apply text-label-large': {},\n      '@apply rounded-button-lg': {},\n      '*': {\n        '@apply text-input-large': {},\n      },\n    },\n  },\n  '.dark .sk-form-select': {\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\n    '&:hover, &:focus': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\n    },\n    '&[aria-disabled=\"true\"]': {\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\n    },\n  },\n});\n"],"names":["Select","chevronDown","color","tertiary","primary","backgroundImage"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/select.ts"],"sourcesContent":["function chevronDown(color: string) {\r\n  //TODO: This wont work with CSS variables. The colors are set here and wont work with themes\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='${color}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6' /></svg>`;\r\n}\r\n\r\nfunction tertiary() {\r\n  return {\r\n    '&-tertiary': {\r\n      '@apply border-2': {},\r\n\r\n      '@apply bg-tertiary-surface': {},\r\n      '@apply hover:bg-tertiary-surface-hover': {},\r\n      '@apply border-transparent': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-12': {},\r\n        //Background position - border width\r\n        '@apply bg-right-8': {},\r\n\r\n        //Padding + icon width - border width\r\n        '@apply pr-32': {},\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-16': {},\r\n        //Background position - border width\r\n        '@apply bg-right-12': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-42': {},\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-18': {},\r\n        //Background position - border width\r\n        '@apply bg-right-16': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-48': {},\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"]': {\r\n        '@apply bg-tertiary-surface-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction primary() {\r\n  return {\r\n    '&-primary': {\r\n      '@apply border-1': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n\r\n      '&.sk-form-select-sm': {\r\n        //Padding - border width\r\n        '@apply pl-13': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.643em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-34-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-12': {},\r\n          //Background position - border width\r\n          '@apply bg-right-8': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-32': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-md': {\r\n        //Padding - border width\r\n        '@apply pl-17': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.8125em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-44-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-16': {},\r\n          //Background position - border width\r\n          '@apply bg-right-12': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-42': {},\r\n        },\r\n      },\r\n      '&.sk-form-select-lg': {\r\n        //Padding - border width\r\n        '@apply pl-19': {},\r\n        //Background position - border width\r\n        '@apply bg-[center_right_0.944em]': {},\r\n        //Padding + icon width - border width\r\n        '@apply pr-50-1': {},\r\n\r\n        '&[aria-invalid=\"true\"]': {\r\n          //Padding - border width\r\n          '@apply pl-18': {},\r\n          //Background position - border width\r\n          '@apply bg-right-16': {},\r\n          //Padding + icon width - border width\r\n          '@apply pr-48': {},\r\n        },\r\n      },\r\n      //Disabled\r\n      '&[aria-disabled=\"true\"],&:disabled': {\r\n        '@apply bg-input-field-surface-disabled': {},\r\n        '@apply hover:bg-input-field-surface-disabled': {},\r\n        '@apply border-input-field-outline-disabled': {},\r\n        '@apply hover:border-input-field-outline-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Select = () => ({\r\n  '.sk-form-select': {\r\n    '@apply h-fit': {},\r\n    '@apply w-fit': {},\r\n    '@apply box-border': {},\r\n    '@apply focus:border-transparent': {},\r\n    '@apply rounded-button': {},\r\n    '@apply text-dark-secondary': {},\r\n    '@apply placeholder:text-dark-secondary': {},\r\n    '@apply hover:placeholder:text-dark-primary': {},\r\n    '@apply focus:placeholder:text-dark-primary': {},\r\n    '@apply hover:text-dark-primary': {},\r\n    '@apply focus:text-dark-primary': {},\r\n    '@apply py-6': {},\r\n    '@apply focus:ring focus:ring-ring focus:ring-offset': {},\r\n    '@apply focus:outline-0': {},\r\n\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(68,68,80)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(28,28,40)')}\")`],\r\n    },\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&[aria-disabled=\"true\"]': {\r\n      '@apply opacity-100': {},\r\n      '@apply text-dark-disabled': {},\r\n      '@apply placeholder:text-dark-disabled': {},\r\n      '@apply bg-tertiary-surface-disabled': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply pointer-events-none': {},\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\r\n    },\r\n\r\n\r\n    '&-sm': {\r\n      '@apply h-32': {},\r\n      '@apply text-label-small': {},\r\n      '@apply rounded-button-sm': {},\r\n      '*': {\r\n        '@apply text-input-small': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply h-40': {},\r\n      '@apply text-label-medium': {},\r\n      '@apply rounded-button-md': {},\r\n      '*': {\r\n        '@apply text-input-medium': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply h-48': {},\r\n      '@apply text-label-large': {},\r\n      '@apply rounded-button-lg': {},\r\n      '*': {\r\n        '@apply text-input-large': {},\r\n      },\r\n    },\r\n  },\r\n  '.dark .sk-form-select': {\r\n    backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(229,229,229)')}\")`],\r\n    '&:hover, &:focus': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgb(255,255,255)')}\")`],\r\n    },\r\n    '&[aria-disabled=\"true\"]': {\r\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(255,255,255, 0.64)')}\")`],\r\n    },\r\n  },\r\n});\r\n"],"names":["Select","chevronDown","color","tertiary","primary","backgroundImage"],"mappings":";;;;+BAsHaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtHb,SAASC,YAAYC,KAAa;IAChC,4FAA4F;IAC5F,OAAO,AAAC,0GAA+G,OAANA,OAAM;AACzH;AAEA,SAASC;IACP,OAAO;QACL,cAAc;YACZ,mBAAmB,CAAC;YAEpB,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;YAC3C,6BAA6B,CAAC;YAE9B,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,qBAAqB,CAAC;gBAEtB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,sBAAsB,CAAC;gBACvB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,sBAAsB,CAAC;gBACvB,qCAAqC;gBACrC,gBAAgB,CAAC;YACnB;YACA,UAAU;YACV,2BAA2B;gBACzB,uCAAuC,CAAC;YAC1C;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,aAAa;YACX,mBAAmB,CAAC;YACpB,qCAAqC,CAAC;YACtC,iDAAiD,CAAC;YAClD,iCAAiC,CAAC;YAClC,uCAAuC,CAAC;YAExC,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,oCAAoC,CAAC;gBACrC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,qBAAqB,CAAC;oBACtB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,qCAAqC,CAAC;gBACtC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,sBAAsB,CAAC;oBACvB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,uBAAuB;gBACrB,wBAAwB;gBACxB,gBAAgB,CAAC;gBACjB,oCAAoC;gBACpC,oCAAoC,CAAC;gBACrC,qCAAqC;gBACrC,kBAAkB,CAAC;gBAEnB,0BAA0B;oBACxB,wBAAwB;oBACxB,gBAAgB,CAAC;oBACjB,oCAAoC;oBACpC,sBAAsB,CAAC;oBACvB,qCAAqC;oBACrC,gBAAgB,CAAC;gBACnB;YACF;YACA,UAAU;YACV,sCAAsC;gBACpC,0CAA0C,CAAC;gBAC3C,gDAAgD,CAAC;gBACjD,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;YACvD;QACF;IACF;AACF;AAEO,IAAMJ,SAAS;WAAO;QAC3B,mBAAmB;YACjB,gBAAgB,CAAC;YACjB,gBAAgB,CAAC;YACjB,qBAAqB,CAAC;YACtB,mCAAmC,CAAC;YACpC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,8CAA8C,CAAC;YAC/C,kCAAkC,CAAC;YACnC,kCAAkC,CAAC;YACnC,eAAe,CAAC;YAChB,uDAAuD,CAAC;YACxD,0BAA0B,CAAC;YAE3BK,iBAAiB;gBAAE,iCAA6D,OAA7BJ,YAAY,kBAAiB;aAAI;YACpF,oBAAoB;gBAClBI,iBAAiB;oBAAE,iCAA6D,OAA7BJ,YAAY,kBAAiB;iBAAI;YACtF;YAEA,SAAS;YACT,0BAA0B;gBACxB,gDAAgD,CAAC;YACnD;YAEA,UAAU;YACV,2BAA2B;gBACzB,sBAAsB,CAAC;gBACvB,6BAA6B,CAAC;gBAC9B,yCAAyC,CAAC;gBAC1C,uCAAuC,CAAC;gBACxCI,iBAAiB;oBAAE,iCAAoE,OAApCJ,YAAY,yBAAwB;iBAAI;YAC7F;WAEGE,YACAC;YAEH,UAAU;YACV,KAAK;gBACH,gCAAgC,CAAC;YACnC;YAEA,UAAU;YACV,mCAAmC;gBACjC,8CAA8C,CAAC;gBAC/C,0CAA0C,CAAC;gBAC3C,8BAA8B,CAAC;gBAC/B,8BAA8B,CAAC;gBAC/BC,iBAAiB;oBAAE,iCAAoE,OAApCJ,YAAY,yBAAwB;iBAAI;YAC7F;YAGA,QAAQ;gBACN,eAAe,CAAC;gBAChB,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,2BAA2B,CAAC;gBAC9B;YACF;YACA,QAAQ;gBACN,eAAe,CAAC;gBAChB,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,4BAA4B,CAAC;gBAC/B;YACF;YACA,QAAQ;gBACN,eAAe,CAAC;gBAChB,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,KAAK;oBACH,2BAA2B,CAAC;gBAC9B;YACF;;QAEF,yBAAyB;YACvBI,iBAAiB;gBAAE,iCAAgE,OAAhCJ,YAAY,qBAAoB;aAAI;YACvF,oBAAoB;gBAClBI,iBAAiB;oBAAE,iCAAgE,OAAhCJ,YAAY,qBAAoB;iBAAI;YACzF;YACA,2BAA2B;gBACzBI,iBAAiB;oBAAE,iCAAuE,OAAvCJ,YAAY,4BAA2B;iBAAI;YAChG;QACF;IACF"}

package/dist/cjs/components/snackbar.js

@@ -1,2 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Snackbar",{enumerable:true,get:function(){return Snackbar}});var Snackbar=function(){return{".sk-snackbar":{"@apply text-label-small text-vattjom-text-secondary":{},"@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]":{},"&-text":{"@apply flex-grow":{}},".sk-icon":{"@apply text-light-primary":{}},"&-content":{"@apply flex-grow gap-12 py-4 flex items-center":{}},"&-primary":{"@apply text-light-secondary bg-dark-primary":{}},"&-info":{"@apply text-vattjom-text-secondary bg-vattjom-surface-primary":{}},"&-success":{"@apply text-gronsta-text-secondary bg-gronsta-surface-primary":{}},"&-warning":{"@apply text-warning-text-secondary bg-warning-surface-primary":{}},"&-error":{"@apply text-error-text-secondary bg-error-surface-primary":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Snackbar", {
+    enumerable: true,
+    get: function() {
+        return Snackbar;
+    }
+});
+var Snackbar = function() {
+    return {
+        '.sk-snackbar': {
+            '@apply text-label-small text-vattjom-text-secondary': {},
+            '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},
+            '&-text': {
+                '@apply flex-grow': {}
+            },
+            '.sk-icon': {
+                '@apply text-light-primary': {}
+            },
+            '&-content': {
+                '@apply flex-grow gap-12 py-4 flex items-center': {}
+            },
+            '&-primary': {
+                '@apply text-light-secondary bg-dark-primary': {}
+            },
+            '&-info': {
+                '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {}
+            },
+            '&-success': {
+                '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {}
+            },
+            '&-warning': {
+                '@apply text-warning-text-secondary bg-warning-surface-primary': {}
+            },
+            '&-error': {
+                '@apply text-error-text-secondary bg-error-surface-primary': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=snackbar.js.map

package/dist/cjs/components/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Snackbar"],"mappings":"oGAAaA,kDAAAA,YAAN,IAAMA,SAAW,iBAAO,CAC7B,eAAgB,CACd,sDAAuD,CAAC,EACxD,4FAA6F,CAAC,EAE9F,SAAU,CACR,mBAAoB,CAAC,CACvB,EAEA,WAAY,CACV,4BAA6B,CAAC,CAChC,EAEA,YAAa,CACX,iDAAkD,CAAC,CACrD,EAEA,YAAa,CACX,8CAA+C,CAAC,CAClD,EACA,SAAU,CACR,gEAAiE,CAAC,CACpE,EACA,YAAa,CACX,gEAAiE,CAAC,CACpE,EACA,YAAa,CACX,gEAAiE,CAAC,CACpE,EACA,UAAW,CACT,4DAA6D,CAAC,CAChE,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/snackbar.ts"],"sourcesContent":["export const Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[28.6em]': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '.sk-icon': {\r\n      '@apply text-light-primary': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-primary': {\r\n      '@apply text-light-secondary bg-dark-primary': {},\r\n    },\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Snackbar"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,uDAAuD,CAAC;YACxD,6FAA6F,CAAC;YAE9F,UAAU;gBACR,oBAAoB,CAAC;YACvB;YAEA,YAAY;gBACV,6BAA6B,CAAC;YAChC;YAEA,aAAa;gBACX,kDAAkD,CAAC;YACrD;YAEA,aAAa;gBACX,+CAA+C,CAAC;YAClD;YACA,UAAU;gBACR,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,aAAa;gBACX,iEAAiE,CAAC;YACpE;YACA,WAAW;gBACT,6DAA6D,CAAC;YAChE;QACF;IACF"}

package/dist/cjs/components/spinner.js

@@ -1,2 +1,83 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Spinner",{enumerable:true,get:function(){return Spinner}});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}var Spinner=function(colors){return{".sk-spinner":_object_spread({"@apply box-border":{},"@apply flex justify-center items-center object-center":{},"@apply overflow-hidden":{},"&-lottie":{"@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]":{}},path:{"@apply stroke-dark-secondary":{}}},colors.reduce(function(styles,color){return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{path:_define_property({},"@apply stroke-".concat(color,"-surface-primary"),{})}))},{}))}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Spinner", {
+    enumerable: true,
+    get: function() {
+        return Spinner;
+    }
+});
+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;
+}
+var Spinner = function(colors) {
+    return {
+        '.sk-spinner': _object_spread({
+            '@apply box-border': {},
+            '@apply flex justify-center items-center object-center': {},
+            '@apply overflow-hidden': {},
+            '&-lottie': {
+                '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {}
+            },
+            path: {
+                '@apply stroke-dark-secondary': {}
+            }
+        }, colors.reduce(function(styles, color) {
+            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                path: _define_property({}, "@apply stroke-".concat(color, "-surface-primary"), {})
+            }));
+        }, {}))
+    };
+};
+
 //# sourceMappingURL=spinner.js.map

package/dist/cjs/components/spinner.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\n  '.sk-spinner': {\n    '@apply box-border': {},\n    '@apply flex justify-center items-center object-center': {},\n    '@apply overflow-hidden': {},\n\n    '&-lottie': {\n      '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {},\n    },\n    path: {\n      '@apply stroke-dark-secondary': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          path: {\n            [`@apply stroke-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n  },\n});\n"],"names":["Spinner","colors","path","reduce","styles","color"],"mappings":"oGAAaA,iDAAAA,kvCAAN,IAAMA,QAAU,SAACC,cAAsB,CAC5C,cAAe,gBACb,oBAAqB,CAAC,EACtB,wDAAyD,CAAC,EAC1D,yBAA0B,CAAC,EAE3B,WAAY,CACV,+CAAgD,CAAC,CACnD,EACAC,KAAM,CACJ,+BAAgC,CAAC,CACnC,GAEGD,OAAOE,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5BH,KACE,oBAAC,AAAC,iBAAsB,OAANG,MAAM,oBAAoB,CAAC,EAEjD,KAEF,CAAC,GAGP"}
+{"version":3,"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\r\n  '.sk-spinner': {\r\n    '@apply box-border': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n    '@apply overflow-hidden': {},\r\n\r\n    '&-lottie': {\r\n      '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {},\r\n    },\r\n    path: {\r\n      '@apply stroke-dark-secondary': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          path: {\r\n            [`@apply stroke-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n  },\r\n});\r\n"],"names":["Spinner","colors","path","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3B,YAAY;gBACV,gDAAgD,CAAC;YACnD;YACAC,MAAM;gBACJ,gCAAgC,CAAC;YACnC;WAEGD,OAAOE,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5BH,MACE,qBAAC,AAAC,iBAAsB,OAANG,OAAM,qBAAoB,CAAC;YAEjD;WAEF,CAAC;IAGP"}

package/dist/cjs/components/switch.js

@@ -1,2 +1,94 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Switch",{enumerable:true,get:function(){return Switch}});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}var Switch=function(){var _obj,_obj1;return{".sk-form-switch-label":{"@apply inline-flex align-middle items-center":{},"@apply flex-row gap-12":{},"@apply font-normal text-base":{},"&[type='hidden']":{"@apply hidden":{},".sk-form-switch":{"@apply hidden":{}}}},".sk-form-switch":(_obj1={"@apply rounded-full cursor-pointer focus:outline-none":{},"@apply bg-switch-surface":{},"@apply hover:bg-switch-surface-hover":{},"input[type=checkbox]:focus-visible + &":{"@apply ring ring-blue-500":{}},"&-input":{"@apply sr-only":{}},"input[type=checkbox]:checked + &":(_obj={},_define_property(_obj,'&[data-color="gronsta"]',{".sk-form-switch-box":{"@apply bg-gronsta-surface-primary":{}}}),_define_property(_obj,".sk-form-switch-icon",{"@apply flex":{}}),_define_property(_obj,".sk-form-switch-box",{transform:"translateX(var(--sk-spacing-24))","@apply bg-switch-control-on":{}}),_define_property(_obj,"@apply bg-switch-surface-on",{}),_define_property(_obj,'&[data-disabled="true"]',{".sk-form-switch-box":{"@apply bg-switch-control-disabled":{},".sk-form-switch-icon":{"@apply opacity-0":{},"@apply text-light-primary":{}}}}),_obj)},_define_property(_obj1,'&[data-disabled="true"]',{"@apply cursor-default":{},"@apply bg-switch-surface-disabled":{},".sk-form-switch-box":{"@apply bg-switch-control-disabled":{}}}),_define_property(_obj1,"@apply w-56",{}),_obj1),".sk-form-switch-box":{"@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6":{},"@apply bg-switch-control":{},"@apply h-20 w-20":{},"@apply flex justify-center items-center object-center":{},".sk-form-switch-icon":{"@apply bg-transparent":{},"@apply hidden":{},"@apply w-20 h-20":{},"@apply text-light-primary":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Switch", {
+    enumerable: true,
+    get: function() {
+        return Switch;
+    }
+});
+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;
+}
+var Switch = function() {
+    var _obj, _obj1;
+    return {
+        '.sk-form-switch-label': {
+            '@apply inline-flex align-middle items-center': {},
+            '@apply flex-row gap-12': {},
+            '@apply font-normal text-base': {},
+            "&[type='hidden']": {
+                '@apply hidden': {},
+                '.sk-form-switch': {
+                    '@apply hidden': {}
+                }
+            }
+        },
+        '.sk-form-switch': (_obj1 = {
+            '@apply rounded-full cursor-pointer focus:outline-none': {},
+            '@apply bg-switch-surface': {},
+            // Hover
+            '@apply hover:bg-switch-surface-hover': {},
+            // Focus
+            'input[type=checkbox]:focus-visible + &': {
+                '@apply ring ring-blue-500': {}
+            },
+            '&-input': {
+                '@apply sr-only': {}
+            },
+            // Checked
+            'input[type=checkbox]:checked + &': (_obj = {}, _define_property(_obj, '&[data-color="gronsta"]', {
+                '.sk-form-switch-box': {
+                    '@apply bg-gronsta-surface-primary': {}
+                }
+            }), _define_property(_obj, '.sk-form-switch-icon', {
+                '@apply flex': {}
+            }), _define_property(_obj, '.sk-form-switch-box', {
+                transform: 'translateX(var(--sk-spacing-24))',
+                '@apply bg-switch-control-on': {}
+            }), _define_property(_obj, '@apply bg-switch-surface-on', {}), // Disabled
+            _define_property(_obj, '&[data-disabled="true"]', {
+                '.sk-form-switch-box': {
+                    '@apply bg-switch-control-disabled': {},
+                    '.sk-form-switch-icon': {
+                        '@apply opacity-0': {},
+                        '@apply text-light-primary': {}
+                    }
+                }
+            }), _obj)
+        }, // Disabled not checked
+        _define_property(_obj1, '&[data-disabled="true"]', {
+            '@apply cursor-default': {},
+            '@apply bg-switch-surface-disabled': {},
+            '.sk-form-switch-box': {
+                '@apply bg-switch-control-disabled': {}
+            }
+        }), _define_property(_obj1, '@apply w-56', {}), _obj1),
+        // Knob
+        '.sk-form-switch-box': {
+            '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},
+            '@apply bg-switch-control': {},
+            '@apply h-20 w-20': {},
+            '@apply flex justify-center items-center object-center': {},
+            '.sk-form-switch-icon': {
+                '@apply bg-transparent': {},
+                '@apply hidden': {},
+                '@apply w-20 h-20': {},
+                '@apply text-light-primary': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=switch.js.map

package/dist/cjs/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    '&-input': {\r\n      '@apply sr-only': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(var(--sk-spacing-24))',\r\n        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\r\n      },\r\n    },\r\n\r\n    '@apply w-56': {},\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-switch-control': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Switch","transform"],"mappings":"oGAAaA,gDAAAA,8LAAN,IAAMA,OAAS,eA+BkB,KAjBnB,YAdQ,CAC3B,wBAAyB,CACvB,+CAAgD,CAAC,EACjD,yBAA0B,CAAC,EAC3B,+BAAgC,CAAC,EAEjC,mBAAoB,CAClB,gBAAiB,CAAC,EAElB,kBAAmB,CACjB,gBAAiB,CAAC,CACpB,CACF,CACF,EACA,iBAAiB,EAAE,OACjB,wDAAyD,CAAC,EAC1D,2BAA4B,CAAC,EAG7B,uCAAwC,CAAC,EAGzC,yCAA0C,CACxC,4BAA6B,CAAC,CAChC,EAEA,UAAW,CACT,iBAAkB,CAAC,CACrB,EAGA,kCAAkC,EAAE,QAClC,iBADkC,KAChC,0BAA2B,CAC3B,sBAAuB,CACrB,oCAAqC,CAAC,CACxC,CACF,GAEA,iBAPkC,KAOlC,uBAAwB,CACtB,cAAe,CAAC,CAClB,GAEA,iBAXkC,KAWlC,sBAAuB,CACrBC,UAAW,mCACX,8BAA+B,CAAC,CAClC,GAEA,iBAhBkC,KAgBlC,8BAA+B,CAAC,GAGhC,iBAnBkC,KAmBhC,0BAA2B,CAC3B,sBAAuB,CACrB,oCAAqC,CAAC,EAEtC,uBAAwB,CACtB,mBAAoB,CAAC,EACrB,4BAA6B,CAAC,CAChC,CACF,CACF,GA5BkC,OAgCpC,iBAjDiB,MAiDf,0BAA2B,CAC3B,wBAAyB,CAAC,EAC1B,oCAAqC,CAAC,EAEtC,sBAAuB,CACrB,oCAAqC,CAAC,CACxC,CACF,GAEA,iBA1DiB,MA0DjB,cAAe,CAAC,GA1DC,OA8DnB,sBAAuB,CACrB,uGAAwG,CAAC,EACzG,2BAA4B,CAAC,EAC7B,mBAAoB,CAAC,EACrB,wDAAyD,CAAC,EAE1D,uBAAwB,CACtB,wBAAyB,CAAC,EAC1B,gBAAiB,CAAC,EAClB,mBAAoB,CAAC,EACrB,4BAA6B,CAAC,CAChC,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n  '.sk-form-switch-label': {\r\n    '@apply inline-flex align-middle items-center': {},\r\n    '@apply flex-row gap-12': {},\r\n    '@apply font-normal text-base': {},\r\n\r\n    \"&[type='hidden']\": {\r\n      '@apply hidden': {},\r\n\r\n      '.sk-form-switch': {\r\n        '@apply hidden': {},\r\n      },\r\n    },\r\n  },\r\n  '.sk-form-switch': {\r\n    '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n    '@apply bg-switch-surface': {},\r\n\r\n    // Hover\r\n    '@apply hover:bg-switch-surface-hover': {},\r\n\r\n    // Focus\r\n    'input[type=checkbox]:focus-visible + &': {\r\n      '@apply ring ring-blue-500': {},\r\n    },\r\n\r\n    '&-input': {\r\n      '@apply sr-only': {},\r\n    },\r\n\r\n    // Checked\r\n    'input[type=checkbox]:checked + &': {\r\n      [`&[data-color=\"gronsta\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-gronsta-surface-primary': {},\r\n        },\r\n      },\r\n\r\n      '.sk-form-switch-icon': {\r\n        '@apply flex': {},\r\n      },\r\n\r\n      '.sk-form-switch-box': {\r\n        transform: 'translateX(var(--sk-spacing-24))',\r\n        '@apply bg-switch-control-on': {},\r\n      },\r\n\r\n      '@apply bg-switch-surface-on': {},\r\n\r\n      // Disabled\r\n      [`&[data-disabled=\"true\"]`]: {\r\n        '.sk-form-switch-box': {\r\n          '@apply bg-switch-control-disabled': {},\r\n\r\n          '.sk-form-switch-icon': {\r\n            '@apply opacity-0': {},\r\n            '@apply text-light-primary': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    // Disabled not checked\r\n    [`&[data-disabled=\"true\"]`]: {\r\n      '@apply cursor-default': {},\r\n      '@apply bg-switch-surface-disabled': {},\r\n\r\n      '.sk-form-switch-box': {\r\n        '@apply bg-switch-control-disabled': {},\r\n      },\r\n    },\r\n\r\n    '@apply w-56': {},\r\n  },\r\n\r\n  // Knob\r\n  '.sk-form-switch-box': {\r\n    '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n    '@apply bg-switch-control': {},\r\n    '@apply h-20 w-20': {},\r\n    '@apply flex justify-center items-center object-center': {},\r\n\r\n    '.sk-form-switch-icon': {\r\n      '@apply bg-transparent': {},\r\n      '@apply hidden': {},\r\n      '@apply w-20 h-20': {},\r\n      '@apply text-light-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Switch","transform"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS;QA+BkB,MAjBnB;WAdQ;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,iBAAiB,GAAE;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,kCAAkC,GAAE,WAClC,iBADkC,MAChC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF,IAEA,iBAPkC,MAOlC,wBAAwB;gBACtB,eAAe,CAAC;YAClB,IAEA,iBAXkC,MAWlC,uBAAuB;gBACrBC,WAAW;gBACX,+BAA+B,CAAC;YAClC,IAEA,iBAhBkC,MAgBlC,+BAA+B,CAAC,IAEhC,WAAW;YACX,iBAnBkC,MAmBhC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;oBAEtC,wBAAwB;wBACtB,oBAAoB,CAAC;wBACrB,6BAA6B,CAAC;oBAChC;gBACF;YACF,IA5BkC;WA+BpC,uBAAuB;QACvB,iBAjDiB,OAiDf,2BAA2B;YAC3B,yBAAyB,CAAC;YAC1B,qCAAqC,CAAC;YAEtC,uBAAuB;gBACrB,qCAAqC,CAAC;YACxC;QACF,IAEA,iBA1DiB,OA0DjB,eAAe,CAAC,IA1DC;QA6DnB,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF"}