@sk-web-gui/core 3.9.1 → 3.11.0

package/dist/cjs/components/select.js

@@ -1,194 +1,268 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Select = void 0;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-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='" + 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': {}
-      }
+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 primary() {
-  return {
-    '&-primary': {
-      '@apply border-1': {},
-      '@apply border-primitives-overlay-darken-6': {},
-      '@apply dark:border-primitives-overlay-lighten-6': {},
-      '@apply hover:border-primitives-overlay-darken-8': {},
-      '@apply dark:hover:border-primitives-overlay-lighten-4': {},
-      '@apply bg-primitives-overlay-lighten-10': {},
-      '@apply dark:bg-primitives-overlay-darken-6': {},
-      '@apply hover:bg-primitives-overlay-lighten-10': {},
-      '@apply dark:hover:bg-primitives-overlay-darken-6': {},
-      '&.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': {}
+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;
+            }));
         }
-      },
-      '&.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': {}
+        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;
+            });
         }
-      },
-      //Disabled
-      '&[aria-disabled="true"]': {
-        '@apply bg-primitives-overlay-darken-1': {},
-        '@apply dark:bg-primitives-overlay-lighten-1': {},
-        '@apply border-primitives-overlay-darken-3': {},
-        '@apply dark:border-primitives-overlay-lighten-3': {},
-        '@apply hover:border-primitives-overlay-darken-3': {},
-        '@apply dark:hover:border-primitives-overlay-lighten-3': {}
-      }
+        keys.push.apply(keys, symbols);
     }
-  };
+    return keys;
 }
-var Select = exports.Select = function Select() {
-  return {
-    '.sk-form-select': _extends({
-      '@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," + chevronDown('rgb(68,68,80)') + "\")"],
-      '&:hover, &:focus': {
-        backgroundImage: ["url(\"data:image/svg+xml;utf-8," + chevronDown('rgb(28,28,40)') + "\")"]
-      }
-    }, tertiary(), primary(), {
-      //Droprown
-      '*': {
-        '@apply bg-background-content': {}
-      },
-      //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," + chevronDown('rgba(28,28,40, 0.5)') + "\")"]
-      },
-      '&-sm': {
-        '@apply h-32': {},
-        '@apply text-label-small': {},
-        '@apply rounded-button-sm': {},
-        '*': {
-          '@apply text-input-small': {}
+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': {}
+            }
         }
-      },
-      '&-md': {
-        '@apply h-40': {},
-        '@apply text-label-medium': {},
-        '@apply rounded-button-md': {},
-        '*': {
-          '@apply text-input-medium': {}
+    };
+}
+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': {}
+            }
         }
-      },
-      '&-lg': {
-        '@apply h-48': {},
-        '@apply text-label-large': {},
-        '@apply rounded-button-lg': {},
-        '*': {
-          '@apply text-input-large': {}
+    };
+}
+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)'), '")')
+                ]
+            }
         }
-      }
-    }),
-    '.dark .sk-form-select': {
-      backgroundImage: ["url(\"data:image/svg+xml;utf-8," + chevronDown('rgb(229,229,229)') + "\")"],
-      '&:hover, &:focus': {
-        backgroundImage: ["url(\"data:image/svg+xml;utf-8," + chevronDown('rgb(255,255,255)') + "\")"]
-      },
-      '&[aria-disabled="true"]': {
-        backgroundImage: ["url(\"data:image/svg+xml;utf-8," + chevronDown('rgba(255,255,255, 0.64)') + "\")"]
-      }
-    }
-  };
+    };
 };
+
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","exports","_extends","backgroundImage"],"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-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\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\"]': {\r\n        '@apply bg-primitives-overlay-darken-1': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n        '@apply border-primitives-overlay-darken-3': {},\r\n        '@apply dark:border-primitives-overlay-lighten-3': {},\r\n        '@apply hover:border-primitives-overlay-darken-3': {},\r\n        '@apply dark:hover:border-primitives-overlay-lighten-3': {},\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    ...tertiary(),\r\n    ...primary(),\r\n\r\n    //Droprown\r\n    '*': {\r\n      '@apply bg-background-content': {},\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.5)')}\")`],\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"],"mappings":";;;;;AAAA,SAASA,WAAWA,CAACC,KAAa,EAAE;EAClC;EACA,mHAAiHA,KAAK;AACxH;AAEA,SAASC,QAAQA,CAAA,EAAG;EAClB,OAAO;IACL,YAAY,EAAE;MACZ,iBAAiB,EAAE,CAAC,CAAC;MAErB,4BAA4B,EAAE,CAAC,CAAC;MAChC,wCAAwC,EAAE,CAAC,CAAC;MAC5C,2BAA2B,EAAE,CAAC,CAAC;MAE/B,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,mBAAmB,EAAE,CAAC,CAAC;QAEvB;QACA,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,oBAAoB,EAAE,CAAC,CAAC;QACxB;QACA,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,oBAAoB,EAAE,CAAC,CAAC;QACxB;QACA,cAAc,EAAE,CAAC;MACnB,CAAC;MACD;MACA,yBAAyB,EAAE;QACzB,qCAAqC,EAAE,CAAC;MAC1C;IACF;EACF,CAAC;AACH;AAEA,SAASC,OAAOA,CAAA,EAAG;EACjB,OAAO;IACL,WAAW,EAAE;MACX,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,iDAAiD,EAAE,CAAC,CAAC;MACrD,iDAAiD,EAAE,CAAC,CAAC;MACrD,uDAAuD,EAAE,CAAC,CAAC;MAC3D,yCAAyC,EAAE,CAAC,CAAC;MAC7C,4CAA4C,EAAE,CAAC,CAAC;MAChD,+CAA+C,EAAE,CAAC,CAAC;MACnD,kDAAkD,EAAE,CAAC,CAAC;MAEtD,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,kCAAkC,EAAE,CAAC,CAAC;QACtC;QACA,gBAAgB,EAAE,CAAC,CAAC;QAEpB,wBAAwB,EAAE;UACxB;UACA,cAAc,EAAE,CAAC,CAAC;UAClB;UACA,mBAAmB,EAAE,CAAC,CAAC;UACvB;UACA,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,mCAAmC,EAAE,CAAC,CAAC;QACvC;QACA,gBAAgB,EAAE,CAAC,CAAC;QAEpB,wBAAwB,EAAE;UACxB;UACA,cAAc,EAAE,CAAC,CAAC;UAClB;UACA,oBAAoB,EAAE,CAAC,CAAC;UACxB;UACA,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD,qBAAqB,EAAE;QACrB;QACA,cAAc,EAAE,CAAC,CAAC;QAClB;QACA,kCAAkC,EAAE,CAAC,CAAC;QACtC;QACA,gBAAgB,EAAE,CAAC,CAAC;QAEpB,wBAAwB,EAAE;UACxB;UACA,cAAc,EAAE,CAAC,CAAC;UAClB;UACA,oBAAoB,EAAE,CAAC,CAAC;UACxB;UACA,cAAc,EAAE,CAAC;QACnB;MACF,CAAC;MACD;MACA,yBAAyB,EAAE;QACzB,uCAAuC,EAAE,CAAC,CAAC;QAC3C,6CAA6C,EAAE,CAAC,CAAC;QACjD,2CAA2C,EAAE,CAAC,CAAC;QAC/C,iDAAiD,EAAE,CAAC,CAAC;QACrD,iDAAiD,EAAE,CAAC,CAAC;QACrD,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF,CAAC;AACH;AAEO,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IAC3B,iBAAiB,EAAAE,QAAA;MACf,cAAc,EAAE,CAAC,CAAC;MAClB,cAAc,EAAE,CAAC,CAAC;MAClB,mBAAmB,EAAE,CAAC,CAAC;MACvB,iCAAiC,EAAE,CAAC,CAAC;MACrC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,4BAA4B,EAAE,CAAC,CAAC;MAChC,wCAAwC,EAAE,CAAC,CAAC;MAC5C,4CAA4C,EAAE,CAAC,CAAC;MAChD,4CAA4C,EAAE,CAAC,CAAC;MAChD,gCAAgC,EAAE,CAAC,CAAC;MACpC,gCAAgC,EAAE,CAAC,CAAC;MACpC,aAAa,EAAE,CAAC,CAAC;MACjB,qDAAqD,EAAE,CAAC,CAAC;MACzD,wBAAwB,EAAE,CAAC,CAAC;MAE5BC,eAAe,EAAE,qCAAkCP,WAAW,CAAC,eAAe,CAAC,SAAK;MACpF,kBAAkB,EAAE;QAClBO,eAAe,EAAE,qCAAkCP,WAAW,CAAC,eAAe,CAAC;MACjF;IAAC,GAEEE,QAAQ,CAAC,CAAC,EACVC,OAAO,CAAC,CAAC;MAEZ;MACA,GAAG,EAAE;QACH,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED;MACA,wBAAwB,EAAE;QACxB,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED;MACA,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC,CAAC;QACxB,2BAA2B,EAAE,CAAC,CAAC;QAC/B,uCAAuC,EAAE,CAAC,CAAC;QAC3C,qCAAqC,EAAE,CAAC,CAAC;QACzCI,eAAe,EAAE,qCAAkCP,WAAW,CAAC,qBAAqB,CAAC;MACvF,CAAC;MAED,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE;UACH,yBAAyB,EAAE,CAAC;QAC9B;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MACD,MAAM,EAAE;QACN,aAAa,EAAE,CAAC,CAAC;QACjB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,GAAG,EAAE;UACH,yBAAyB,EAAE,CAAC;QAC9B;MACF;IAAC,EACF;IACD,uBAAuB,EAAE;MACvBO,eAAe,EAAE,qCAAkCP,WAAW,CAAC,kBAAkB,CAAC,SAAK;MACvF,kBAAkB,EAAE;QAClBO,eAAe,EAAE,qCAAkCP,WAAW,CAAC,kBAAkB,CAAC;MACpF,CAAC;MACD,yBAAyB,EAAE;QACzBO,eAAe,EAAE,qCAAkCP,WAAW,CAAC,yBAAyB,CAAC;MAC3F;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"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.64)')}\")`],\n    },\n\n    ...tertiary(),\n    ...primary(),\n\n    //Droprown\n    '*': {\n      '@apply bg-background-content': {},\n    },\n\n    //readOnly\n    '&[readonly], &[readonly=\"true\"]': {\n      '@apply border-input-field-outline-disabled': {},\n      '@apply bg-input-field-surface-disabled': {},\n      '@apply text-dark-secondary': {},\n      '@apply pointer-events-none': {},\n      backgroundImage: [`url(\"data:image/svg+xml;utf-8,${chevronDown('rgba(28,28,40, 0.64)')}\")`],\n    },\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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"}

package/dist/cjs/components/snackbar.js

@@ -1,37 +1,44 @@
 "use strict";
-
-exports.__esModule = true;
-exports.Snackbar = void 0;
-var Snackbar = exports.Snackbar = function Snackbar() {
-  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': {}
-      }
+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,"file":"snackbar.js","names":["Snackbar","exports"],"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"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,OAAU;IAC7B,cAAc,EAAE;MACd,qDAAqD,EAAE,CAAC,CAAC;MACzD,2FAA2F,EAAE,CAAC,CAAC;MAE/F,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,UAAU,EAAE;QACV,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,WAAW,EAAE;QACX,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,6CAA6C,EAAE,CAAC;MAClD,CAAC;MACD,QAAQ,EAAE;QACR,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,WAAW,EAAE;QACX,+DAA+D,EAAE,CAAC;MACpE,CAAC;MACD,SAAS,EAAE;QACT,2DAA2D,EAAE,CAAC;MAChE;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
+{"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"}