@sk-web-gui/core 3.10.0 → 3.11.1

package/dist/cjs/components/progress-stepper.js

@@ -1,2 +1,84 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ProgressStepper",{enumerable:true,get:function(){return ProgressStepper}});var ProgressStepper=function(){return{".sk-progress-stepper":{"@apply flex justify-between":{},hr:{"@apply w-full mt-19":{}},"&-step":{"@apply flex flex-col items-center":{},"@apply gap-4":{},"@apply w-auto":{},"@apply shrink-0":{},"@apply text-base leading-base text-dark-primary font-normal":{},svg:{"@apply w-20 h-20":{}},"&-wrapper":{"@apply flex flex-row shrink w-full gap-4":{},hr:{"@apply w-full grow shrink mt-19":{}}},"&:first-of-type":{".sk-divider:first-of-type":{"@apply invisible":{}}},"&:last-of-type":{".sk-divider:last-of-type":{"@apply invisible":{}}},"&-box":{"@apply box-border":{},"@apply shrink-0":{},"@apply h-40 w-40":{},"@apply bg-secondary-surface":{},"@apply flex justify-center items-center":{},"@apply text-label-medium":{},"@apply border-2 border-secondary-outline":{},"@apply text-dark-secondary":{},"@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg":{},'&[data-rounded="true"]':{"@apply rounded-full":{}},"&&-sm":{"@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32":{},"@apply text-label-small":{}},"&&-md":{"@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40":{}}},'&[data-progress="current"]':{"@apply font-bold":{},".sk-progress-stepper-step-box":{"@apply border-vattjom-surface-primary":{},"@apply bg-vattjom-surface-primary":{},"@apply text-vattjom-text-secondary":{}}},'&[data-progress="done"]':{".sk-progress-stepper-step-box":{"@apply border-success-surface-primary":{},"@apply bg-success-surface-primary":{},"@apply text-success-text-secondary":{}}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressStepper", {
+    enumerable: true,
+    get: function() {
+        return ProgressStepper;
+    }
+});
+var ProgressStepper = function() {
+    return {
+        '.sk-progress-stepper': {
+            '@apply flex justify-between': {},
+            hr: {
+                '@apply w-full mt-19': {}
+            },
+            '&-step': {
+                '@apply flex flex-col items-center': {},
+                '@apply gap-4': {},
+                '@apply w-auto': {},
+                '@apply shrink-0': {},
+                '@apply text-base leading-base text-dark-primary font-normal': {},
+                svg: {
+                    '@apply w-20 h-20': {}
+                },
+                '&-wrapper': {
+                    '@apply flex flex-row shrink w-full gap-4': {},
+                    hr: {
+                        '@apply w-full grow shrink mt-19': {}
+                    }
+                },
+                '&:first-of-type': {
+                    '.sk-divider:first-of-type': {
+                        '@apply invisible': {}
+                    }
+                },
+                '&:last-of-type': {
+                    '.sk-divider:last-of-type': {
+                        '@apply invisible': {}
+                    }
+                },
+                '&-box': {
+                    '@apply box-border': {},
+                    '@apply shrink-0': {},
+                    '@apply h-40 w-40': {},
+                    '@apply bg-secondary-surface': {},
+                    '@apply flex justify-center items-center': {},
+                    '@apply text-label-medium': {},
+                    '@apply border-2 border-secondary-outline': {},
+                    '@apply text-dark-secondary': {},
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '&[data-rounded="true"]': {
+                        '@apply rounded-full': {}
+                    },
+                    '&&-sm': {
+                        '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},
+                        '@apply text-label-small': {}
+                    },
+                    '&&-md': {
+                        '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {}
+                    }
+                },
+                '&[data-progress="current"]': {
+                    '@apply font-bold': {},
+                    '.sk-progress-stepper-step-box': {
+                        '@apply border-vattjom-surface-primary': {},
+                        '@apply bg-vattjom-surface-primary': {},
+                        '@apply text-vattjom-text-secondary': {}
+                    }
+                },
+                '&[data-progress="done"]': {
+                    '.sk-progress-stepper-step-box': {
+                        '@apply border-success-surface-primary': {},
+                        '@apply bg-success-surface-primary': {},
+                        '@apply text-success-text-secondary': {}
+                    }
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=progress-stepper.js.map

package/dist/cjs/components/progress-stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\n  '.sk-progress-stepper': {\n    '@apply flex justify-between': {},\n    hr: {\n      '@apply w-full mt-19': {},\n    },\n    '&-step': {\n      '@apply flex flex-col items-center': {},\n      '@apply gap-4': {},\n      '@apply w-auto': {},\n      '@apply shrink-0': {},\n      '@apply text-base leading-base text-dark-primary font-normal': {},\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n      '&-wrapper': {\n        '@apply flex flex-row shrink w-full gap-4': {},\n        hr: {\n          '@apply w-full grow shrink mt-19': {},\n        },\n      },\n      '&:first-of-type': {\n        '.sk-divider:first-of-type': {\n          '@apply invisible': {},\n        },\n      },\n      '&:last-of-type': {\n        '.sk-divider:last-of-type': {\n          '@apply invisible': {},\n        },\n      },\n      '&-box': {\n        '@apply box-border': {},\n        '@apply shrink-0': {},\n        '@apply h-40 w-40': {},\n        '@apply bg-secondary-surface': {},\n        '@apply flex justify-center items-center': {},\n        '@apply text-label-medium': {},\n        '@apply border-2 border-secondary-outline': {},\n        '@apply text-dark-secondary': {},\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '&[data-rounded=\"true\"]': {\n          '@apply rounded-full': {},\n        },\n\n        '&&-sm': {\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\n          '@apply text-label-small': {},\n        },\n        '&&-md': {\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\n        },\n      },\n      '&[data-progress=\"current\"]': {\n        '@apply font-bold': {},\n        '.sk-progress-stepper-step-box': {\n          '@apply border-vattjom-surface-primary': {},\n          '@apply bg-vattjom-surface-primary': {},\n          '@apply text-vattjom-text-secondary': {},\n        },\n      },\n      '&[data-progress=\"done\"]': {\n        '.sk-progress-stepper-step-box': {\n          '@apply border-success-surface-primary': {},\n          '@apply bg-success-surface-primary': {},\n          '@apply text-success-text-secondary': {},\n        },\n      },\n    },\n  },\n});\n"],"names":["ProgressStepper","hr","svg"],"mappings":"oGAAaA,yDAAAA,mBAAN,IAAMA,gBAAkB,iBAAO,CACpC,uBAAwB,CACtB,8BAA+B,CAAC,EAChCC,GAAI,CACF,sBAAuB,CAAC,CAC1B,EACA,SAAU,CACR,oCAAqC,CAAC,EACtC,eAAgB,CAAC,EACjB,gBAAiB,CAAC,EAClB,kBAAmB,CAAC,EACpB,8DAA+D,CAAC,EAChEC,IAAK,CACH,mBAAoB,CAAC,CACvB,EACA,YAAa,CACX,2CAA4C,CAAC,EAC7CD,GAAI,CACF,kCAAmC,CAAC,CACtC,CACF,EACA,kBAAmB,CACjB,4BAA6B,CAC3B,mBAAoB,CAAC,CACvB,CACF,EACA,iBAAkB,CAChB,2BAA4B,CAC1B,mBAAoB,CAAC,CACvB,CACF,EACA,QAAS,CACP,oBAAqB,CAAC,EACtB,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,8BAA+B,CAAC,EAChC,0CAA2C,CAAC,EAC5C,2BAA4B,CAAC,EAC7B,2CAA4C,CAAC,EAC7C,6BAA8B,CAAC,EAC/B,qEAAsE,CAAC,EACvE,yBAA0B,CACxB,sBAAuB,CAAC,CAC1B,EAEA,QAAS,CACP,uDAAwD,CAAC,EACzD,0BAA2B,CAAC,CAC9B,EACA,QAAS,CACP,uDAAwD,CAAC,CAC3D,CACF,EACA,6BAA8B,CAC5B,mBAAoB,CAAC,EACrB,gCAAiC,CAC/B,wCAAyC,CAAC,EAC1C,oCAAqC,CAAC,EACtC,qCAAsC,CAAC,CACzC,CACF,EACA,0BAA2B,CACzB,gCAAiC,CAC/B,wCAAyC,CAAC,EAC1C,oCAAqC,CAAC,EACtC,qCAAsC,CAAC,CACzC,CACF,CACF,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/progress-stepper.ts"],"sourcesContent":["export const ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-19': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-19': {},\r\n        },\r\n      },\r\n      '&:first-of-type': {\r\n        '.sk-divider:first-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&:last-of-type': {\r\n        '.sk-divider:last-of-type': {\r\n          '@apply invisible': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-40 w-40': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '&[data-rounded=\"true\"]': {\r\n          '@apply rounded-full': {},\r\n        },\r\n\r\n        '&&-sm': {\r\n          '@apply h-32 w-32 min-h-24 max-h-32 min-w-24 max-w-32': {},\r\n          '@apply text-label-small': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply h-40 w-40 min-h-32 max-h-40 min-w-32 max-w-40': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["ProgressStepper","hr","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,kBAAkB;WAAO;QACpC,wBAAwB;YACtB,+BAA+B,CAAC;YAChCC,IAAI;gBACF,uBAAuB,CAAC;YAC1B;YACA,UAAU;gBACR,qCAAqC,CAAC;gBACtC,gBAAgB,CAAC;gBACjB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;gBACpB,+DAA+D,CAAC;gBAChEC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBACA,aAAa;oBACX,4CAA4C,CAAC;oBAC7CD,IAAI;wBACF,mCAAmC,CAAC;oBACtC;gBACF;gBACA,mBAAmB;oBACjB,6BAA6B;wBAC3B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,kBAAkB;oBAChB,4BAA4B;wBAC1B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,SAAS;oBACP,qBAAqB,CAAC;oBACtB,mBAAmB,CAAC;oBACpB,oBAAoB,CAAC;oBACrB,+BAA+B,CAAC;oBAChC,2CAA2C,CAAC;oBAC5C,4BAA4B,CAAC;oBAC7B,4CAA4C,CAAC;oBAC7C,8BAA8B,CAAC;oBAC/B,sEAAsE,CAAC;oBACvE,0BAA0B;wBACxB,uBAAuB,CAAC;oBAC1B;oBAEA,SAAS;wBACP,wDAAwD,CAAC;wBACzD,2BAA2B,CAAC;oBAC9B;oBACA,SAAS;wBACP,wDAAwD,CAAC;oBAC3D;gBACF;gBACA,8BAA8B;oBAC5B,oBAAoB,CAAC;oBACrB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;gBACA,2BAA2B;oBACzB,iCAAiC;wBAC/B,yCAAyC,CAAC;wBAC1C,qCAAqC,CAAC;wBACtC,sCAAsC,CAAC;oBACzC;gBACF;YACF;QACF;IACF"}

package/dist/cjs/components/radio.js

@@ -1,2 +1,144 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Radio",{enumerable:true,get:function(){return Radio}});var Radio=function(){return{".sk-form-radio":{backgroundImage:"none","@apply relative":{},"@apply box-border":{},"@apply bg-input-field-surface":{},"@apply border-1":{},"@apply border-input-field-outline":{},"@apply m-0":{},"@apply h-24 w-24":{},'@apply hover:after:content-[""]':{},"@apply hover:border-input-field-outline-hover":{},"&::after":{"@apply absolute":{},"@apply rounded-full":{},"@apply bg-dark-placeholder":{},"@apply m-5":{},"@apply top-0 left-0 bottom-0 right-0":{}},"@apply focus-visible:ring":{},"@apply focus-visible:bg-background-content":{},"@apply focus-visible:border-background-content":{},"@apply focus-visible:hover:border-background-content":{},'&[aria-invalid="true"]':{"@apply border-2":{},"@apply border-error-surface-primary":{},"@apply hover:border-2":{},"@apply hover:border-error-surface-primary":{}},'&:checked, &[checked="true"]':{"@apply bg-input-field-surface":{},"@apply hover:bg-input-field-surface":{},"@apply focus:bg-input-field-surface":{},"@apply text-input-field-surface":{},"@apply border-input-field-outline":{},"@apply hover:text-input-field-surface":{},"@apply focus:text-input-field-surface":{},"@apply focus:border-input-field-outline":{},"@apply focus:hover:border-input-field-outline-hover":{},"@apply hover:border-input-field-outline-hover":{},"@apply focus:outline-0":{},"@apply focus:ring-0 focus:ring-offset-0":{},"@apply focus-visible:ring":{},"@apply focus-visible:hover:border-transparent":{},"@apply focus-visible:border-transparent":{},'@apply after:content-[""]':{},'&[aria-invalid="true"]':{"@apply border-2":{},"@apply border-error-surface-primary":{},"@apply hover:border-2":{},"@apply hover:border-error-surface-primary":{}},"&::after":{"@apply bg-dark-primary":{}}},"&:active":{"@apply ring-0 ring-offset-0":{}},'&:disabled, &[disabled="true"]':{"@apply border-input-field-outline-disabled":{},"@apply hover:border-input-field-outline-disabled":{},"@apply bg-input-field-surface-disabled":{},"@apply hover:bg-input-field-surface-disabled":{},"@apply cursor-not-allowed":{},'&:not(:checked):not([checked="true"]):after':{"@apply hidden":{}},'&:checked, &[checked="true"]':{"@apply border-input-field-outline-disabled":{},"&::after":{"@apply bg-dark-disabled":{}}}},"&-label":{"@apply inline-flex align-top items-center":{},"@apply font-normal":{},"@apply p-2":{},"&-sm":{"@apply text-small":{},"@apply h-28":{},"@apply gap-10":{}},"&-md":{"@apply text-base":{},"@apply h-28":{},"@apply gap-10":{}},"&-lg":{"@apply text-large":{},"@apply h-30":{},"@apply gap-12":{}},'&[data-disabled="true"]':{"@apply text-dark-disabled":{},"@apply cursor-default":{}}},"&-group":{"@apply flex flex-row":{},'&[data-direction="column"]':{"@apply flex-col":{}},"&-sm":{"@apply gap-12":{}},"&-md":{"@apply gap-16":{}},"&-lg":{"@apply gap-16":{}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Radio", {
+    enumerable: true,
+    get: function() {
+        return Radio;
+    }
+});
+var Radio = function() {
+    return {
+        '.sk-form-radio': {
+            backgroundImage: 'none',
+            '@apply relative': {},
+            '@apply box-border': {},
+            '@apply bg-input-field-surface': {},
+            '@apply border-1': {},
+            '@apply border-input-field-outline': {},
+            '@apply m-0': {},
+            '@apply h-24 w-24': {},
+            //Hover
+            '@apply hover:after:content-[""]': {},
+            '@apply hover:border-input-field-outline-hover': {},
+            '&::after': {
+                '@apply absolute': {},
+                '@apply rounded-full': {},
+                '@apply bg-dark-placeholder': {},
+                '@apply m-5': {},
+                '@apply top-0 left-0 bottom-0 right-0': {}
+            },
+            //Focus
+            '@apply focus-visible:ring': {},
+            '@apply focus-visible:bg-background-content': {},
+            '@apply focus-visible:border-background-content': {},
+            '@apply focus-visible:hover:border-background-content': {},
+            //Invalid
+            '&[aria-invalid="true"]': {
+                '@apply border-2': {},
+                '@apply border-error-surface-primary': {},
+                '@apply hover:border-2': {},
+                '@apply hover:border-error-surface-primary': {}
+            },
+            //Checked
+            '&:checked, &[checked="true"]': {
+                '@apply bg-input-field-surface': {},
+                '@apply hover:bg-input-field-surface': {},
+                '@apply focus:bg-input-field-surface': {},
+                '@apply text-input-field-surface': {},
+                '@apply border-input-field-outline': {},
+                '@apply hover:text-input-field-surface': {},
+                '@apply focus:text-input-field-surface': {},
+                '@apply focus:border-input-field-outline': {},
+                '@apply focus:hover:border-input-field-outline-hover': {},
+                '@apply hover:border-input-field-outline-hover': {},
+                '@apply focus:outline-0': {},
+                '@apply focus:ring-0 focus:ring-offset-0': {},
+                '@apply focus-visible:ring': {},
+                '@apply focus-visible:hover:border-transparent': {},
+                '@apply focus-visible:border-transparent': {},
+                '@apply after:content-[""]': {},
+                '&[aria-invalid="true"]': {
+                    '@apply border-2': {},
+                    '@apply border-error-surface-primary': {},
+                    '@apply hover:border-2': {},
+                    '@apply hover:border-error-surface-primary': {}
+                },
+                '&::after': {
+                    '@apply bg-dark-primary': {}
+                }
+            },
+            '&:active': {
+                '@apply ring-0 ring-offset-0': {}
+            },
+            //Disabled
+            '&:disabled, &[disabled="true"]': {
+                '@apply border-input-field-outline-disabled': {},
+                '@apply hover:border-input-field-outline-disabled': {},
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply hover:bg-input-field-surface-disabled': {},
+                '@apply cursor-not-allowed': {},
+                '&:not(:checked):not([checked="true"]):after': {
+                    '@apply hidden': {}
+                },
+                '&:checked, &[checked="true"]': {
+                    '@apply border-input-field-outline-disabled': {},
+                    '&::after': {
+                        '@apply bg-dark-disabled': {}
+                    }
+                }
+            },
+            //ReadOnly
+            '&[readonly], &[readonly="true"]': {
+                '@apply bg-input-field-surface-disabled': {},
+                '@apply border-input-field-outline-disabled': {},
+                '@apply hover:border-input-field-outline-disabled': {},
+                '&:not(:checked):not([checked="true"]):after': {
+                    '@apply hidden': {}
+                }
+            },
+            '&-label': {
+                '@apply inline-flex align-top items-center': {},
+                '@apply font-normal': {},
+                '@apply p-2': {},
+                '&-sm': {
+                    '@apply text-small': {},
+                    '@apply h-28': {},
+                    '@apply gap-10': {}
+                },
+                '&-md': {
+                    '@apply text-base': {},
+                    '@apply h-28': {},
+                    '@apply gap-10': {}
+                },
+                '&-lg': {
+                    '@apply text-large': {},
+                    '@apply h-30': {},
+                    '@apply gap-12': {}
+                },
+                '&[data-disabled="true"]': {
+                    '@apply text-dark-disabled': {},
+                    '@apply cursor-default': {}
+                }
+            },
+            '&-group': {
+                '@apply flex flex-row': {},
+                '&[data-direction="column"]': {
+                    '@apply flex-col': {}
+                },
+                '&-sm': {
+                    '@apply gap-12': {}
+                },
+                '&-md': {
+                    '@apply gap-16': {}
+                },
+                '&-lg': {
+                    '@apply gap-16': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=radio.js.map

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

@@ -1 +1 @@
-{"version":3,"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-input-field-surface': {},\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\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-input-field-outline-hover': {},\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-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n      '@apply focus:bg-input-field-surface': {},\r\n      '@apply text-input-field-surface': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:text-input-field-surface': {},\r\n      '@apply focus:text-input-field-surface': {},\r\n      '@apply focus:border-input-field-outline': {},\r\n      '@apply focus:hover:border-input-field-outline-hover': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\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:hover:border-transparent': {},\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-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply hover:bg-input-field-surface-disabled': {},\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        '@apply border-input-field-outline-disabled': {},\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        '@apply cursor-default': {},\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"],"names":["Radio","backgroundImage"],"mappings":"oGAAaA,+CAAAA,SAAN,IAAMA,MAAQ,iBAAO,CAC1B,iBAAkB,CAChBC,gBAAiB,OAEjB,kBAAmB,CAAC,EACpB,oBAAqB,CAAC,EACtB,gCAAiC,CAAC,EAClC,kBAAmB,CAAC,EACpB,oCAAqC,CAAC,EACtC,aAAc,CAAC,EACf,mBAAoB,CAAC,EAGrB,kCAAmC,CAAC,EACpC,gDAAiD,CAAC,EAClD,WAAY,CACV,kBAAmB,CAAC,EACpB,sBAAuB,CAAC,EACxB,6BAA8B,CAAC,EAC/B,aAAc,CAAC,EACf,uCAAwC,CAAC,CAC3C,EAGA,4BAA6B,CAAC,EAC9B,6CAA8C,CAAC,EAC/C,iDAAkD,CAAC,EACnD,uDAAwD,CAAC,EAGzD,yBAA0B,CACxB,kBAAmB,CAAC,EACpB,sCAAuC,CAAC,EACxC,wBAAyB,CAAC,EAC1B,4CAA6C,CAAC,CAChD,EAGA,+BAAgC,CAC9B,gCAAiC,CAAC,EAClC,sCAAuC,CAAC,EACxC,sCAAuC,CAAC,EACxC,kCAAmC,CAAC,EACpC,oCAAqC,CAAC,EACtC,wCAAyC,CAAC,EAC1C,wCAAyC,CAAC,EAC1C,0CAA2C,CAAC,EAC5C,sDAAuD,CAAC,EACxD,gDAAiD,CAAC,EAClD,yBAA0B,CAAC,EAC3B,0CAA2C,CAAC,EAC5C,4BAA6B,CAAC,EAC9B,gDAAiD,CAAC,EAClD,0CAA2C,CAAC,EAC5C,4BAA6B,CAAC,EAC9B,yBAA0B,CACxB,kBAAmB,CAAC,EACpB,sCAAuC,CAAC,EACxC,wBAAyB,CAAC,EAC1B,4CAA6C,CAAC,CAChD,EACA,WAAY,CACV,yBAA0B,CAAC,CAC7B,CACF,EAEA,WAAY,CACV,8BAA+B,CAAC,CAClC,EAGA,iCAAkC,CAChC,6CAA8C,CAAC,EAC/C,mDAAoD,CAAC,EACrD,yCAA0C,CAAC,EAC3C,+CAAgD,CAAC,EACjD,4BAA6B,CAAC,EAC9B,8CAA+C,CAC7C,gBAAiB,CAAC,CACpB,EACA,+BAAgC,CAC9B,6CAA8C,CAAC,EAC/C,WAAY,CACV,0BAA2B,CAAC,CAC9B,CACF,CACF,EAEA,UAAW,CACT,4CAA6C,CAAC,EAC9C,qBAAsB,CAAC,EACvB,aAAc,CAAC,EACf,OAAQ,CACN,oBAAqB,CAAC,EACtB,cAAe,CAAC,EAChB,gBAAiB,CAAC,CACpB,EACA,OAAQ,CACN,mBAAoB,CAAC,EACrB,cAAe,CAAC,EAChB,gBAAiB,CAAC,CACpB,EACA,OAAQ,CACN,oBAAqB,CAAC,EACtB,cAAe,CAAC,EAChB,gBAAiB,CAAC,CACpB,EACA,0BAA2B,CACzB,4BAA6B,CAAC,EAC9B,wBAAyB,CAAC,CAC5B,CACF,EACA,UAAW,CACT,uBAAwB,CAAC,EACzB,6BAA8B,CAC5B,kBAAmB,CAAC,CACtB,EACA,OAAQ,CACN,gBAAiB,CAAC,CACpB,EACA,OAAQ,CACN,gBAAiB,CAAC,CACpB,EACA,OAAQ,CACN,gBAAiB,CAAC,CACpB,CACF,CACF,CACF"}
+{"version":3,"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-input-field-surface': {},\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\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-input-field-outline-hover': {},\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-input-field-surface': {},\r\n      '@apply hover:bg-input-field-surface': {},\r\n      '@apply focus:bg-input-field-surface': {},\r\n      '@apply text-input-field-surface': {},\r\n      '@apply border-input-field-outline': {},\r\n      '@apply hover:text-input-field-surface': {},\r\n      '@apply focus:text-input-field-surface': {},\r\n      '@apply focus:border-input-field-outline': {},\r\n      '@apply focus:hover:border-input-field-outline-hover': {},\r\n      '@apply hover:border-input-field-outline-hover': {},\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:hover:border-transparent': {},\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-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply hover:bg-input-field-surface-disabled': {},\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        '@apply border-input-field-outline-disabled': {},\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    //ReadOnly\r\n    '&[readonly], &[readonly=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\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        '@apply cursor-default': {},\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"],"names":["Radio","backgroundImage"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,QAAQ;WAAO;QAC1B,kBAAkB;YAChBC,iBAAiB;YAEjB,mBAAmB,CAAC;YACpB,qBAAqB,CAAC;YACtB,iCAAiC,CAAC;YAClC,mBAAmB,CAAC;YACpB,qCAAqC,CAAC;YACtC,cAAc,CAAC;YACf,oBAAoB,CAAC;YAErB,OAAO;YACP,mCAAmC,CAAC;YACpC,iDAAiD,CAAC;YAClD,YAAY;gBACV,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,cAAc,CAAC;gBACf,wCAAwC,CAAC;YAC3C;YAEA,OAAO;YACP,6BAA6B,CAAC;YAC9B,8CAA8C,CAAC;YAC/C,kDAAkD,CAAC;YACnD,wDAAwD,CAAC;YAEzD,SAAS;YACT,0BAA0B;gBACxB,mBAAmB,CAAC;gBACpB,uCAAuC,CAAC;gBACxC,yBAAyB,CAAC;gBAC1B,6CAA6C,CAAC;YAChD;YAEA,SAAS;YACT,gCAAgC;gBAC9B,iCAAiC,CAAC;gBAClC,uCAAuC,CAAC;gBACxC,uCAAuC,CAAC;gBACxC,mCAAmC,CAAC;gBACpC,qCAAqC,CAAC;gBACtC,yCAAyC,CAAC;gBAC1C,yCAAyC,CAAC;gBAC1C,2CAA2C,CAAC;gBAC5C,uDAAuD,CAAC;gBACxD,iDAAiD,CAAC;gBAClD,0BAA0B,CAAC;gBAC3B,2CAA2C,CAAC;gBAC5C,6BAA6B,CAAC;gBAC9B,iDAAiD,CAAC;gBAClD,2CAA2C,CAAC;gBAC5C,6BAA6B,CAAC;gBAC9B,0BAA0B;oBACxB,mBAAmB,CAAC;oBACpB,uCAAuC,CAAC;oBACxC,yBAAyB,CAAC;oBAC1B,6CAA6C,CAAC;gBAChD;gBACA,YAAY;oBACV,0BAA0B,CAAC;gBAC7B;YACF;YAEA,YAAY;gBACV,+BAA+B,CAAC;YAClC;YAEA,UAAU;YACV,kCAAkC;gBAChC,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;gBACrD,0CAA0C,CAAC;gBAC3C,gDAAgD,CAAC;gBACjD,6BAA6B,CAAC;gBAC9B,+CAA+C;oBAC7C,iBAAiB,CAAC;gBACpB;gBACA,gCAAgC;oBAC9B,8CAA8C,CAAC;oBAC/C,YAAY;wBACV,2BAA2B,CAAC;oBAC9B;gBACF;YACF;YAEA,UAAU;YACV,mCAAmC;gBACjC,0CAA0C,CAAC;gBAC3C,8CAA8C,CAAC;gBAC/C,oDAAoD,CAAC;gBACrD,+CAA+C;oBAC7C,iBAAiB,CAAC;gBACpB;YACF;YAEA,WAAW;gBACT,6CAA6C,CAAC;gBAC9C,sBAAsB,CAAC;gBACvB,cAAc,CAAC;gBACf,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;oBACrB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,eAAe,CAAC;oBAChB,iBAAiB,CAAC;gBACpB;gBACA,2BAA2B;oBACzB,6BAA6B,CAAC;oBAC9B,yBAAyB,CAAC;gBAC5B;YACF;YACA,WAAW;gBACT,wBAAwB,CAAC;gBACzB,8BAA8B;oBAC5B,mBAAmB,CAAC;gBACtB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}

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

@@ -1,2 +1,49 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"SearchField",{enumerable:true,get:function(){return SearchField}});var SearchField=function(){return{".sk-search-field-suggestions":{"&.sk-form-combobox":{"@apply h-auto":{}},".sk-form-combobox":{"&-list":{"@apply w-full":{},"&-option":{".sk-icon":{"@apply hidden":{}}}}}},".sk-search-field":{"&-md":{".sk-search-field-icon":{"@apply w-20 h-20":{},svg:{"@apply w-20 h-20":{}}}},"&-lg":{".sk-search-field-icon":{"@apply w-22 h-22":{},svg:{"@apply w-22 h-22":{}}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SearchField", {
+    enumerable: true,
+    get: function() {
+        return SearchField;
+    }
+});
+var SearchField = function() {
+    return {
+        '.sk-search-field-suggestions': {
+            '&.sk-form-combobox': {
+                '@apply h-auto': {}
+            },
+            '.sk-form-combobox': {
+                '&-list': {
+                    '@apply w-full': {},
+                    '&-option': {
+                        '.sk-icon': {
+                            '@apply hidden': {}
+                        }
+                    }
+                }
+            }
+        },
+        '.sk-search-field': {
+            '&-md': {
+                '.sk-search-field-icon': {
+                    '@apply w-20 h-20': {},
+                    svg: {
+                        '@apply w-20 h-20': {}
+                    }
+                }
+            },
+            '&-lg': {
+                '.sk-search-field-icon': {
+                    '@apply w-22 h-22': {},
+                    svg: {
+                        '@apply w-22 h-22': {}
+                    }
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=search-field.js.map

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

@@ -1 +1 @@
-{"version":3,"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        '@apply w-full': {},\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-20 h-20': {},\n        svg: {\n          '@apply w-20 h-20': {},\n        },\n      },\n    },\n    '&-lg': {\n      '.sk-search-field-icon': {\n        '@apply w-22 h-22': {},\n        svg: {\n          '@apply w-22 h-22': {},\n        },\n      },\n    },\n  },\n});\n"],"names":["SearchField","svg"],"mappings":"oGAAaA,qDAAAA,eAAN,IAAMA,YAAc,iBAAO,CAChC,+BAAgC,CAC9B,qBAAsB,CACpB,gBAAiB,CAAC,CACpB,EACA,oBAAqB,CACnB,SAAU,CACR,gBAAiB,CAAC,EAClB,WAAY,CACV,WAAY,CACV,gBAAiB,CAAC,CACpB,CACF,CACF,CACF,CACF,EACA,mBAAoB,CAClB,OAAQ,CACN,wBAAyB,CACvB,mBAAoB,CAAC,EACrBC,IAAK,CACH,mBAAoB,CAAC,CACvB,CACF,CACF,EACA,OAAQ,CACN,wBAAyB,CACvB,mBAAoB,CAAC,EACrBA,IAAK,CACH,mBAAoB,CAAC,CACvB,CACF,CACF,CACF,CACF"}
+{"version":3,"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        '@apply w-full': {},\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"],"names":["SearchField","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,cAAc;WAAO;QAChC,gCAAgC;YAC9B,sBAAsB;gBACpB,iBAAiB,CAAC;YACpB;YACA,qBAAqB;gBACnB,UAAU;oBACR,iBAAiB,CAAC;oBAClB,YAAY;wBACV,YAAY;4BACV,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;QACF;QACA,oBAAoB;YAClB,QAAQ;gBACN,yBAAyB;oBACvB,oBAAoB,CAAC;oBACrBC,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,QAAQ;gBACN,yBAAyB;oBACvB,oBAAoB,CAAC;oBACrBA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;QACF;IACF"}