@sk-web-gui/core 4.1.2 → 4.3.0

package/dist/esm/components/alert.js

@@ -0,0 +1,73 @@
+export const Alert = ()=>({
+        '.sk-alert': {
+            '@apply flex rounded-button': {},
+            '&-sm': {
+                '@apply rounded-xl gap-8 pl-10 pr-6': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-md': {
+                '@apply gap-12 pl-16 pr-12 py-12': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-lg': {
+                '@apply gap-12 pl-16 pr-12 py-12': {},
+                '.sk-alert-icon': {
+                    '@apply mt-6': {}
+                }
+            },
+            '&-content': {
+                '@apply flex flex-col w-full grow': {},
+                '&-description': {
+                    '@apply text-small': {}
+                },
+                '&-sm': {
+                    '@apply py-6': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-small m-0': {}
+                    }
+                },
+                '&-md': {
+                    '@apply py-4': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-base': {}
+                    }
+                },
+                '&-lg': {
+                    '@apply py-4': {},
+                    '.sk-alert-content-title': {
+                        '@apply text-large': {}
+                    },
+                    '.sk-alert-content-description': {
+                        '@apply text-base text-secondary': {}
+                    }
+                }
+            },
+            '&-icon': {
+                '@apply flex-none': {}
+            },
+            '&-button': {
+                '@apply flex-none justify-self-end': {}
+            },
+            '&-info': {
+                '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {}
+            },
+            '&-neutral': {
+                '@apply border-1 border-divider bg-background-100': {}
+            },
+            '&-success': {
+                '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {}
+            },
+            '&-warning': {
+                '@apply border-1 border-warning-surface-primary bg-warning-background-100': {}
+            },
+            '&-error': {
+                '@apply border-1 border-error-surface-primary bg-error-background-100': {}
+            }
+        }
+    });
+
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert.ts"],"sourcesContent":["export const Alert = () => ({\r\n  '.sk-alert': {\r\n    '@apply flex rounded-button': {},\r\n    '&-sm': {\r\n      '@apply rounded-xl gap-8 pl-10 pr-6': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-md': {\r\n      '@apply gap-12 pl-16 pr-12 py-12': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '@apply gap-12 pl-16 pr-12 py-12': {},\r\n      '.sk-alert-icon': {\r\n        '@apply mt-6': {},\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col w-full grow': {},\r\n      '&-description': {\r\n        '@apply text-small': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply py-6': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-small m-0': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply py-4': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-base': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply py-4': {},\r\n        '.sk-alert-content-title': {\r\n          '@apply text-large': {},\r\n        },\r\n        '.sk-alert-content-description': {\r\n          '@apply text-base text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n    '&-icon': {\r\n      '@apply flex-none': {},\r\n    },\r\n    '&-button': {\r\n      '@apply flex-none justify-self-end': {},\r\n    },\r\n    '&-info': {\r\n      '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {},\r\n    },\r\n    '&-neutral': {\r\n      '@apply border-1 border-divider bg-background-100': {},\r\n    },\r\n    '&-success': {\r\n      '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply border-1 border-warning-surface-primary bg-warning-background-100': {},\r\n    },\r\n    '&-error': {\r\n      '@apply border-1 border-error-surface-primary bg-error-background-100': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Alert"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,IAAO,CAAA;QAC1B,aAAa;YACX,8BAA8B,CAAC;YAC/B,QAAQ;gBACN,sCAAsC,CAAC;gBACvC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,aAAa;gBACX,oCAAoC,CAAC;gBACrC,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,yBAAyB,CAAC;oBAC5B;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,oBAAoB,CAAC;oBACvB;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,qBAAqB,CAAC;oBACxB;oBACA,iCAAiC;wBAC/B,mCAAmC,CAAC;oBACtC;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;YACvB;YACA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YACA,UAAU;gBACR,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,oDAAoD,CAAC;YACvD;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,WAAW;gBACT,wEAAwE,CAAC;YAC3E;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components/input.js

@@ -281,6 +281,45 @@ function timeAndDatePicker() {
         }
     };
 }
+function textareaGroup() {
+    return {
+        '&-textarea': {
+            ...inputGroup(),
+            '&-group-inner': {
+                '@apply h-auto': {},
+                '@apply flex-wrap': {},
+                '.sk-form-input-textarea': {
+                    '@apply w-full': {}
+                },
+                '.sk-form-textarea-counter': {
+                    '@apply w-full': {},
+                    '@apply border-t-divider border-t-1': {}
+                },
+                '&&-lg': {
+                    '@apply min-h-48 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-20': {},
+                        '@apply py-11': {}
+                    }
+                },
+                '&&-md': {
+                    '@apply min-h-40 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-16': {},
+                        '@apply py-7': {}
+                    }
+                },
+                '&&-sm': {
+                    '@apply min-h-32 h-auto': {},
+                    '.sk-form-textarea-counter': {
+                        '@apply px-12': {},
+                        '@apply py-5': {}
+                    }
+                }
+            }
+        }
+    };
+}
 export const Input = ()=>({
         '.sk-form-input': {
             '@apply grow-0': {},
@@ -339,7 +378,8 @@ export const Input = ()=>({
             ...inputStandards(),
             ...inputGroup(),
             ...addin(),
-            ...addon()
+            ...addon(),
+            ...textareaGroup()
         }
     });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"AAAA,SAASA;IACP,OAAO,CAAC,qWAAqW,CAAC;AAChX;AACA,SAASC;IACP,OAAO,CAAC,kQAAkQ,CAAC;AAC7Q;AAEA,SAASC;IACP,OAAO;QACL,mBAAmB,CAAC;QACpB,qCAAqC,CAAC;QACtC,iDAAiD,CAAC;QAElD,4CAA4C,CAAC;QAE7C,iCAAiC,CAAC;QAElC,SAAS;QACT,qCAAqC;YACnC,gDAAgD,CAAC;QACnD;QAEA,UAAU;QACV,uCAAuC;YACrC,0CAA0C,CAAC;YAC3C,8CAA8C,CAAC;YAC/C,oDAAoD,CAAC;YACrD,6BAA6B,CAAC;QAChC;QAEA,UAAU;QACV,eAAe;YACb,iCAAiC,CAAC;YAClC,8CAA8C,CAAC;YAC/C,8BAA8B,CAAC;YAC/B,0CAA0C,CAAC;QAC7C;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,yBAAyB,CAAC;YAC1B,eAAe,CAAC;YAChB,qCAAqC,CAAC;YACtC,QAAQ;gBACN,qBAAqB,CAAC;gBACtB,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;YACA,QAAQ;gBACN,2BAA2B,CAAC;gBAC5B,8BAA8B;oBAC5B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACA,+BAA+B;oBAC7B,iBAAiB,CAAC;oBAClB,gBAAgB,CAAC;gBACnB;gBACAA,KAAK;oBACH,oBAAoB,CAAC;gBACvB;YACF;QACF;IACF;AACF;AAEA,SAASC;IACP,OAAO;QACL,WAAW;YACT,kCAAkC,CAAC;YACnC,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,8BAA8B,CAAC;YAC/B,OAAO;YACP,kDAAkD,CAAC;YAEnD,8CAA8C;gBAC5C,kDAAkD,CAAC;YACrD;YAEA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,2BAA2B,CAAC;gBAC5B,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,WAAW;gBACT,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,YAAY;gBACV,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;YACxB;YACA,GAAGH,gBAAgB;YACnB,kBAAkB;gBAChB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,8BAA8B,CAAC;gBAC/B,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;gBAC/B,eAAe,CAAC;YAClB;YACA,mBAAmB;gBACjB,oBAAoB,CAAC;gBACrB,kCAAkC,CAAC;gBACnC,kCAAkC,CAAC;gBACnC,8BAA8B,CAAC;gBAC/B,8CAA8C,CAAC;gBAC/C,wDAAwD,CAAC;gBACzD,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,4BAA4B;gBAC1B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,qBAAqB;gBACnB,oBAAoB,CAAC;gBACrB,mBAAmB,CAAC;gBACpB,8BAA8B,CAAC;gBAC/B,qCAAqC,CAAC;gBACtC,yBAAyB,CAAC;gBAC1B,8BAA8B,CAAC;YACjC;YACA,6BAA6B;gBAC3B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;YACA,8BAA8B;gBAC5B,sCAAsC,CAAC;gBACvC,qCAAqC,CAAC;YACxC;QACF;IACF;AACF;AACA,SAASI;IACP,OAAO;QACL,WAAW;YACT,WAAW;gBACT,gCAAgC,CAAC;gBACjC,+BAA+B;oBAC7B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;gBACA,gCAAgC;oBAC9B,8CAA8C;wBAC5C,sBAAsB,CAAC;wBACvB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,WAAW;gBACT,6BAA6B,CAAC;gBAC9B,uBAAuB,CAAC;gBACxB,4BAA4B,CAAC;gBAC7B,iCAAiC,CAAC;gBAClC,8BAA8B,CAAC;gBAC/B,OAAO;gBACP,kDAAkD,CAAC;gBAEnD,8CAA8C;oBAC5C,kDAAkD,CAAC;gBACrD;gBAEA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,4BAA4B,CAAC;oBAC7B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBACA,SAAS;oBACP,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,eAAe,CAAC;gBAClB;gBAEA,GAAGJ,gBAAgB;gBACnB,kBAAkB;oBAChB,oBAAoB,CAAC;oBACrB,mBAAmB,CAAC;oBACpB,uBAAuB,CAAC;oBACxB,8BAA8B,CAAC;oBAC/B,yBAAyB,CAAC;oBAC1B,8BAA8B,CAAC;oBAC/B,eAAe,CAAC;gBAClB;YACF;QACF;IACF;AACF;AAEA,SAASK;IACP,OAAO;QACL,sEAAsE;YACpE,gBAAgB,CAAC;YACjB,cAAc,CAAC;YACf,uBAAuB,CAAC;YACxB,cAAc,CAAC;YACf,kBAAkB,CAAC;YACnB,4BAA4B,CAAC;YAC7B,sBAAsB;gBACpB,oBAAoB,CAAC;gBACrB,gBAAgB,CAAC;YACnB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;YACA,sBAAsB;gBACpB,gBAAgB,CAAC;gBACjB,oBAAoB,CAAC;YACvB;QACF;QAEA,gGAAgG;YAC9FC,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACA,oHACE;YACED,MAAM;gBAAC,CAAC,8BAA8B,EAAER,WAAW,sBAAsB,CAAC;aAAC;YAC3E,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,WAAW,sBAAsB,CAAC;aAAC;YACrFS,UAAU;YACV,qBAAqB;QACvB;QACF,gGAAgG;YAC9FD,MAAM;gBAAC,CAAC,8BAA8B,EAAEP,QAAQ,sBAAsB,CAAC;aAAC;YACxE,gBAAgB;gBAAC,CAAC,8BAA8B,EAAEA,QAAQ,sBAAsB,CAAC;aAAC;YAClFQ,UAAU;YACV,qBAAqB;QACvB;QAEA,uCAAuC;YACrC,sEAAsE;gBACpE,+BAA+B,CAAC;YAClC;QACF;IACF;AACF;AAEA,OAAO,MAAMC,QAAQ,IAAO,CAAA;QAC1B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,4BAA4B,CAAC;YAE7B,4BAA4B;gBAC1B,8DAA8D;oBAC5D,sBAAsB;oBACtBC,SAAS;oBACTC,QAAQ;gBACV;gBACA,mBAAmB;YACrB;YAEA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,4BAA4B,CAAC;gBAC7B,eAAe,CAAC;YAClB;YACA,SAAS;gBACP,4BAA4B,CAAC;gBAC7B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,gBAAgB,CAAC;gBACjB,2BAA2B,CAAC;gBAC5B,eAAe,CAAC;YAClB;YACA,eAAe;gBACb,iBAAiB,CAAC;gBAClB,aAAa;oBACX,kBAAkB,CAAC;gBACrB;YACF;YAEA,OAAO;YACP,qBAAqB,CAAC;YACtB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,2CAA2C,CAAC;YAC5C,4BAA4B,CAAC;YAC7B,iCAAiC,CAAC;YAClC,mCAAmC,CAAC;YACpC,kDAAkD,CAAC;YACnD,8CAA8C;gBAC5C,iDAAiD,CAAC;YACpD;YACA,GAAGL,mBAAmB;YACtB,GAAGL,gBAAgB;YACnB,GAAGI,YAAY;YACf,GAAGH,OAAO;YACV,GAAGE,OAAO;QACZ;IACF,CAAA,EAAG"}
+{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n  return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n  return {\r\n    '@apply border-1': {},\r\n    '@apply border-input-field-outline': {},\r\n    '@apply hover:border-input-field-outline-hover': {},\r\n\r\n    '@apply placeholder:text-dark-placeholder': {},\r\n\r\n    '@apply bg-input-field-surface': {},\r\n\r\n    //Invalid\r\n    '&:invalid, &[aria-invalid=\"true\"]': {\r\n      '@apply border-2 border-error-surface-primary': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '@apply bg-input-field-surface-disabled': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply hover:border-input-field-outline-disabled': {},\r\n      '@apply text-dark-disabled': {},\r\n    },\r\n\r\n    //readOnly\r\n    '&:read-only': {\r\n      '@apply bg-input-field-surface': {},\r\n      '@apply border-input-field-outline-disabled': {},\r\n      '@apply text-dark-secondary': {},\r\n      '@apply placeholder:text-dark-secondary': {},\r\n    },\r\n  };\r\n}\r\n\r\nfunction addin() {\r\n  return {\r\n    '&-addin': {\r\n      '@apply bg-transparent': {},\r\n      '@apply flex': {},\r\n      '@apply justify-start items-center': {},\r\n      '&-sm': {\r\n        '@apply px-6 gap-6': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-12': {},\r\n          '@apply pl-10': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-12': {},\r\n          '@apply pr-10': {},\r\n        },\r\n        svg: {\r\n          '@apply w-16 h-16': {},\r\n        },\r\n      },\r\n      '&-md': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-16': {},\r\n          '@apply pl-12': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-16': {},\r\n          '@apply pr-12': {},\r\n        },\r\n        svg: {\r\n          '@apply w-20 h-20': {},\r\n        },\r\n      },\r\n      '&-lg': {\r\n        '@apply md:px-8 md:gap-8': {},\r\n        '&.sk-form-input-addin-left': {\r\n          '@apply -mr-20': {},\r\n          '@apply pl-16': {},\r\n        },\r\n        '&.sk-form-input-addin-right': {\r\n          '@apply -ml-20': {},\r\n          '@apply pr-16': {},\r\n        },\r\n        svg: {\r\n          '@apply w-22 h-22': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction addon() {\r\n  return {\r\n    '&-addon': {\r\n      '@apply flex flex-none relative': {},\r\n      '@apply items-center': {},\r\n      '@apply focus-within:ring': {},\r\n      '@apply focus-within:ring-ring': {},\r\n      '@apply text-dark-secondary': {},\r\n      //Focus\r\n      '@apply focus-within:border-input-field-surface': {},\r\n\r\n      '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n        '@apply focus-within:border-input-field-surface': {},\r\n      },\r\n\r\n      '&&-lg': {\r\n        '@apply text-input-large': {},\r\n        '@apply rounded-button-lg': {},\r\n        '@apply h-48': {},\r\n      },\r\n      '&&-md': {\r\n        '@apply text-input-medium': {},\r\n        '@apply rounded-button-md': {},\r\n        '@apply h-40': {},\r\n      },\r\n      '&&-sm': {\r\n        '@apply text-input-small': {},\r\n        '@apply rounded-button-sm': {},\r\n        '@apply h-32': {},\r\n      },\r\n      '&&-left': {\r\n        '@apply rounded-r-0': {},\r\n        '@apply border-r-0': {},\r\n      },\r\n      '&&-right': {\r\n        '@apply rounded-l-0': {},\r\n        '@apply border-l-0': {},\r\n      },\r\n      ...inputStandards(),\r\n      '.sk-form-input': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus:ring-0': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '.sk-form-select': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0 hover:border-0': {},\r\n        '@apply focus:ring-0 focus:z-10': {},\r\n        '@apply focus:ring-offset-0': {},\r\n        '@apply bg-transparent hover:bg-transparent': {},\r\n        '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n        '@apply grow': {},\r\n      },\r\n      '&&-left .sk-form-select': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-select': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n      '.sk-form-combobox': {\r\n        '@apply rounded-0': {},\r\n        '@apply border-0': {},\r\n        '@apply focus-within:ring-0': {},\r\n        '@apply focus-within:ring-offset-0': {},\r\n        '@apply bg-transparent': {},\r\n        '@apply dark:bg-transparent': {},\r\n      },\r\n      '&&-left .sk-form-combobox': {\r\n        '@apply border-r-1 border-r-divider': {},\r\n        '@apply focus:border-r-transparent': {},\r\n      },\r\n      '&&-right .sk-form-combobox': {\r\n        '@apply border-l-1 border-l-divider': {},\r\n        '@apply focus:border-l-transparent': {},\r\n      },\r\n    },\r\n  };\r\n}\r\nfunction inputGroup() {\r\n  return {\r\n    '&-group': {\r\n      '&-outer': {\r\n        '@apply flex gap-0 max-w-full': {},\r\n        '&[data-hasleftaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-l-0': {},\r\n            '@apply border-l-0': {},\r\n          },\r\n        },\r\n        '&[data-hasrightaddon=\"true\"]': {\r\n          '.sk-form-input, .sk-form-input-group-inner': {\r\n            '@apply rounded-r-0': {},\r\n            '@apply border-r-0': {},\r\n          },\r\n        },\r\n      },\r\n      '&-inner': {\r\n        '@apply flex relative grow': {},\r\n        '@apply items-center': {},\r\n        '@apply focus-within:ring': {},\r\n        '@apply focus-within:ring-ring': {},\r\n        '@apply text-dark-secondary': {},\r\n        //Focus\r\n        '@apply focus-within:border-input-field-surface': {},\r\n\r\n        '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n          '@apply focus-within:border-input-field-surface': {},\r\n        },\r\n\r\n        '&&-lg': {\r\n          '@apply text-input-large': {},\r\n          '@apply rounded-button-lg': {},\r\n          '@apply h-48': {},\r\n        },\r\n        '&&-md': {\r\n          '@apply text-input-medium': {},\r\n          '@apply rounded-button-md': {},\r\n          '@apply h-40': {},\r\n        },\r\n        '&&-sm': {\r\n          '@apply text-input-small': {},\r\n          '@apply rounded-button-sm': {},\r\n          '@apply h-32': {},\r\n        },\r\n\r\n        ...inputStandards(),\r\n        '.sk-form-input': {\r\n          '@apply rounded-0': {},\r\n          '@apply border-0': {},\r\n          '@apply focus:ring-0': {},\r\n          '@apply focus:ring-offset-0': {},\r\n          '@apply bg-transparent': {},\r\n          '@apply dark:bg-transparent': {},\r\n          '@apply grow': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n  return {\r\n    '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n      '@apply block': {},\r\n      '@apply p-0': {},\r\n      '@apply pl-6 md:pl-8': {},\r\n      '@apply m-0': {},\r\n      '@apply bg-none': {},\r\n      '@apply bg-dark-secondary': {},\r\n      '&.sk-form-input-sm': {\r\n        '@apply w-16 h-16': {},\r\n        '@apply -mr-2': {},\r\n      },\r\n      '&.sk-form-input-md': {\r\n        '@apply -mr-4': {},\r\n        '@apply w-18 h-18': {},\r\n      },\r\n      '&.sk-form-input-lg': {\r\n        '@apply -mr-6': {},\r\n        '@apply w-20 h-20': {},\r\n      },\r\n    },\r\n\r\n    '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n    '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n      {\r\n        mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n        maskSize: 'contain',\r\n        '-webkit-mask-size': 'contain',\r\n      },\r\n    '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n      mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n      maskSize: 'contain',\r\n      '-webkit-mask-size': 'contain',\r\n    },\r\n\r\n    '&:disabled, &[aria-disabled=\"true\"]': {\r\n      '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n        '@apply color-black-disabled': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction textareaGroup() {\r\n  return {\r\n    '&-textarea': {\r\n      ...inputGroup(),\r\n      '&-group-inner': {\r\n        '@apply h-auto': {},\r\n        '@apply flex-wrap': {},\r\n        '.sk-form-input-textarea': {\r\n          '@apply w-full': {},\r\n        },\r\n        '.sk-form-textarea-counter': {\r\n          '@apply w-full': {},\r\n          '@apply border-t-divider border-t-1': {},\r\n        },\r\n        '&&-lg': {\r\n          '@apply min-h-48 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-20': {},\r\n            '@apply py-11': {},\r\n          },\r\n        },\r\n        '&&-md': {\r\n          '@apply min-h-40 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-16': {},\r\n            '@apply py-7': {},\r\n          },\r\n        },\r\n        '&&-sm': {\r\n          '@apply min-h-32 h-auto': {},\r\n          '.sk-form-textarea-counter': {\r\n            '@apply px-12': {},\r\n            '@apply py-5': {},\r\n          },\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nexport const Input = () => ({\r\n  '.sk-form-input': {\r\n    '@apply grow-0': {},\r\n    '@apply text-dark-primary': {},\r\n\r\n    '&[data-hideextra=\"true\"]': {\r\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n        '-webkit-appearance': 'none',\r\n        display: 'none',\r\n        margin: '0px',\r\n      },\r\n      '-moz-appearance': 'textfield',\r\n    },\r\n\r\n    '&&-lg': {\r\n      '@apply rounded-button-lg': {},\r\n      '@apply px-20': {},\r\n      '@apply py-11': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-large': {},\r\n      '@apply h-48': {},\r\n    },\r\n    '&&-md': {\r\n      '@apply rounded-button-md': {},\r\n      '@apply px-16': {},\r\n      '@apply py-7': {},\r\n      '@apply gap-8': {},\r\n      '@apply text-input-medium': {},\r\n      '@apply h-40': {},\r\n    },\r\n    '&&-sm': {\r\n      '@apply rounded-button-sm': {},\r\n      '@apply px-12': {},\r\n      '@apply py-5': {},\r\n      '@apply gap-6': {},\r\n      '@apply text-input-small': {},\r\n      '@apply h-32': {},\r\n    },\r\n    '&&-textarea': {\r\n      '@apply h-auto': {},\r\n      '&-warning': {\r\n        '@apply sr-only': {},\r\n      },\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus:ring': {},\r\n    '@apply focus:ring-ring': {},\r\n    '@apply focus:ring-offset': {},\r\n    '@apply focus:border-input-field-surface': {},\r\n    '@apply focus-within:ring': {},\r\n    '@apply focus-within:ring-ring': {},\r\n    '@apply focus-within:ring-offset': {},\r\n    '@apply focus-within:border-input-field-surface': {},\r\n    '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n      '@apply focus:hover:border-input-field-surface': {},\r\n    },\r\n    ...timeAndDatePicker(),\r\n    ...inputStandards(),\r\n    ...inputGroup(),\r\n    ...addin(),\r\n    ...addon(),\r\n    ...textareaGroup(),\r\n  },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","Input","display","margin"],"mappings":"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"}

package/dist/esm/components/segmented-control.js

@@ -0,0 +1,47 @@
+export const SegmentedControl = ()=>({
+        '.sk-segmentedcontrol': {
+            '@apply flex flex-row items-center': {},
+            '@apply rounded-groups': {},
+            '@apply bg-tertiary-surface': {},
+            '@apply max-w-fit': {},
+            // sizes
+            '&[data-size="md"]': {
+                '@apply p-6 gap-8': {}
+            },
+            '&[data-size="lg"]': {
+                '@apply p-6 gap-16': {}
+            },
+            '&-item': {
+                '@apply inline-block relative': {},
+                // sizes
+                '&[data-size="md"]': {
+                    '@apply h-34': {},
+                    '> *': {
+                        '@apply text-small leading-[1.8rem]': {}
+                    }
+                },
+                '&[data-size="lg"]': {
+                    '@apply h-40': {}
+                },
+                '> *:first-child': {
+                    '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+                    '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},
+                    '@apply gap-2 px-14 py-8 h-full min-h-full': {},
+                    '@apply inline-flex shrink-0 flex-nowrap border-0': {},
+                    '@apply hover:bg-tertiary-surface': {},
+                    '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},
+                    '&[aria-pressed="true"]:not(:hover):not([aria-disabled="true"])': {
+                        '@apply bg-background-content text-dark-primary focus-visible:ring': {}
+                    },
+                    '&[aria-disabled="true"]': {
+                        '@apply text-dark-disabled cursor-default hover:bg-transparent': {}
+                    },
+                    '&.sk-btn[aria-disabled="true"], &.sk-btn-disabled': {
+                        '@apply bg-transparent border-transparent !important': {}
+                    }
+                }
+            }
+        }
+    });
+
+//# sourceMappingURL=segmented-control.js.map

package/dist/esm/components/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/segmented-control.ts"],"sourcesContent":["export const SegmentedControl = () => ({\r\n  '.sk-segmentedcontrol': {\r\n    '@apply flex flex-row items-center': {},\r\n    '@apply rounded-groups': {},\r\n    '@apply bg-tertiary-surface': {},\r\n    '@apply max-w-fit': {},\r\n\r\n    // sizes\r\n    '&[data-size=\"md\"]': {\r\n      '@apply p-6 gap-8': {},\r\n    },\r\n    '&[data-size=\"lg\"]': {\r\n      '@apply p-6 gap-16': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block relative': {},\r\n\r\n      // sizes\r\n      '&[data-size=\"md\"]': {\r\n        '@apply h-34': {},\r\n        '> *': {\r\n          '@apply text-small leading-[1.8rem]': {},\r\n        },\r\n      },\r\n      '&[data-size=\"lg\"]': {\r\n        '@apply h-40': {},\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply bg-transparent text-dark-primary font-bold cursor-pointer': {},\r\n        '@apply gap-2 px-14 py-8 h-full min-h-full': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap border-0': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply focus-visible:outline-none focus-visible:bg-background-content focus-visible:ring focus-visible:ring-offset-0 focus-visible:shadow-none': {},\r\n\r\n        '&[aria-pressed=\"true\"]:not(:hover):not([aria-disabled=\"true\"])': {\r\n          '@apply bg-background-content text-dark-primary focus-visible:ring': {},\r\n        },\r\n        '&[aria-disabled=\"true\"]': {\r\n          '@apply text-dark-disabled cursor-default hover:bg-transparent': {},\r\n        },\r\n        '&.sk-btn[aria-disabled=\"true\"], &.sk-btn-disabled': {\r\n          '@apply bg-transparent border-transparent !important': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["SegmentedControl"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,IAAO,CAAA;QACrC,wBAAwB;YACtB,qCAAqC,CAAC;YACtC,yBAAyB,CAAC;YAC1B,8BAA8B,CAAC;YAC/B,oBAAoB,CAAC;YAErB,QAAQ;YACR,qBAAqB;gBACnB,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,qBAAqB,CAAC;YACxB;YAEA,UAAU;gBACR,gCAAgC,CAAC;gBAEjC,QAAQ;gBACR,qBAAqB;oBACnB,eAAe,CAAC;oBAChB,OAAO;wBACL,sCAAsC,CAAC;oBACzC;gBACF;gBACA,qBAAqB;oBACnB,eAAe,CAAC;gBAClB;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,oEAAoE,CAAC;oBACrE,6CAA6C,CAAC;oBAC9C,oDAAoD,CAAC;oBACrD,oCAAoC,CAAC;oBACrC,kJAAkJ,CAAC;oBAEnJ,kEAAkE;wBAChE,qEAAqE,CAAC;oBACxE;oBACA,2BAA2B;wBACzB,iEAAiE,CAAC;oBACpE;oBACA,qDAAqD;wBACnD,uDAAuD,CAAC;oBAC1D;gBACF;YACF;QACF;IACF,CAAA,EAAG"}

package/dist/esm/components.js

@@ -1,5 +1,6 @@
 // components
 import { Accordion } from './components/accordion.js';
+import { Alert } from './components/alert.js';
 import { Avatar } from './components/avatar.js';
 import { Badge } from './components/badge.js';
 import { Breadcrumb } from './components/breadcrumb.js';
@@ -51,6 +52,7 @@ import { AIServiceModule } from './components/ai/ai-service-module.js';
 import { AssistantPresentation } from './components/ai/assistant-presentation.js';
 import { AssistantSwitch } from './components/ai/assistant-switch.js';
 import { Bubble } from './components/ai/bubble.js';
+import { ChatInput } from './components/ai/chat-input.js';
 import { Feedback } from './components/ai/feedback.js';
 import { InputSection } from './components/ai/input-section.js';
 import { MarkdownRendered } from './components/ai/markdown-rendered.js';
@@ -67,6 +69,13 @@ export const components = [
             Label
         ]
     },
+    {
+        comp: Alert,
+        deps: [
+            Button,
+            Icon
+        ]
+    },
     {
         comp: Avatar
     },
@@ -378,6 +387,15 @@ export const components = [
             Icon
         ]
     },
+    {
+        comp: ChatInput,
+        deps: [
+            Forms,
+            Icon,
+            Button,
+            Divider
+        ]
+    },
     {
         comp: Feedback,
         deps: [
@@ -390,7 +408,8 @@ export const components = [
         deps: [
             Forms,
             Button,
-            Icon
+            Icon,
+            ChatInput
         ]
     },
     {

package/dist/esm/components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","NavigationBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}
+{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { ChatInput } from './components/ai/chat-input';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n  comp: Component;\r\n  deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n  { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n  { comp: Alert, deps: [Button, Icon] },\r\n  { comp: Avatar },\r\n  { comp: Badge },\r\n  { comp: Breadcrumb, deps: [Link] },\r\n  { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n  { comp: ButtonGroup },\r\n  { comp: Callout },\r\n  { comp: Card, deps: [Button, Link] },\r\n  { comp: Checkbox },\r\n  { comp: Chip, deps: [Icon] },\r\n  { comp: ComboBox },\r\n  { comp: CountryCode, deps: [Forms, ComboBox] },\r\n  { comp: CookieConsent, deps: [Button, Forms] },\r\n  { comp: Dialog, deps: [Modal] },\r\n  { comp: Divider },\r\n  { comp: Dot },\r\n  { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n  { comp: Filter, deps: [Badge, Forms] },\r\n  { comp: Footer, deps: [Divider, Link, Logo] },\r\n  { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n  { comp: Header, deps: [Divider, Link, Logo] },\r\n  { comp: Input },\r\n  { comp: Label },\r\n  { comp: Link, deps: [Icon] },\r\n  { comp: List, deps: [Link] },\r\n  { comp: Logo, deps: [Divider] },\r\n  { comp: NavigationBar, deps: [PopupMenu] },\r\n  { comp: Icon },\r\n  { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n  { comp: Modal, deps: [Button, Icon] },\r\n  { comp: Pagination, deps: [Button, Forms, Icon] },\r\n  { comp: PopupMenu, deps: [Button, Link] },\r\n  { comp: ProgressBar },\r\n  { comp: ProgressStepper, deps: [Divider, Icon] },\r\n  { comp: SearchField, deps: [Button, Forms, Icon] },\r\n  { comp: Select },\r\n  { comp: Snackbar, deps: [Button, Icon] },\r\n  { comp: Spinner },\r\n  { comp: TextEditor },\r\n  { comp: Radio },\r\n  { comp: Switch, deps: [Icon] },\r\n  { comp: Table, deps: [Forms, Icon, Pagination] },\r\n  { comp: Tabs, deps: [Button, NavigationBar] },\r\n  { comp: Tooltip },\r\n  { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n  //AI COMPONENTS\r\n\r\n  { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n  {\r\n    comp: AICornerModule,\r\n    deps: [\r\n      AIFeed,\r\n      AssistantPresentation,\r\n      InputSection,\r\n      Avatar,\r\n      Bubble,\r\n      Link,\r\n      Button,\r\n      Divider,\r\n      Icon,\r\n      Tooltip,\r\n      NavigationBar,\r\n    ],\r\n  },\r\n  { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n  { comp: AssistantPresentation, deps: [Avatar] },\r\n  { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n  { comp: Bubble, deps: [Icon] },\r\n  { comp: ChatInput, deps: [Forms, Icon, Button, Divider] },\r\n  { comp: Feedback, deps: [Button, Icon] },\r\n  { comp: InputSection, deps: [Forms, Button, Icon, ChatInput] },\r\n  { comp: MarkdownRendered, deps: [Link] },\r\n  { comp: NewSessionButton, deps: [Button, Icon] },\r\n  { comp: TypingBubble, deps: [TypingSequence] },\r\n  { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Alert","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","NavigationBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","ChatInput","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}

package/dist/types/components/ai/chat-input.d.ts

@@ -0,0 +1,79 @@
+export declare const ChatInput: () => {
+    '.sk-chat-input': {
+        '&-textarea': {
+            '@apply flex': {};
+            '@apply grow shrink': {};
+            '@apply self-start': {};
+            '&[data-wrap="true"]': {
+                '@apply w-full': {};
+            };
+            '&[data-wrap="false"]': {
+                '@apply w-auto': {};
+            };
+            '&-sm': {
+                '@apply min-h-34+1': {};
+                '@apply max-h-[11rem]': {};
+                '@apply mt-5': {};
+            };
+            '&-md': {
+                '@apply min-h-42': {};
+                '@apply max-h-[13.4rem]': {};
+                '@apply mt-4': {};
+            };
+            '&-lg': {
+                '@apply min-h-56': {};
+                '@apply max-h-[14.2rem]': {};
+                '@apply mt-6': {};
+            };
+        };
+        '&-wrapper': {
+            '@apply flex flex-row flex-wrap': {};
+            '@apply justify-end': {};
+        };
+        '&-submitbutton': {
+            '@apply shrink-0 flex justify-self-end': {};
+            '@apply relative': {};
+            '&-sm': {
+                '@apply py-5 px-7': {};
+            };
+            '&-md': {
+                '@apply py-7 px-9': {};
+            };
+            '&-lg': {
+                '@apply py-11 px-13': {};
+            };
+            '&-inner-wrapper': {
+                '@apply relative inline-flex items-center': {};
+            };
+            '&-tooltip': {
+                '@apply absolute right-full': {};
+            };
+        };
+        '&-toolbar': {
+            '@apply flex': {};
+            '@apply relative': {};
+            '@apply gap-6': {};
+            '@apply bg-transparent': {};
+            '@apply justify-start': {};
+            '@apply w-auto': {};
+            '@apply shrink grow': {};
+            '&-sm': {
+                '@apply py-5 px-7': {};
+            };
+            '&-md': {
+                '@apply py-7 px-9': {};
+            };
+            '&-lg': {
+                '@apply py-11 px-13': {};
+            };
+            '&-button': {
+                '&-wrapper': {
+                    '@apply relative inline-flex justify-center overflow-visible': {};
+                };
+                '&-tooltip': {
+                    '@apply absolute shrink-0 bottom-full w-max': {};
+                };
+            };
+        };
+    };
+};

package/dist/types/components/alert.d.ts

@@ -0,0 +1,71 @@
+export declare const Alert: () => {
+    '.sk-alert': {
+        '@apply flex rounded-button': {};
+        '&-sm': {
+            '@apply rounded-xl gap-8 pl-10 pr-6': {};
+            '.sk-alert-icon': {
+                '@apply mt-6': {};
+            };
+        };
+        '&-md': {
+            '@apply gap-12 pl-16 pr-12 py-12': {};
+            '.sk-alert-icon': {
+                '@apply mt-6': {};
+            };
+        };
+        '&-lg': {
+            '@apply gap-12 pl-16 pr-12 py-12': {};
+            '.sk-alert-icon': {
+                '@apply mt-6': {};
+            };
+        };
+        '&-content': {
+            '@apply flex flex-col w-full grow': {};
+            '&-description': {
+                '@apply text-small': {};
+            };
+            '&-sm': {
+                '@apply py-6': {};
+                '.sk-alert-content-title': {
+                    '@apply text-small m-0': {};
+                };
+            };
+            '&-md': {
+                '@apply py-4': {};
+                '.sk-alert-content-title': {
+                    '@apply text-base': {};
+                };
+            };
+            '&-lg': {
+                '@apply py-4': {};
+                '.sk-alert-content-title': {
+                    '@apply text-large': {};
+                };
+                '.sk-alert-content-description': {
+                    '@apply text-base text-secondary': {};
+                };
+            };
+        };
+        '&-icon': {
+            '@apply flex-none': {};
+        };
+        '&-button': {
+            '@apply flex-none justify-self-end': {};
+        };
+        '&-info': {
+            '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {};
+        };
+        '&-neutral': {
+            '@apply border-1 border-divider bg-background-100': {};
+        };
+        '&-success': {
+            '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {};
+        };
+        '&-warning': {
+            '@apply border-1 border-warning-surface-primary bg-warning-background-100': {};
+        };
+        '&-error': {
+            '@apply border-1 border-error-surface-primary bg-error-background-100': {};
+        };
+    };
+};