npm - @sk-web-gui/core - Versions diffs - 3.14.0 → 3.15.0 - Mend

@sk-web-gui/core 3.14.0 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/dist/cjs/aria-plugin.js +1 -2
package/dist/cjs/aria-plugin.js.map +1 -1
package/dist/cjs/components/accordion.js +16 -14
package/dist/cjs/components/accordion.js.map +1 -1
package/dist/cjs/components/input.js +103 -4
package/dist/cjs/components/input.js.map +1 -1
package/dist/cjs/components/logo.js +1 -1
package/dist/cjs/components/logo.js.map +1 -1
package/dist/cjs/data-plugin.js +1 -2
package/dist/cjs/data-plugin.js.map +1 -1
package/dist/cjs/index.js +6 -6
package/dist/cjs/index.js.map +1 -1
package/dist/cjs/plugin.js +4 -5
package/dist/cjs/plugin.js.map +1 -1
package/dist/cjs/with-opacity.js +1 -2
package/dist/cjs/with-opacity.js.map +1 -1
package/dist/esm/aria-plugin.js +1 -2
package/dist/esm/aria-plugin.js.map +1 -1
package/dist/esm/components/accordion.js +16 -14
package/dist/esm/components/accordion.js.map +1 -1
package/dist/esm/components/input.js +103 -4
package/dist/esm/components/input.js.map +1 -1
package/dist/esm/components/logo.js +1 -1
package/dist/esm/components/logo.js.map +1 -1
package/dist/esm/data-plugin.js +1 -2
package/dist/esm/data-plugin.js.map +1 -1
package/dist/esm/plugin.js +1 -2
package/dist/esm/plugin.js.map +1 -1
package/dist/esm/with-opacity.js +1 -2
package/dist/esm/with-opacity.js.map +1 -1
package/dist/types/components/accordion.d.ts +15 -13
package/dist/types/components/input.d.ts +112 -0
package/dist/types/components/logo.d.ts +1 -1
package/package.json +5 -5

package/dist/esm/components/accordion.js CHANGED Viewed

@@ -59,7 +59,7 @@ export const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-20 h-20': {}
+                        '@apply w-20 min-h-20': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -68,7 +68,7 @@ export const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-4': {},
-                        '@apply h-40': {}
+                        '@apply min-h-40': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-32 h-32': {}
@@ -86,7 +86,7 @@ export const Accordion = ()=>({
                 '.sk-disclosure-toggle': {
                     '@apply gap-12': {},
                     '.sk-icon': {
-                        '@apply w-24 h-24': {}
+                        '@apply w-24 min-h-24': {}
                     }
                 },
                 '.sk-disclosure-support': {
@@ -95,7 +95,7 @@ export const Accordion = ()=>({
                 '&[data-variant="default"]': {
                     '.sk-disclosure-toggle': {
                         '@apply py-8': {},
-                        '@apply h-56': {}
+                        '@apply min-h-56': {}
                     },
                     '.sk-disclosure-header-icon': {
                         '@apply w-40 h-40': {}
@@ -116,21 +116,28 @@ export const Accordion = ()=>({
                 }
             },
             '&-body': {
+                '&[data-size="sm"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="md"]': {
+                    '@apply pr-12': {}
+                },
+                '&[data-size="lg"]': {
+                    '@apply pr-16': {}
+                },
                 '@apply text-base': {},
                 '@apply flex flex-col': {},
                 '@apply mb-32': {},
                 '@apply mr-32': {},
                 '@apply gap-8': {},
                 '@apply py-0': {},
-                '@apply h-0 overflow-hidden': {},
-                transitionProperty: 'visibility, height, padding, margin',
-                transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                transitionProperty: 'visibility, height, opacity, padding, margin',
                 transitionDuration: '180ms',
                 '&[aria-hidden="true"], &[data-hidden="true"]': {
-                    '@apply my-0 invisible h-0': {}
+                    '@apply my-0 invisible max-h-0 opacity-0': {}
                 },
                 '&[aria-hidden="false"], &[data-hidden="false"]': {
-                    '@apply block h-max visible': {}
+                    '@apply block max-h-screen opacity-100 visible': {}
                 },
                 '&[data-variant="alt"]': {
                     '@apply mt-24': {},
@@ -155,11 +162,6 @@ export const Accordion = ()=>({
                         }
                     }
                 }
-            },
-            '&-is-open': {
-                '.sk-disclosure-body': {
-                    '@apply overflow-visible animate-reset-overflow': {}
-                }
             }
         },
         '.sk-accordion': {

package/dist/esm/components/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n '.sk-disclosure': {\r\n '&-icon': {\r\n '@apply flex self-center': {},\r\n },\r\n '&-header': {\r\n '@apply mt-6 mb-8': {},\r\n '@apply flex flex-col text-left': {},\r\n '@apply cursor-pointer': {},\r\n '': {\r\n '@apply cursor-pointer': {},\r\n },\r\n '&:focus-visible': {\r\n '@apply outline-0': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto': {},\r\n '@apply text-dark-secondary': {},\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n '@apply cursor-default': {},\r\n '': {\r\n '@apply cursor-default': {},\r\n },\r\n },\r\n },\r\n '&-label': {\r\n '@apply shrink-0': {},\r\n },\r\n '&-toggle': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply gap-16': {},\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-title': {\r\n '@apply text-dark-primary': {},\r\n '&-wrapper': {\r\n '@apply w-full': {},\r\n '@apply flex flex-row': {},\r\n '@apply items-center': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-sm font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-small': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-4': {},\r\n '@apply h-40': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&[data-variant=\"alt\"]': {},\r\n },\r\n '&-md': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-24 h-24': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-body': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-8': {},\r\n '@apply h-56': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-40 h-40': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '&[data-variant=\"alt\"]': {\r\n '.sk-disclosure-support': {\r\n '@apply text-large': {},\r\n },\r\n '.sk-disclosure-title': {\r\n '@apply text-h3-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-16': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply ~~text~~-~~base~~': {},\r\n '@apply ~~flex~~ ~~flex~~-~~col~~': {},\r\n '@apply mb-32': {},\r\n '@apply mr-32': {},\r\n '@apply ~~gap~~-8': {},\r\n '@apply py-0': {},\r\n '@apply h-0 ~~overflow-hidden~~': {},\r\n transitionProperty: 'visibility, height, padding, margin',\r\n ~~transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\~~r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible h-0': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-~~max~~ visible': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply mt-24': {},\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '&[data-has-icon=\"true\"]': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply ml-32': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply ml-36': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply ml-48': {},\r\n },\r\n },\r\n },\r\n },\r\n~~\r\n '&-is-open': {\r\n '.sk-disclosure-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n },\r\n~~ },\r\n '.sk-accordion': {\r\n '&-item': {\r\n '.sk-disclosure': {\r\n transitionProperty: 'margin',\r\n transitionDuration: '180ms',\r\n '@apply border-b-1 border-divider': {},\r\n },\r\n\r\n '&:last-child .sk-disclosure': {\r\n '@apply border-b-transparent': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '&.sk-disclosure': {\r\n '&-icon': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-inverted-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-inverted-dark-disabled': {},\r\n },\r\n },\r\n\r\n '&-title': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n },\r\n '&.sk-accordion': {\r\n '&-item': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","~~transitionTimingFunction","~~transitionDuration"],"mappings":"AAAA,OAAO,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,UAAU;gBACR,2BAA2B,CAAC;YAC9B;YACA,YAAY;gBACV,oBAAoB,CAAC;gBACrB,kCAAkC,CAAC;gBACnC,yBAAyB,CAAC;gBAC1B,KAAK;oBACH,yBAAyB,CAAC;gBAC5B;gBACA,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;gBAEA,UAAU;oBACR,kBAAkB,CAAC;oBACnB,8BAA8B,CAAC;oBAC/BC,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;gBACA,2BAA2B;oBACzB,6BAA6B,CAAC;oBAC9B,wBAAwB;wBACtB,6BAA6B,CAAC;oBAChC;oBACA,yBAAyB,CAAC;oBAC1B,KAAK;wBACH,yBAAyB,CAAC;oBAC5B;gBACF;YACF;YACA,WAAW;gBACT,mBAAmB,CAAC;YACtB;YACA,YAAY;gBACV,4CAA4C,CAAC;gBAC7C,iBAAiB,CAAC;gBAClB,YAAY;oBACV,oBAAoB,CAAC;gBACvB;YACF;YACA,WAAW;gBACT,4BAA4B,CAAC;gBAC7B,aAAa;oBACX,iBAAiB,CAAC;oBAClB,wBAAwB,CAAC;oBACzB,uBAAuB,CAAC;gBAC1B;YACF;YAEA,QAAQ;gBACN,wBAAwB;oBACtB,+BAA+B,CAAC;oBAChC,aAAa;wBACX,iBAAiB,CAAC;oBACpB;gBACF;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;oBAClB,YAAY;wBACV,~~oBAAoB~~,CAAC;~~oBACvB~~;gBACF;gBACA,0BAA0B;oBACxB,qBAAqB,CAAC;gBACxB;gBACA,6BAA6B;oBAC3B,yBAAyB;wBACvB,eAAe,CAAC;wBAChB,~~eAAe~~,CAAC;~~oBAClB~~;oBACA,8BAA8B;wBAC5B,oBAAoB,CAAC;oBACvB;gBACF;gBACA,yBAAyB,CAAC;YAC5B;YACA,QAAQ;gBACN,wBAAwB;oBACtB,+BAA+B,CAAC;oBAChC,aAAa;wBACX,iBAAiB,CAAC;oBACpB;gBACF;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;oBAClB,YAAY;wBACV,~~oBAAoB~~,CAAC;~~oBACvB~~;gBACF;gBACA,0BAA0B;oBACxB,oBAAoB,CAAC;gBACvB;gBACA,6BAA6B;oBAC3B,yBAAyB;wBACvB,eAAe,CAAC;wBAChB,~~eAAe~~,CAAC;~~oBAClB~~;oBACA,8BAA8B;wBAC5B,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,QAAQ;gBACN,yBAAyB;oBACvB,0BAA0B;wBACxB,qBAAqB,CAAC;oBACxB;oBACA,wBAAwB;wBACtB,+BAA+B,CAAC;wBAChC,aAAa;4BACX,iBAAiB,CAAC;wBACpB;oBACF;gBACF;YACF;YAEA,UAAU;gBACR,oBAAoB,CAAC;gBACrB,wBAAwB,CAAC;gBACzB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,gBAAgB,CAAC;gBACjB,eAAe,CAAC;~~gBAChB~~,~~8BAA8B,CAAC;gBAC/BC,~~oBAAoB;~~gBACpBC~~,~~0BAA0B;gBAC1BC,~~oBAAoB;gBAEpB,gDAAgD;oBAC9C,~~6BAA6B~~,CAAC;~~gBAChC~~;gBAEA,kDAAkD;oBAChD,~~8BAA8B~~,CAAC;~~gBACjC~~;gBAEA,yBAAyB;oBACvB,gBAAgB,CAAC;oBACjB,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,qBAAqB;wBACnB,gBAAgB,CAAC;oBACnB;oBACA,2BAA2B;wBACzB,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;wBACA,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;wBACA,qBAAqB;4BACnB,gBAAgB,CAAC;wBACnB;oBACF;gBACF;YACF;~~YAEA,aAAa;gBACX,uBAAuB;oBACrB,kDAAkD,CAAC;gBACrD;YACF;~~QACF;QACA,iBAAiB;YACf,UAAU;gBACR,kBAAkB;~~oBAChBF~~,oBAAoB;~~oBACpBE~~,oBAAoB;oBACpB,oCAAoC,CAAC;gBACvC;gBAEA,+BAA+B;oBAC7B,+BAA+B,CAAC;gBAClC;YACF;QACF;QAEA,2BAA2B;YACzB,mBAAmB;gBACjB,UAAU;oBACR,uCAAuC,CAAC;gBAC1C;gBAEA,2BAA2B;oBACzB,sCAAsC,CAAC;oBACvC,wBAAwB;wBACtB,sCAAsC,CAAC;oBACzC;gBACF;gBAEA,WAAW;oBACT,qCAAqC,CAAC;gBACxC;YACF;YACA,kBAAkB;gBAChB,UAAU;oBACR,kCAAkC,CAAC;gBACrC;YACF;QACF;IACF,CAAA,EAAG"}
1	+ {"version":3,"sources":["../../../src/components/accordion.ts"],"sourcesContent":["export const Accordion = () => ({\r\n '.sk-disclosure': {\r\n '&-icon': {\r\n '@apply flex self-center': {},\r\n },\r\n '&-header': {\r\n '@apply mt-6 mb-8': {},\r\n '@apply flex flex-col text-left': {},\r\n '@apply cursor-pointer': {},\r\n '': {\r\n '@apply cursor-pointer': {},\r\n },\r\n '&:focus-visible': {\r\n '@apply outline-0': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto': {},\r\n '@apply text-dark-secondary': {},\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-dark-disabled': {},\r\n },\r\n '@apply cursor-default': {},\r\n '': {\r\n '@apply cursor-default': {},\r\n },\r\n },\r\n },\r\n '&-label': {\r\n '@apply shrink-0': {},\r\n },\r\n '&-toggle': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply gap-16': {},\r\n '.sk-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&-title': {\r\n '@apply text-dark-primary': {},\r\n '&-wrapper': {\r\n '@apply w-full': {},\r\n '@apply flex flex-row': {},\r\n '@apply items-center': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-sm font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-20 min-h-20': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-small': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-4': {},\r\n '@apply min-h-40': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-32 h-32': {},\r\n },\r\n },\r\n '&[data-variant=\"alt\"]': {},\r\n },\r\n '&-md': {\r\n '.sk-disclosure-title': {\r\n '@apply text-h4-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-12': {},\r\n },\r\n },\r\n '.sk-disclosure-toggle': {\r\n '@apply gap-12': {},\r\n '.sk-icon': {\r\n '@apply w-24 min-h-24': {},\r\n },\r\n },\r\n '.sk-disclosure-support': {\r\n '@apply text-body': {},\r\n },\r\n '&[data-variant=\"default\"]': {\r\n '.sk-disclosure-toggle': {\r\n '@apply py-8': {},\r\n '@apply min-h-56': {},\r\n },\r\n '.sk-disclosure-header-icon': {\r\n '@apply w-40 h-40': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '&[data-variant=\"alt\"]': {\r\n '.sk-disclosure-support': {\r\n '@apply text-large': {},\r\n },\r\n '.sk-disclosure-title': {\r\n '@apply text-h3-md font-bold': {},\r\n '&-wrapper': {\r\n '@apply gap-16': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-body': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '@apply text-base': {},\r\n '@apply flex flex-col': {},\r\n '@apply mb-32': {},\r\n '@apply mr-32': {},\r\n '@apply gap-8': {},\r\n '@apply py-0': {},\r\n transitionProperty: 'visibility, height, opacity, padding, margin',\r\n\r\n transitionDuration: '180ms',\r\n\r\n '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\r\n '@apply my-0 invisible max-h-0 opacity-0': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block max-h-screen opacity-100 visible': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply mt-24': {},\r\n '&[data-size=\"sm\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply pr-12': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply pr-16': {},\r\n },\r\n '&[data-has-icon=\"true\"]': {\r\n '&[data-size=\"sm\"]': {\r\n '@apply ml-32': {},\r\n },\r\n '&[data-size=\"md\"]': {\r\n '@apply ml-36': {},\r\n },\r\n '&[data-size=\"lg\"]': {\r\n '@apply ml-48': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n '.sk-accordion': {\r\n '&-item': {\r\n '.sk-disclosure': {\r\n transitionProperty: 'margin',\r\n transitionDuration: '180ms',\r\n '@apply border-b-1 border-divider': {},\r\n },\r\n\r\n '&:last-child .sk-disclosure': {\r\n '@apply border-b-transparent': {},\r\n },\r\n },\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '&.sk-disclosure': {\r\n '&-icon': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n\r\n '&[data-disabled=\"true\"]': {\r\n '@apply text-inverted-dark-disabled': {},\r\n '.sk-disclosure-title': {\r\n '@apply text-inverted-dark-disabled': {},\r\n },\r\n },\r\n\r\n '&-title': {\r\n '@apply text-inverted-dark-primary': {},\r\n },\r\n },\r\n '&.sk-accordion': {\r\n '&-item': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["Accordion","svg","transitionProperty","transitionDuration"],"mappings":"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"}

package/dist/esm/components/input.js CHANGED Viewed

@@ -82,9 +82,94 @@ function addin() {
         }
     };
 }
+function addon() {
+    return {
+        '&-addon': {
+            '@apply flex relative': {},
+            '@apply items-center': {},
+            '@apply focus-within:ring': {},
+            '@apply focus-within:ring-ring': {},
+            '@apply text-dark-secondary': {},
+            //Focus
+            '@apply focus-within:border-input-field-surface': {},
+            '&:not(:invalid):not([aria-invalid="true"])': {
+                '@apply focus-within:border-input-field-surface': {}
+            },
+            '&&-lg': {
+                '@apply text-input-large': {},
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
+            },
+            '&&-md': {
+                '@apply text-input-medium': {},
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
+            },
+            '&&-sm': {
+                '@apply text-input-small': {},
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&&-left': {
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
+            },
+            '&&-right': {
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            ...inputStandards(),
+            '.sk-form-input': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus:ring-0': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '.sk-form-select': {
+                '@apply rounded-0': {},
+                '@apply border-0 hover:border-0': {},
+                '@apply focus:ring-0 focus:z-10': {},
+                '@apply focus:ring-offset-0': {},
+                '@apply bg-transparent hover:bg-transparent': {},
+                '@apply dark:bg-transparent hover:dark:bg-transparent': {},
+                '@apply grow': {}
+            },
+            '&&-left .sk-form-select': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-select': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            },
+            '.sk-form-combobox': {
+                '@apply rounded-0': {},
+                '@apply border-0': {},
+                '@apply focus-within:ring-0': {},
+                '@apply focus-within:ring-offset-0': {},
+                '@apply bg-transparent': {},
+                '@apply dark:bg-transparent': {}
+            },
+            '&&-left .sk-form-combobox': {
+                '@apply border-r-1 border-r-divider': {},
+                '@apply focus:border-r-transparent': {}
+            },
+            '&&-right .sk-form-combobox': {
+                '@apply border-l-1 border-l-divider': {},
+                '@apply focus:border-l-transparent': {}
+            }
+        }
+    };
+}
 function inputGroup() {
     return {
         '&-group': {
+            '&-wrapper': {
+                '@apply flex gap-0': {}
+            },
             '@apply flex relative': {},
             '@apply items-center': {},
             '@apply focus-within:ring': {},
@@ -97,15 +182,28 @@ function inputGroup() {
             },
             '&&-lg': {
                 '@apply text-input-large': {},
-                '@apply rounded-button-lg': {}
+                '@apply rounded-button-lg': {},
+                '@apply h-48': {}
             },
             '&&-md': {
                 '@apply text-input-medium': {},
-                '@apply rounded-button-md': {}
+                '@apply rounded-button-md': {},
+                '@apply h-40': {}
             },
             '&&-sm': {
                 '@apply text-input-small': {},
-                '@apply rounded-button-sm': {}
+                '@apply rounded-button-sm': {},
+                '@apply h-32': {}
+            },
+            '&[data-hasleftaddon="true"]': {
+                '@apply pl-0': {},
+                '@apply rounded-l-0': {},
+                '@apply border-l-0': {}
+            },
+            '&[data-hasrightaddon="true"]': {
+                '@apply pr-0': {},
+                '@apply rounded-r-0': {},
+                '@apply border-r-0': {}
             },
             ...inputStandards(),
             '.sk-form-input': {
@@ -236,7 +334,8 @@ export const Input = ()=>({
             ...timeAndDatePicker(),
             ...inputStandards(),
             ...inputGroup(),
-            ...addin()
+            ...addin(),
+            ...addon()
         }
     });

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

	@@ -1 +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 inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex 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 },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\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\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 },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}
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 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 '&-wrapper': {\r\n '@apply flex gap-0': {},\r\n },\r\n '@apply flex 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 '&[data-hasleftaddon=\"true\"]': {\r\n '@apply pl-0': {},\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '@apply pr-0': {},\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-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 },\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":"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"}

package/dist/esm/components/logo.js CHANGED Viewed

@@ -18,7 +18,7 @@ export const Logo = ()=>({
                 '@apply h-60': {},
                 '@apply pb-4': {},
                 '.sk-logo-figure': {
-                    '@apply w-auto h-56': {}
+                    '@apply w-34 h-56': {}
                 }
             },
             'a:focus-within &': {

package/dist/esm/components/logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n '.sk-logo': {\r\n '@apply flex w-auto h-auto': {},\r\n '@apply items-center': {},\r\n '@apply text-dark-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-light-primary': {},\r\n '.sk-logo-divider': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n\r\n '&-figure': {\r\n '@apply w-full h-full': {},\r\n },\r\n '&[data-variant=\"service\"]': {\r\n '@apply flex-row gap-6': {},\r\n '@apply w-max': {},\r\n '@apply h-60': {},\r\n '@apply pb-4': {},\r\n '.sk-logo-figure': {\r\n '@apply w-~~auto~~ h-56': {},\r\n },\r\n },\r\n 'a:focus-within &': {\r\n '@apply outline outline-2 outline-ring': {},\r\n },\r\n 'a &': {\r\n '@apply no-underline': {},\r\n },\r\n 'a:hover &': {\r\n '@apply underline': {},\r\n },\r\n '&-service-content': {\r\n '@apply h-full w-max': {},\r\n '@apply flex flex-col justify-center': {},\r\n '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n },\r\n '&-title': {\r\n '@apply font-header text-logo-header': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small font-normal block': {},\r\n },\r\n '&-divider': {\r\n '@apply pt-8 pb-4': {},\r\n },\r\n },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,~~sBAAsB~~,CAAC;~~gBACzB~~;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA,EAAG"}
1	+ {"version":3,"sources":["../../../src/components/logo.ts"],"sourcesContent":["export const Logo = () => ({\r\n '.sk-logo': {\r\n '@apply flex w-auto h-auto': {},\r\n '@apply items-center': {},\r\n '@apply text-dark-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-light-primary': {},\r\n '.sk-logo-divider': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n },\r\n\r\n '&-figure': {\r\n '@apply w-full h-full': {},\r\n },\r\n '&[data-variant=\"service\"]': {\r\n '@apply flex-row gap-6': {},\r\n '@apply w-max': {},\r\n '@apply h-60': {},\r\n '@apply pb-4': {},\r\n '.sk-logo-figure': {\r\n '@apply w-34 h-56': {},\r\n },\r\n },\r\n 'a:focus-within &': {\r\n '@apply outline outline-2 outline-ring': {},\r\n },\r\n 'a &': {\r\n '@apply no-underline': {},\r\n },\r\n 'a:hover &': {\r\n '@apply underline': {},\r\n },\r\n '&-service-content': {\r\n '@apply h-full w-max': {},\r\n '@apply flex flex-col justify-center': {},\r\n '@apply pl-2 pt-2 pr-8 pb-0': {},\r\n },\r\n '&-title': {\r\n '@apply font-header text-logo-header': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small font-normal block': {},\r\n },\r\n '&-divider': {\r\n '@apply pt-8 pb-4': {},\r\n },\r\n },\r\n});\r\n"],"names":["Logo"],"mappings":"AAAA,OAAO,MAAMA,OAAO,IAAO,CAAA;QACzB,YAAY;YACV,6BAA6B,CAAC;YAC9B,uBAAuB,CAAC;YACxB,4BAA4B,CAAC;YAC7B,2BAA2B;gBACzB,6BAA6B,CAAC;gBAC9B,oBAAoB;oBAClB,kCAAkC,CAAC;gBACrC;YACF;YAEA,YAAY;gBACV,wBAAwB,CAAC;YAC3B;YACA,6BAA6B;gBAC3B,yBAAyB,CAAC;gBAC1B,gBAAgB,CAAC;gBACjB,eAAe,CAAC;gBAChB,eAAe,CAAC;gBAChB,mBAAmB;oBACjB,oBAAoB,CAAC;gBACvB;YACF;YACA,oBAAoB;gBAClB,yCAAyC,CAAC;YAC5C;YACA,OAAO;gBACL,uBAAuB,CAAC;YAC1B;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;YACA,qBAAqB;gBACnB,uBAAuB,CAAC;gBACxB,uCAAuC,CAAC;gBACxC,8BAA8B,CAAC;YACjC;YACA,WAAW;gBACT,uCAAuC,CAAC;YAC1C;YACA,cAAc;gBACZ,uCAAuC,CAAC;YAC1C;YACA,aAAa;gBACX,oBAAoB,CAAC;YACvB;QACF;IACF,CAAA,EAAG"}

package/dist/esm/data-plugin.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import TailwindPlugin from 'tailwindcss/plugin';
-export const DataAttributes = TailwindPlugin(function(param) {
-    let { addVariant } = param;
+export const DataAttributes = TailwindPlugin(function({ addVariant }) {
     const attributes = {
         open: [
             'true',

package/dist/esm/data-plugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n open: ['true', 'false'],\r\n rounded: ['true', 'false'],\r\n inverted: ['true', 'false'],\r\n size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n accent: ['true', 'false'],\r\n background: ['true', 'false'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `data-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `data-${key}`;\r\n } else if (element == 'false') {\r\n selector = `data-!${key}`;\r\n }\r\n addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n });\r\n });\r\n});\r\n"],"names":["TailwindPlugin","DataAttributes","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,~~KAAc;QAAd,~~EAAEE,UAAU,EAAE~~,GAAd~~;~~IACrD~~,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF,GAAG"}
1	+ {"version":3,"sources":["../../src/data-plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\n\r\nexport const DataAttributes = TailwindPlugin(function ({ addVariant }) {\r\n const attributes: Record<string, Array<string>> = {\r\n open: ['true', 'false'],\r\n rounded: ['true', 'false'],\r\n inverted: ['true', 'false'],\r\n size: ['xs', 'sm', 'md', 'lg', 'xl'],\r\n variant: ['primary', 'secondary', 'tertiary', 'default', 'alt'],\r\n accent: ['true', 'false'],\r\n background: ['true', 'false'],\r\n };\r\n\r\n Object.keys(attributes).forEach((key) => {\r\n attributes[key].forEach((element) => {\r\n let selector = `data-${key}-${element}`;\r\n if (element == 'true') {\r\n selector = `data-${key}`;\r\n } else if (element == 'false') {\r\n selector = `data-!${key}`;\r\n }\r\n addVariant(selector, `&[data-${key}=\"${element}\"]`);\r\n });\r\n });\r\n});\r\n"],"names":["TailwindPlugin","DataAttributes","addVariant","attributes","open","rounded","inverted","size","variant","accent","background","Object","keys","forEach","key","element","selector"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAEhD,OAAO,MAAMC,iBAAiBD,eAAe,SAAU,EAAEE,UAAU,EAAE;IACnE,MAAMC,aAA4C;QAChDC,MAAM;YAAC;YAAQ;SAAQ;QACvBC,SAAS;YAAC;YAAQ;SAAQ;QAC1BC,UAAU;YAAC;YAAQ;SAAQ;QAC3BC,MAAM;YAAC;YAAM;YAAM;YAAM;YAAM;SAAK;QACpCC,SAAS;YAAC;YAAW;YAAa;YAAY;YAAW;SAAM;QAC/DC,QAAQ;YAAC;YAAQ;SAAQ;QACzBC,YAAY;YAAC;YAAQ;SAAQ;IAC/B;IAEAC,OAAOC,IAAI,CAACT,YAAYU,OAAO,CAAC,CAACC;QAC/BX,UAAU,CAACW,IAAI,CAACD,OAAO,CAAC,CAACE;YACvB,IAAIC,WAAW,CAAC,KAAK,EAAEF,IAAI,CAAC,EAAEC,SAAS;YACvC,IAAIA,WAAW,QAAQ;gBACrBC,WAAW,CAAC,KAAK,EAAEF,KAAK;YAC1B,OAAO,IAAIC,WAAW,SAAS;gBAC7BC,WAAW,CAAC,MAAM,EAAEF,KAAK;YAC3B;YACAZ,WAAWc,UAAU,CAAC,OAAO,EAAEF,IAAI,EAAE,EAAEC,QAAQ,EAAE,CAAC;QACpD;IACF;AACF,GAAG"}

package/dist/esm/plugin.js CHANGED Viewed

@@ -56,8 +56,7 @@ const plugin = TailwindPlugin.withOptions(function(_options) {
             compWithDeps.comp
         ];
     }, []).filter((val, index, arr)=>arr.indexOf(val) === index);
-    return function(param) {
-        let { addComponents, addBase, theme } = param;
+    return function({ addComponents, addBase, theme }) {
         const optionColors = [
             ...defaultColors,
             ...options.colors || []

package/dist/esm/plugin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n colors?: string[];\r\n cssBase?: boolean;\r\n components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n if (!compWithDeps) return [];\r\n\r\n let comps: Component[] = [compWithDeps.comp];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n }\r\n }\r\n\r\n return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (_options) {\r\n const options = { ...pluginDefaults, ..._options };\r\n\r\n const pickedComponents = components\r\n .reduce((comps: Component[], compWithDeps) => {\r\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n return comps;\r\n }\r\n\r\n let deps: Component[] = [];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n }\r\n }\r\n\r\n return [...comps, ...deps, compWithDeps.comp];\r\n }, [])\r\n .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["TailwindPlugin","base","theme","components","pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","find","comp","name","comps","deps","index","length","plugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","optionColors","map","component"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAChD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAoBC,UAAU,QAAQ,eAAe;AASrD,OAAO,MAAMC,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC,EAAE;AAE5D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeP,WAAWQ,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKJ;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAII,QAAqB;QAACJ,aAAaE,IAAI;KAAC;IAC5C,IAAIF,cAAcK,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQN,cAAcK,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIN,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASlB,eAAemB,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGjB,cAAc;QAAE,GAAGgB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBnB,WACtBoB,MAAM,CAAC,CAACT,OAAoBJ;QAC3B,IAAIW,SAASlB,cAAc,CAACkB,QAAQlB,UAAU,CAACqB,QAAQ,CAACd,aAAaE,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIL,cAAcK,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQN,aAAaK,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIP,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAML,aAAaE,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJa,MAAM,CAAC,CAACC,KAAKV,OAAOW,MAAQA,IAAIC,OAAO,CAACF,SAASV;IAEpD,OAAO,SAAU,~~KAA4C;YAA5C,~~EAAEa,aAAa,EAAEC,OAAO,EAAE5B,KAAK,EAAa~~,GAA5C~~;~~QACf~~,MAAM6B,eAAe;eAAIxB;eAAmBc,QAAQf,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIe,QAAQhB,OAAO,EAAE;YACnByB,QAAQ7B;QACV;QAEA4B,cAAcP,iBAAiBU,GAAG,CAAC,CAACC,YAAcA,UAAUF,cAAc7B;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA;IACT;AACF;AAGF,eAAegB,OAAO"}
1	+ {"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n colors?: string[];\r\n cssBase?: boolean;\r\n components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n if (!compWithDeps) return [];\r\n\r\n let comps: Component[] = [compWithDeps.comp];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n }\r\n }\r\n\r\n return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (_options) {\r\n const options = { ...pluginDefaults, ..._options };\r\n\r\n const pickedComponents = components\r\n .reduce((comps: Component[], compWithDeps) => {\r\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n return comps;\r\n }\r\n\r\n let deps: Component[] = [];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n }\r\n }\r\n\r\n return [...comps, ...deps, compWithDeps.comp];\r\n }, [])\r\n .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(pickedComponents.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"names":["TailwindPlugin","base","theme","components","pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","find","comp","name","comps","deps","index","length","plugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","optionColors","map","component"],"mappings":"AAAA,OAAOA,oBAAoB,qBAAqB;AAChD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAoBC,UAAU,QAAQ,eAAe;AASrD,OAAO,MAAMC,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC,EAAE;AAE5D,MAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,MAAMC,+BAA+B,CAACC;IACpC,MAAMC,eAAeP,WAAWQ,IAAI,CAAC,CAACC,OAASA,KAAKA,IAAI,CAACC,IAAI,KAAKJ;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAII,QAAqB;QAACJ,aAAaE,IAAI;KAAC;IAC5C,IAAIF,cAAcK,MAAM;QACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQN,cAAcK,KAAKE,QAAQD,QAAS;YAC9DF,QAAQ;mBAAIN,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI;mBAAMC;aAAM;QACpF;IACF;IAEA,OAAOA;AACT;AAEA,MAAMI,SAASlB,eAAemB,WAAW,CACvC,SAAUC,QAAQ;IAChB,MAAMC,UAAU;QAAE,GAAGjB,cAAc;QAAE,GAAGgB,QAAQ;IAAC;IAEjD,MAAME,mBAAmBnB,WACtBoB,MAAM,CAAC,CAACT,OAAoBJ;QAC3B,IAAIW,SAASlB,cAAc,CAACkB,QAAQlB,UAAU,CAACqB,QAAQ,CAACd,aAAaE,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIL,cAAcK,MAAM;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQN,aAAaK,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO;uBAAIP,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI;uBAAME;iBAAK;YAClF;QACF;QAEA,OAAO;eAAID;eAAUC;YAAML,aAAaE,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJa,MAAM,CAAC,CAACC,KAAKV,OAAOW,MAAQA,IAAIC,OAAO,CAACF,SAASV;IAEpD,OAAO,SAAU,EAAEa,aAAa,EAAEC,OAAO,EAAE5B,KAAK,EAAa;QAC3D,MAAM6B,eAAe;eAAIxB;eAAmBc,QAAQf,MAAM,IAAI,EAAE;SAAE;QAElE,IAAIe,QAAQhB,OAAO,EAAE;YACnByB,QAAQ7B;QACV;QAEA4B,cAAcP,iBAAiBU,GAAG,CAAC,CAACC,YAAcA,UAAUF,cAAc7B;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA;IACT;AACF;AAGF,eAAegB,OAAO"}

package/dist/esm/with-opacity.js CHANGED Viewed

@@ -1,6 +1,5 @@
 const withOpacity = function withOpacity(variableName) {
-    return (param)=>{
-        let { opacityValue } = param;
+    return ({ opacityValue })=>{
         if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;
         return `rgb(var(${variableName}))`;
     };

package/dist/esm/with-opacity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n return ({ opacityValue }: { opacityValue: string }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO~~;YAAC~~,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;AACA,eAAeD,YAAY"}
1	+ {"version":3,"sources":["../../src/with-opacity.ts"],"sourcesContent":["const withOpacity = function withOpacity(variableName: string) {\r\n return ({ opacityValue }: { opacityValue: string }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\nexport default withOpacity;\r\n"],"names":["withOpacity","variableName","opacityValue"],"mappings":"AAAA,MAAMA,cAAc,SAASA,YAAYC,YAAoB;IAC3D,OAAO,CAAC,EAAEC,YAAY,EAA4B;QAChD,IAAIA,cAAc,OAAO,CAAC,SAAS,EAAED,aAAa,GAAG,EAAEC,aAAa,CAAC,CAAC;QACtE,OAAO,CAAC,QAAQ,EAAED,aAAa,EAAE,CAAC;IACpC;AACF;AACA,eAAeD,YAAY"}

package/dist/types/components/accordion.d.ts CHANGED Viewed

@@ -59,7 +59,7 @@ export declare const Accordion: () => {
             '.sk-disclosure-toggle': {
                 '@apply gap-12': {};
                 '.sk-icon': {
-                    '@apply w-20 h-20': {};
+                    '@apply w-20 min-h-20': {};
                 };
             };
             '.sk-disclosure-support': {
@@ -68,7 +68,7 @@ export declare const Accordion: () => {
             '&[data-variant="default"]': {
                 '.sk-disclosure-toggle': {
                     '@apply py-4': {};
-                    '@apply h-40': {};
+                    '@apply min-h-40': {};
                 };
                 '.sk-disclosure-header-icon': {
                     '@apply w-32 h-32': {};
@@ -86,7 +86,7 @@ export declare const Accordion: () => {
             '.sk-disclosure-toggle': {
                 '@apply gap-12': {};
                 '.sk-icon': {
-                    '@apply w-24 h-24': {};
+                    '@apply w-24 min-h-24': {};
                 };
             };
             '.sk-disclosure-support': {
@@ -95,7 +95,7 @@ export declare const Accordion: () => {
             '&[data-variant="default"]': {
                 '.sk-disclosure-toggle': {
                     '@apply py-8': {};
-                    '@apply h-56': {};
+                    '@apply min-h-56': {};
                 };
                 '.sk-disclosure-header-icon': {
                     '@apply w-40 h-40': {};
@@ -116,21 +116,28 @@ export declare const Accordion: () => {
             };
         };
         '&-body': {
+            '&[data-size="sm"]': {
+                '@apply pr-12': {};
+            };
+            '&[data-size="md"]': {
+                '@apply pr-12': {};
+            };
+            '&[data-size="lg"]': {
+                '@apply pr-16': {};
+            };
             '@apply text-base': {};
             '@apply flex flex-col': {};
             '@apply mb-32': {};
             '@apply mr-32': {};
             '@apply gap-8': {};
             '@apply py-0': {};
-            '@apply h-0 overflow-hidden': {};
             transitionProperty: string;
-            transitionTimingFunction: string;
             transitionDuration: string;
             '&[aria-hidden="true"], &[data-hidden="true"]': {
-                '@apply my-0 invisible h-0': {};
+                '@apply my-0 invisible max-h-0 opacity-0': {};
             };
             '&[aria-hidden="false"], &[data-hidden="false"]': {
-                '@apply block h-max visible': {};
+                '@apply block max-h-screen opacity-100 visible': {};
             };
             '&[data-variant="alt"]': {
                 '@apply mt-24': {};
@@ -156,11 +163,6 @@ export declare const Accordion: () => {
                 };
             };
         };
-        '&-is-open': {
-            '.sk-disclosure-body': {
-                '@apply overflow-visible animate-reset-overflow': {};
-            };
-        };
     };
     '.sk-accordion': {
         '&-item': {