@sk-web-gui/core 3.0.0 → 3.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["Radio","backgroundImage"],"sources":["../../../src/components/radio.ts"],"sourcesContent":["export const Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\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 m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-[0.5rem]': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\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 hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus: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 hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\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 hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"radio.js","names":["Radio","backgroundImage"],"sources":["../../../src/components/radio.ts"],"sourcesContent":["export const Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\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 m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-5': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\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 hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus: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 hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\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 hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-28': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-30': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/rich-text-editor.js

@@ -0,0 +1,227 @@
+export var RichTextEditor = () => ({
+  ".sk-rich-text-editor": {
+    "@apply h-full": {},
+    "@apply box-border": {},
+    ".sk-divider-vertical": {
+      "@apply my-4": {}
+    },
+    ".toolbar": {
+      "@apply bg-background-200": {},
+      "@apply rounded-t": {},
+      "@apply border-1 border-divider": {},
+      "@apply border-b-0": {},
+      "@apply py-0": {},
+      "@apply px-8": {},
+      "@apply flex": {},
+      ".ql-formats": {
+        "@apply py-4": {},
+        "@apply mt-4": {},
+        "@apply mr-14": {},
+        "@apply inline-block": {},
+        "@apply align-middle": {},
+        "@apply flex": {},
+        button: {
+          "@apply inline": {},
+          "@apply text-dark-secondary": {},
+          "@apply rounded-button-sm": {},
+          "@apply h-32 w-32": {},
+          "@apply flex justify-center items-center": {},
+          svg: {
+            "@apply w-20 h-20": {}
+          },
+          ".ql-fill": {
+            fill: "currentColor"
+          },
+          ".ql-stroke": {
+            stroke: "currentColor",
+            fill: "none",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2px"
+          },
+          "&:hover": {},
+          "&.ql-active:hover": {
+            "@apply text-dark-primary": {},
+            "@apply bg-tertiary-surface-hover": {},
+            ".ql-fill": {
+              fill: "currentColor"
+            },
+            ".ql-stroke": {
+              stroke: "currentColor"
+            }
+          },
+          "&.ql-active": {
+            "@apply text-dark-primary": {},
+            "@apply bg-inverted-vattjom-surface-primary": {},
+            ".ql-fill": {
+              fill: "currentColor"
+            },
+            ".ql-stroke": {
+              stroke: "currentColor"
+            }
+          }
+        }
+      },
+      "input.ql-image[type=file]": {
+        "@apply hidden": {}
+      }
+    },
+    ".ql-editor": {
+      "@apply bg-background-content text-dark-primary": {},
+      "@apply rounded-b-button": {},
+      "@apply border-divider": {},
+      "@apply p-14": {},
+      "@apply text-left": {},
+      "@apply break-words": {},
+      "@apply overflow-y-auto": {},
+      "@apply h-full": {},
+      "@apply whitespace-pre-wrap": {},
+      "@apply font-sans": {},
+      "a": {
+        "@apply underline": {}
+      },
+      "ul": {
+        "@apply pl-28": {},
+        "@apply list-disc": {},
+        counterReset: "list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9"
+      },
+      "li:not(.ql-direction-rtl)::before": {
+        "@apply text-right": {}
+      },
+      ".ql-editor ol li:before": {
+        content: "counter(list-0, decimal) '. '"
+      },
+      "ol": {
+        "@apply pl-28": {},
+        "@apply list-decimal": {}
+      },
+      "ol li": {
+        counterReset: "list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9",
+        counterIncrement: "list-0"
+      }
+    },
+    ".ql-clipboard": {
+      left: "-1000000px",
+      "@apply h-px": {},
+      "@apply overflow-y-hidden": {},
+      "@apply absolute": {},
+      "@apply top-1/2": {}
+    },
+    ".ql-tooltip.ql-editing input[type=text]": {
+      "@apply inline-block": {}
+    },
+    ".ql-tooltip input[type=text]": {
+      "@apply hidden": {},
+      "@apply border-1 border-divider": {},
+      "@apply text-base": {}
+    },
+    ".ql-tooltip.ql-editing a.ql-preview": {
+      display: "none"
+    },
+    ".ql-editor .ql-indent-1:not(.ql-direction-rtl)": {
+      paddingLeft: "3em"
+    },
+    ".ql-editor .ql-indent-2:not(.ql-direction-rtl)": {
+      paddingLeft: "6em"
+    },
+    ".ql-editor .ql-indent-3:not(.ql-direction-rtl)": {
+      paddingLeft: "9em"
+    },
+    ".ql-editor .ql-indent-4:not(.ql-direction-rtl)": {
+      paddingLeft: "12em"
+    },
+    ".ql-editor .ql-indent-5:not(.ql-direction-rtl)": {
+      paddingLeft: "15em"
+    },
+    ".ql-editor .ql-indent-6:not(.ql-direction-rtl)": {
+      paddingLeft: "18em"
+    },
+    ".ql-editor .ql-indent-7:not(.ql-direction-rtl)": {
+      paddingLeft: "21em"
+    },
+    ".ql-editor .ql-indent-8:not(.ql-direction-rtl)": {
+      paddingLeft: "24em"
+    },
+    ".ql-editor .ql-indent-9:not(.ql-direction-rtl)": {
+      paddingLeft: "27em"
+    },
+    ".ql-direction.ql-active svg:first-child": {
+      display: "none"
+    },
+    ".ql-editor .ql-direction-rtl": {
+      direction: "right"
+    },
+    ".ql-direction.ql-active svg:last-child": {
+      display: "inline"
+    },
+    ".ql-editor .ql-align-center": {
+      "@apply text-center": {}
+    },
+    ".ql-editor .ql-align-right": {
+      textAlign: "right"
+    },
+    ".ql-editor .ql-align-justify": {
+      "@apply text-justify": {}
+    },
+    ".ql-tooltip": {
+      "@apply bg-background-100": {},
+      "@apply rounded": {},
+      "@apply shadow-md": {},
+      "@apply border-1 border-divider": {},
+      "@apply p-5": {},
+      "@apply font-sans": {},
+      "@apply absolute": {},
+      transform: "translate(220px, 50px);",
+      ".ql-tooltip a": {
+        "@apply cursor-pointer": {}
+      },
+      "a.ql-preview": {
+        "@apply inline-block": {},
+        "@apply overflow-x-hidden": {},
+        "@apply text-ellipsis": {},
+        "@apply align-top": {},
+        "@apply max-w-52": {}
+      },
+      "a.ql-remove::before": {
+        content: "'Ta bort'",
+        "@apply ml-8": {}
+      }
+    },
+    ".ql-tooltip[data-mode=link]::before": {
+      "@apply mr-16": {},
+      content: "'URL:'"
+    },
+    "a.ql-action::after": {
+      "@apply border-r-1 border-divider": {},
+      content: "'Ändra'",
+      "@apply ml-16": {},
+      "@apply pr-8": {}
+    },
+    ".ql-tooltip.ql-editing a.ql-action::after": {
+      "@apply ml-16": {},
+      content: "'Spara'"
+    },
+    ".ql-tooltip::before": {
+      content: "'Besök URL: '",
+      "@apply mr-8": {}
+    },
+    ".ql-formats:after": {
+      content: "",
+      display: "table",
+      clear: "both"
+    },
+    ".quill": {
+      ".ql-container": {
+        "@apply border-1 border-divider": {},
+        "@apply h-full": {}
+      },
+      ".ql-hidden": {
+        "@apply hidden": {}
+      },
+      "pre.ql-container": {
+        "@apply rounded-b-button": {}
+      }
+    }
+  }
+});
+//# sourceMappingURL=rich-text-editor.js.map

package/dist/esm/components/rich-text-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text-editor.js","names":["RichTextEditor","button","svg","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","counterReset","content","counterIncrement","left","display","paddingLeft","direction","textAlign","transform","clear"],"sources":["../../../src/components/rich-text-editor.ts"],"sourcesContent":["export const RichTextEditor = () => ({\r\n  \".sk-rich-text-editor\":\r\n    {\r\n      \"@apply h-full\": {},\r\n      \"@apply box-border\": {},\r\n\r\n      \".sk-divider-vertical\": {\r\n        \"@apply my-4\": {},\r\n      },\r\n\r\n      \".toolbar\": {\r\n        \"@apply bg-background-200\": {},\r\n        \"@apply rounded-t\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply border-b-0\": {},\r\n        \"@apply py-0\": {},\r\n        \"@apply px-8\": {},\r\n        \"@apply flex\": {},\r\n        \".ql-formats\": {\r\n          \"@apply py-4\": {},\r\n          \"@apply mt-4\": {},\r\n          \"@apply mr-14\": {},\r\n          \"@apply inline-block\": {},\r\n          \"@apply align-middle\": {},\r\n          \"@apply flex\": {},\r\n          button: {\r\n            \"@apply inline\": {},\r\n            \"@apply text-dark-secondary\": {},\r\n            \"@apply rounded-button-sm\": {},\r\n            \"@apply h-32 w-32\": {},\r\n            \"@apply flex justify-center items-center\": {},\r\n            svg: {\r\n              \"@apply w-20 h-20\": {},\r\n            },\r\n            \".ql-fill\": {\r\n              fill: \"currentColor\",\r\n            },\r\n            \".ql-stroke\": {\r\n              stroke: \"currentColor\",\r\n              fill: \"none\",\r\n              strokeLinecap: \"round\",\r\n              strokeLinejoin: \"round\",\r\n              strokeWidth: \"2px\",\r\n            },\r\n            \"&:hover\": {},\r\n            \"&.ql-active:hover\": {\r\n              \"@apply text-dark-primary\": {},\r\n              \"@apply bg-tertiary-surface-hover\": {},\r\n              \".ql-fill\": {\r\n                fill: \"currentColor\",\r\n              },\r\n              \".ql-stroke\": {\r\n                stroke: \"currentColor\",\r\n              },\r\n            },\r\n            \"&.ql-active\": {\r\n              \"@apply text-dark-primary\": {},\r\n              \"@apply bg-inverted-vattjom-surface-primary\": {},\r\n              \".ql-fill\": {\r\n                fill: \"currentColor\",\r\n              },\r\n              \".ql-stroke\": {\r\n                stroke: \"currentColor\",\r\n              },\r\n            },\r\n          },\r\n        },\r\n        \"input.ql-image[type=file]\": {\r\n          \"@apply hidden\": {},\r\n        },\r\n      },\r\n\r\n      \".ql-editor\": {\r\n        \"@apply bg-background-content text-dark-primary\": {},\r\n        \"@apply rounded-b-button\": {},\r\n        \"@apply border-divider\": {},\r\n        \"@apply p-14\": {},\r\n        \"@apply text-left\": {},\r\n        \"@apply break-words\": {},\r\n        \"@apply overflow-y-auto\": {},\r\n        \"@apply h-full\": {},\r\n        \"@apply whitespace-pre-wrap\": {},\r\n        \"@apply font-sans\": {},\r\n\r\n        \"a\": {\r\n          \"@apply underline\": {},\r\n        },\r\n        \"ul\": {\r\n          \"@apply pl-28\": {},\r\n          \"@apply list-disc\": {},\r\n          counterReset: \"list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9\",\r\n        },\r\n        \"li:not(.ql-direction-rtl)::before\": {\r\n          \"@apply text-right\": {},\r\n        },\r\n        \".ql-editor ol li:before\": {\r\n          content: \"counter(list-0, decimal) '. '\",\r\n        },\r\n        \"ol\": {\r\n          \"@apply pl-28\": {},\r\n          \"@apply list-decimal\": {}\r\n        },\r\n        \"ol li\": {\r\n          counterReset: \"list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9\",\r\n          counterIncrement: \"list-0\",\r\n        }\r\n      },\r\n\r\n      \".ql-clipboard\": {\r\n        left: \"-1000000px\",\r\n        \"@apply h-px\": {},\r\n        \"@apply overflow-y-hidden\": {},\r\n        \"@apply absolute\": {},\r\n        \"@apply top-1/2\": {},\r\n      },\r\n\r\n      \".ql-tooltip.ql-editing input[type=text]\": {\r\n        \"@apply inline-block\": {},\r\n      },\r\n      \".ql-tooltip input[type=text]\": {\r\n        \"@apply hidden\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply text-base\": {},\r\n      },\r\n\r\n      \".ql-tooltip.ql-editing a.ql-preview\": {\r\n        display: \"none\"\r\n      },\r\n\r\n      \".ql-editor .ql-indent-1:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"3em\"\r\n      },\r\n      \".ql-editor .ql-indent-2:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"6em\"\r\n      },\r\n      \".ql-editor .ql-indent-3:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"9em\"\r\n      },\r\n      \".ql-editor .ql-indent-4:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"12em\"\r\n      },\r\n      \".ql-editor .ql-indent-5:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"15em\"\r\n      },\r\n      \".ql-editor .ql-indent-6:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"18em\"\r\n      },\r\n      \".ql-editor .ql-indent-7:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"21em\"\r\n      },\r\n      \".ql-editor .ql-indent-8:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"24em\"\r\n      },\r\n      \".ql-editor .ql-indent-9:not(.ql-direction-rtl)\": {\r\n        paddingLeft: \"27em\"\r\n      },\r\n\r\n      \".ql-direction.ql-active svg:first-child\": {\r\n        display: \"none\",\r\n      },\r\n\r\n      \".ql-editor .ql-direction-rtl\": {\r\n        direction: \"right\"\r\n      },\r\n\r\n      \".ql-direction.ql-active svg:last-child\": {\r\n        display: \"inline\"\r\n      },\r\n\r\n      \".ql-editor .ql-align-center\": {\r\n        \"@apply text-center\": {},\r\n      },\r\n\r\n      \".ql-editor .ql-align-right\": {\r\n        textAlign: \"right\"\r\n      },\r\n\r\n      \".ql-editor .ql-align-justify\": {\r\n        \"@apply text-justify\": {}\r\n      },\r\n\r\n      \".ql-tooltip\": {\r\n        \"@apply bg-background-100\": {},\r\n        \"@apply rounded\": {},\r\n        \"@apply shadow-md\": {},\r\n        \"@apply border-1 border-divider\": {},\r\n        \"@apply p-5\": {},\r\n        \"@apply font-sans\": {},\r\n        \"@apply absolute\": {},\r\n        transform: \"translate(220px, 50px);\",\r\n\r\n        \".ql-tooltip a\": {\r\n          \"@apply cursor-pointer\": {},\r\n        },\r\n        \"a.ql-preview\": {\r\n          \"@apply inline-block\": {},\r\n          \"@apply overflow-x-hidden\": {},\r\n          \"@apply text-ellipsis\": {},\r\n          \"@apply align-top\": {},\r\n          \"@apply max-w-52\": {},\r\n        },\r\n        \"a.ql-remove::before\": {\r\n          content: \"'Ta bort'\",\r\n          \"@apply ml-8\": {}\r\n        }\r\n      },\r\n      \".ql-tooltip[data-mode=link]::before\": {\r\n        \"@apply mr-16\": {},\r\n        content: \"'URL:'\"\r\n      },\r\n      \"a.ql-action::after\": {\r\n        \"@apply border-r-1 border-divider\": {},\r\n        content: \"'Ändra'\",\r\n        \"@apply ml-16\": {},\r\n        \"@apply pr-8\": {},\r\n      },\r\n      \".ql-tooltip.ql-editing a.ql-action::after\": {\r\n        \"@apply ml-16\": {},\r\n        content: \"'Spara'\"\r\n      },\r\n      \".ql-tooltip::before\": {\r\n        content: \"'Besök URL: '\",\r\n        \"@apply mr-8\": {},\r\n      },\r\n\r\n      \".ql-formats:after\": {\r\n        content: \"\",\r\n        display: \"table\",\r\n        clear: \"both\"\r\n      },\r\n\r\n      \".quill\": {\r\n        \".ql-container\": {\r\n          \"@apply border-1 border-divider\": {},\r\n          \"@apply h-full\": {},\r\n        },\r\n\r\n        \".ql-hidden\": {\r\n          \"@apply hidden\": {},\r\n        },\r\n        \"pre.ql-container\": {\r\n          \"@apply rounded-b-button\": {},\r\n        },\r\n      },\r\n    }\r\n});"],"mappings":"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"}

package/dist/esm/components/search-field.js

@@ -16,17 +16,17 @@ export var SearchField = () => ({
   '.sk-search-field': {
     '&-md': {
       '.sk-search-field-icon': {
-        '@apply w-[2rem] h-[2rem]': {},
+        '@apply w-20 h-20': {},
         svg: {
-          '@apply w-[2rem] h-[2rem]': {}
+          '@apply w-20 h-20': {}
         }
       }
     },
     '&-lg': {
       '.sk-search-field-icon': {
-        '@apply w-[2.2rem] h-[2.2rem]': {},
+        '@apply w-22 h-22': {},
         svg: {
-          '@apply w-[2.2rem] h-[2.2rem]': {}
+          '@apply w-22 h-22': {}
         }
       }
     }

package/dist/esm/components/search-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\n  '.sk-search-field-suggestions': {\n    '&.sk-form-combobox': {\n      '@apply h-auto': {},\n    },\n    '.sk-form-combobox': {\n      '&-list': {\n        '&-option': {\n          '.sk-icon': {\n            '@apply hidden': {},\n          },\n        },\n      },\n    },\n  },\n  '.sk-search-field': {\n    '&-md': {\n      '.sk-search-field-icon': {\n        '@apply w-[2rem] h-[2rem]': {},\n        svg: {\n          '@apply w-[2rem] h-[2rem]': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-[2.2rem] h-[2.2rem]': {},\n        svg: {\n          '@apply w-[2.2rem] h-[2.2rem]': {},\n        },\n      },\n    },\n  },\n});\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n  '.sk-search-field-suggestions': {\r\n    '&.sk-form-combobox': {\r\n      '@apply h-auto': {},\r\n    },\r\n    '.sk-form-combobox': {\r\n      '&-list': {\r\n        '&-option': {\r\n          '.sk-icon': {\r\n            '@apply hidden': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  },\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-20 h-20': {},\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-22 h-22': {},\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,kBAAkB,EAAE,CAAC,CAAC;QACtBC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,kBAAkB,EAAE,CAAC,CAAC;QACtBA,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/select.js

@@ -16,7 +16,7 @@ function tertiary() {
         //Background position - border width
         '@apply bg-right-8': {},
         //Padding + icon width - border width
-        '@apply pr-[3.2rem]': {}
+        '@apply pr-32': {}
       },
       '&.sk-form-select-md': {
         //Padding - border width
@@ -24,7 +24,7 @@ function tertiary() {
         //Background position - border width
         '@apply bg-right-12': {},
         //Padding + icon width - border width
-        '@apply pr-[4.2rem]': {}
+        '@apply pr-42': {}
       },
       '&.sk-form-select-lg': {
         //Padding - border width
@@ -32,7 +32,7 @@ function tertiary() {
         //Background position - border width
         '@apply bg-right-16': {},
         //Padding + icon width - border width
-        '@apply pr-[4.8rem]': {}
+        '@apply pr-48': {}
       },
       //Disabled
       '&[aria-disabled="true"]': {
@@ -55,50 +55,50 @@ function primary() {
       '@apply dark:hover:bg-primitives-overlay-darken-6': {},
       '&.sk-form-select-sm': {
         //Padding - border width
-        '@apply pl-[1.3rem]': {},
+        '@apply pl-13': {},
         //Background position - border width
-        '@apply bg-[center_right_0.9rem]': {},
+        '@apply bg-[center_right_0.643em]': {},
         //Padding + icon width - border width
-        '@apply pr-[3.3rem]': {},
+        '@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-[3.2rem]': {}
+          '@apply pr-32': {}
         }
       },
       '&.sk-form-select-md': {
         //Padding - border width
-        '@apply pl-[1.7rem]': {},
+        '@apply pl-17': {},
         //Background position - border width
-        '@apply bg-[center_right_1.3rem]': {},
+        '@apply bg-[center_right_0.8125em]': {},
         //Padding + icon width - border width
-        '@apply pr-[4.3rem]': {},
+        '@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-[4.2rem]': {}
+          '@apply pr-42': {}
         }
       },
       '&.sk-form-select-lg': {
         //Padding - border width
-        '@apply pl-[1.9rem]': {},
+        '@apply pl-19': {},
         //Background position - border width
-        '@apply bg-[center_right_1.7rem]': {},
+        '@apply bg-[center_right_0.944em]': {},
         //Padding + icon width - border width
-        '@apply pr-[4.9rem]': {},
+        '@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-[4.8rem]': {}
+          '@apply pr-48': {}
         }
       },
       //Disabled
@@ -151,7 +151,7 @@ export var Select = () => ({
       backgroundImage: ["url(\"data:image/svg+xml;utf-8," + chevronDown('rgba(28,28,40, 0.5)') + "\")"]
     },
     '&-sm': {
-      '@apply h-[3.2rem]': {},
+      '@apply h-32': {},
       '@apply text-label-small': {},
       '@apply rounded-button-sm': {},
       '*': {
@@ -159,7 +159,7 @@ export var Select = () => ({
       }
     },
     '&-md': {
-      '@apply h-[4rem]': {},
+      '@apply h-40': {},
       '@apply text-label-medium': {},
       '@apply rounded-button-md': {},
       '*': {
@@ -167,7 +167,7 @@ export var Select = () => ({
       }
     },
     '&-lg': {
-      '@apply h-[4.8rem]': {},
+      '@apply h-48': {},
       '@apply text-label-large': {},
       '@apply rounded-button-lg': {},
       '*': {

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","_extends","backgroundImage"],"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-[3.2rem]': {},\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-[4.2rem]': {},\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-[4.8rem]': {},\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-primitives-overlay-darken-6': {},\n      '@apply dark:border-primitives-overlay-lighten-6': {},\n      '@apply hover:border-primitives-overlay-darken-8': {},\n      '@apply dark:hover:border-primitives-overlay-lighten-4': {},\n      '@apply bg-primitives-overlay-lighten-10': {},\n      '@apply dark:bg-primitives-overlay-darken-6': {},\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\n      '@apply dark:hover:bg-primitives-overlay-darken-6': {},\n\n      '&.sk-form-select-sm': {\n        //Padding - border width\n        '@apply pl-[1.3rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_0.9rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[3.3rem]': {},\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-[3.2rem]': {},\n        },\n      },\n      '&.sk-form-select-md': {\n        //Padding - border width\n        '@apply pl-[1.7rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.3rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.3rem]': {},\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-[4.2rem]': {},\n        },\n      },\n      '&.sk-form-select-lg': {\n        //Padding - border width\n        '@apply pl-[1.9rem]': {},\n        //Background position - border width\n        '@apply bg-[center_right_1.7rem]': {},\n        //Padding + icon width - border width\n        '@apply pr-[4.9rem]': {},\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-[4.8rem]': {},\n        },\n      },\n      //Disabled\n      '&[aria-disabled=\"true\"]': {\n        '@apply bg-primitives-overlay-darken-1': {},\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\n        '@apply border-primitives-overlay-darken-3': {},\n        '@apply dark:border-primitives-overlay-lighten-3': {},\n        '@apply hover:border-primitives-overlay-darken-3': {},\n        '@apply dark:hover:border-primitives-overlay-lighten-3': {},\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    ...tertiary(),\n    ...primary(),\n\n    //Droprown\n    '*': {\n      '@apply bg-background-content': {},\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    '&-sm': {\n      '@apply h-[3.2rem]': {},\n      '@apply text-label-small': {},\n      '@apply rounded-button-sm': {},\n      '*': {\n        '@apply text-input-small': {},\n      },\n    },\n    '&-md': {\n      '@apply h-[4rem]': {},\n      '@apply text-label-medium': {},\n      '@apply rounded-button-md': {},\n      '*': {\n        '@apply text-input-medium': {},\n      },\n    },\n    '&-lg': {\n      '@apply h-[4.8rem]': {},\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"select.js","names":["chevronDown","color","tertiary","primary","Select","_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":"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","ignoreList":[]}