npm - @sk-web-gui/core - Versions diffs - 0.1.83 → 0.1.85 - Mend

@sk-web-gui/core 0.1.83 → 0.1.85

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 (22) hide show

package/dist/cjs/components/accordion.js +16 -1
package/dist/cjs/components/accordion.js.map +1 -1
package/dist/cjs/components/forms.js +13 -1
package/dist/cjs/components/forms.js.map +1 -1
package/dist/cjs/components/tab-menu.js.map +1 -1
package/dist/cjs/components/tabs.js.map +1 -1
package/dist/cjs/components/zebratable.js +5 -2
package/dist/cjs/components/zebratable.js.map +1 -1
package/dist/esm/components/accordion.js +16 -1
package/dist/esm/components/accordion.js.map +1 -1
package/dist/esm/components/forms.js +13 -1
package/dist/esm/components/forms.js.map +1 -1
package/dist/esm/components/tab-menu.js.map +1 -1
package/dist/esm/components/tabs.js.map +1 -1
package/dist/esm/components/zebratable.js +5 -2
package/dist/esm/components/zebratable.js.map +1 -1
package/package.json +2 -2
package/src/components/accordion.js +18 -1
package/src/components/forms.js +15 -1
package/src/components/tab-menu.js +58 -58
package/src/components/tabs.js +64 -64
package/src/components/zebratable.js +5 -2

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

@@ -62,6 +62,15 @@ module.exports = Accordion = function Accordion(colors) {
           }
         }
       },
+      '&-error': {
+        '@apply border border-error': {},
+        '.accordion-header': {
+          '@apply bg-error-light text-error': {},
+          '[aria-expanded="true"] &': {
+            '@apply bg-error-light': {}
+          }
+        }
+      },
       '&-is-open': {
         '@apply border border-gray-stroke': {},
         '& .accordion-header': {
@@ -74,7 +83,13 @@ module.exports = Accordion = function Accordion(colors) {
           '@apply border-b border-warning': {}
         }
       },
-      '&-is-open &-body, &-is-open-alert &-body': {
+      '&-is-open-error': {
+        '@apply border border-error': {},
+        '& .accordion-header': {
+          '@apply border-b border-error': {}
+        }
+      },
+      '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {
         '@apply overflow-visible animate-reset-overflow': {}
       },
       '&-outline': {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\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': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body, &-is-open-alert &-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAACC,MAAM;EAAA,OAAM;IACxC,YAAY,EAAE;MACZ,UAAU,EAAE;QACV,gCAAgC,EAAE,CAAC,CAAC;QAEpC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC;QAC/B;MACF,CAAC;MAED,oBAAoB,EAAE;QACpB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,UAAU,EAAE;QACV,iGAAiG,EAAE,CAAC,CAAC;QACrGC,UAAU,EAAE,MAAM;QAClB;QACA,iBAAiB,EAAE;UACjBC,SAAS,EAAE,6BAA6B;UACxCC,OAAO,EAAE;UACT;QACF,CAAC;;QACD,kBAAkB,EAAE;UAClB,8DAA8D,EAAE,CAAC;QACnE,CAAC;QACD,qBAAqB,EAAE;UACrB,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChCC,kBAAkB,EAAE,qCAAqC;QACzDC,wBAAwB,EAAE,8BAA8B;QACxDC,kBAAkB,EAAE,OAAO;QAE3B,8CAA8C,EAAE;UAC9C,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,gDAAgD,EAAE;UAChD,6BAA6B,EAAE,CAAC;QAClC;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,8BAA8B,EAAE,CAAC,CAAC;UAElC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAClC,mBAAmB,EAAE;UACnB,sCAAsC,EAAE,CAAC,CAAC;UAE1C,0BAA0B,EAAE;YAC1B,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,qBAAqB,EAAE;UACrB,4BAA4B,EAAE,CAAC;QACjC;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,8BAA8B,EAAE,CAAC,CAAC;QAClC,qBAAqB,EAAE;UACrB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,~~0CAA0C~~,EAAE;~~QAC1C~~,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,WAAW,EAAE;QACX,kCAAkC,EAAE,CAAC,CAAC;QACtC,iBAAiB,EAAE;UACjB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,mBAAmB,EAAE;UACnB,iBAAiB,EAAE;YACjBJ,SAAS,EAAE,gCAAgC;YAC3CC,OAAO,EAAE;UACX;QACF,CAAC;QACD,mBAAmB,EAAE;UACnB,iCAAiC,EAAE,CAAC,CAAC;UAErC,0BAA0B,EAAE;YAC1B,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,+BAA+B,EAAE;QAC/B,uDAAuD,EAAE,CAAC;MAC5D,CAAC;MAED,qBAAqB,EAAE;QACrB,kCAAkC,EAAE,CAAC;MACvC,CAAC;MAED,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;MACzB;IACF;EACF,CAAC;AAAA,CAAC"}
1	+ {"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\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': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n '&-error': {\r\n '@apply border border-error': {},\r\n '.accordion-header': {\r\n '@apply bg-error-light text-error': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-error-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open-error': {\r\n '@apply border border-error': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-error': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/forms.js CHANGED Viewed

@@ -242,6 +242,15 @@ module.exports = Forms = function Forms(colors) {
         }
       }
     },
+    '.form-select-list-transition': {
+      '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},
+      '&.showabove': {
+        '@apply mb-1 bottom-full': {}
+      },
+      '&:not(.showabove)': {
+        '@apply mt-1 top-full': {}
+      }
+    },
     '.form-select': {
       '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},
       'background-image': 'none',
@@ -252,7 +261,10 @@ module.exports = Forms = function Forms(colors) {
         '@apply grow-0': {}
       },
       '&-list': {
-        '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {}
+        '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0 border-b': {},
+        '&.showabove': {
+          '@apply border-t border-b-0': {}
+        }
       },
       '&-has-multiple-choices': {
         '@apply flex w-full h-full justify-between items-center pr-md': {}

package/dist/cjs/components/forms.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> :last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n\r\n '&[data-expanded=true]': {\r\n '.form-input-group[data-rounded=true]': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '& ~ #dropdown-search-results': {\r\n '@apply rounded-b-[1.6rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":"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"}
1	+ {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> :last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n\r\n '&[data-expanded=true]': {\r\n '.form-input-group[data-rounded=true]': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '& ~ #dropdown-search-results': {\r\n '@apply rounded-b-[1.6rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.form-select-list-transition': {\r\n '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},\r\n '&.showabove': {\r\n '@apply mb-1 bottom-full': {}\r\n },\r\n '&:not(.showabove)': {\r\n '@apply mt-1 top-full': {}\r\n }\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0 border-b': {\r\n },\r\n '&.showabove': {\r\n '@apply border-t border-b-0': {}\r\n }\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/tab-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n '.sk-tab-menu': {\n '&-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n margin: 'auto',\n },\n '&-right': {\n '@apply justify-end': {},\n },\n '&-center': {\n '@apply justify-center': {},\n },\n '&-list': {\n all: 'unset',\n display: 'flex',\n '&-stretch': {\n '@apply w-full justify-between': {},\n },\n },\n\n '&-underline': {\n width: '100%',\n height: 6,\n '@apply bg-gray-light': {},\n },\n '&-item': {\n all: 'unset',\n height: 65,\n display: 'flex',\n padding: '0 1rem',\n marginRight: '5rem',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-right': {\n '@apply mr-0 ml-[5rem]': {},\n },\n '&-center:last-of-type': {\n '@apply mr-0': {},\n },\n\n '&.active::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: 6,\n top: '100%',\n left: 0,\n '@apply bg-primary': {},\n },\n },\n },\n});\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
1	+ {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n '.sk-tabs': {\n '&-stretch': {\n '@apply w-full': {},\n },\n '&-list': {\n '@apply block relative w-full h-[3rem]': {},\n '&-stretch': {\n '@apply flex justify-between': {},\n },\n '&-right': {\n '@apply text-right': {},\n },\n '&-center': {\n '@apply text-center': {},\n },\n\n '&-line::after': {\n content: '\"\"',\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n },\n },\n '&-tab': {\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\n '@apply text-gray': {},\n '@apply cursor-pointer': {},\n '&.disabled': {\n '@apply cursor-not-allowed': {},\n '@apply text-gray-stroke': {},\n },\n '&.active': {\n '@apply text-body': {},\n '&::after': {\n content: '\"\"',\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n },\n },\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-header': {\n '@apply text-lg font-normal': {},\n },\n '&-right': {\n '@apply mr-0 ml-lg': {},\n },\n '&:last-of-type': {\n '@apply mr-0': {},\n },\n '&-icon': {\n '&-with-label': {\n '@apply mr-sm': {},\n },\n },\n },\n '&-panel': {\n '@apply mt-lg': {},\n '&:not(.active)': {\n display: 'none',\n hidden: true,\n },\n },\n },\n});\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,UAAU,EAAE;MACV,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5C,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,UAAU,EAAE;UACV,oBAAoB,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,EAAE;UACfC,OAAO,EAAE,IAAI;UACb,uEAAuE,EAAE,CAAC;QAC5E;MACF,CAAC;MACD,OAAO,EAAE;QACP,uFAAuF,EAAE,CAAC,CAAC;QAC3F,kBAAkB,EAAE,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,2BAA2B,EAAE,CAAC,CAAC;UAC/B,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,UAAU,EAAE;UACV,kBAAkB,EAAE,CAAC,CAAC;UACtB,UAAU,EAAE;YACVA,OAAO,EAAE,IAAI;YACb,2EAA2E,EAAE,CAAC;UAChF;QACF,CAAC;QACD,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,UAAU,EAAE;UACV,4BAA4B,EAAE,CAAC;QACjC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,EAAE;UAChB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,QAAQ,EAAE;UACR,cAAc,EAAE;YACd,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE;UAChBC,OAAO,EAAE,MAAM;UACfC,MAAM,EAAE;QACV;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
1	+ {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n '.sk-tabs': {\r\n '&-stretch': {\r\n '@apply w-full': {},\r\n },\r\n '&-list': {\r\n '@apply block relative w-full h-[3rem]': {},\r\n '&-stretch': {\r\n '@apply flex justify-between': {},\r\n },\r\n '&-right': {\r\n '@apply text-right': {},\r\n },\r\n '&-center': {\r\n '@apply text-center': {},\r\n },\r\n\r\n '&-line::after': {\r\n content: '\"\"',\r\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n },\r\n },\r\n '&-tab': {\r\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\r\n '@apply text-gray': {},\r\n '@apply cursor-pointer': {},\r\n '&.disabled': {\r\n '@apply cursor-not-allowed': {},\r\n '@apply text-gray-stroke': {},\r\n },\r\n '&.active': {\r\n '@apply text-body': {},\r\n '&::after': {\r\n content: '\"\"',\r\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n },\r\n },\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-header': {\r\n '@apply text-lg font-normal': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-lg': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n '&-icon': {\r\n '&-with-label': {\r\n '@apply mr-sm': {},\r\n },\r\n },\r\n },\r\n '&-panel': {\r\n '@apply mt-lg': {},\r\n '&:not(.active)': {\r\n display: 'none',\r\n hidden: true,\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,UAAU,EAAE;MACV,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,wCAAwC,EAAE,CAAC,CAAC;QAC5C,WAAW,EAAE;UACX,6BAA6B,EAAE,CAAC;QAClC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,UAAU,EAAE;UACV,oBAAoB,EAAE,CAAC;QACzB,CAAC;QAED,eAAe,EAAE;UACfC,OAAO,EAAE,IAAI;UACb,uEAAuE,EAAE,CAAC;QAC5E;MACF,CAAC;MACD,OAAO,EAAE;QACP,uFAAuF,EAAE,CAAC,CAAC;QAC3F,kBAAkB,EAAE,CAAC,CAAC;QACtB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,2BAA2B,EAAE,CAAC,CAAC;UAC/B,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QACD,UAAU,EAAE;UACV,kBAAkB,EAAE,CAAC,CAAC;UACtB,UAAU,EAAE;YACVA,OAAO,EAAE,IAAI;YACb,2EAA2E,EAAE,CAAC;UAChF;QACF,CAAC;QACD,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,UAAU,EAAE;UACV,4BAA4B,EAAE,CAAC;QACjC,CAAC;QACD,SAAS,EAAE;UACT,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,gBAAgB,EAAE;UAChB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,QAAQ,EAAE;UACR,cAAc,EAAE;YACd,cAAc,EAAE,CAAC;UACnB;QACF;MACF,CAAC;MACD,SAAS,EAAE;QACT,cAAc,EAAE,CAAC,CAAC;QAClB,gBAAgB,EAAE;UAChBC,OAAO,EAAE,MAAM;UACfC,MAAM,EAAE;QACV;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/zebratable.js CHANGED Viewed

@@ -57,8 +57,11 @@ module.exports = ZebraTable = function ZebraTable() {
       '&-pagination': {
         '@apply grow': {}
       },
-      '&.-pagination-pagesizes': {
-        '@apply grow-0': {},
+      '&-pagination-pagesizes': {
+        '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},
+        '&-label': {
+          '@apply font-bold': {}
+        },
         '&.-select': {
           '@apply w-auto': {}
         }

package/dist/cjs/components/zebratable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '~~&.-~~pagination-pagesizes': {\r\n '@apply grow-0': {},\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oCAAoC,EAAE,CAAC,CAAC;MAExC,SAAS,EAAE;QACT,MAAM,EAAE;UACN,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,MAAM,EAAE;UACN,kCAAkC,EAAE,CAAC,CAAC;UAEtC,iCAAiC,EAAE;YACjC,6BAA6B,EAAE,CAAC;UAClC;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC,CAAC;UAE9B,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,CAAC;UACtB,CAAC;UAED,QAAQ,EAAE;YACR,6BAA6B,EAAE,CAAC,CAAC;YAEjC,kCAAkC,EAAE;cAClC,mBAAmB,EAAE,CAAC;YACxB,CAAC;YAED,mCAAmC,EAAE;cACnC,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BC,QAAQ,EAAE;MACZ,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gMAAgM,EAC9L,CAAC,CAAC;UAEJ,eAAe,EAAE;YACf,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QAED,MAAM,EAAE;UACN,8QAA8Q,EAC5Q,CAAC;QACL;MACF,CAAC;MAED,qBAAqB,EAAE;QACrB,4DAA4D,EAAE,CAAC;MACjE,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,~~yBAAyB~~,EAAE;~~QACzB~~,~~eAAe~~,EAAE,CAAC,CAAC;~~QACnB~~,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,kDAAkD,EAAE,CAAC;MACvD;IACF;EACF,CAAC;AAAA,CAAC"}
1	+ {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '&-pagination-pagesizes': {\r\n '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n '&-label': {\r\n '@apply font-bold': {},\r\n },\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oCAAoC,EAAE,CAAC,CAAC;MAExC,SAAS,EAAE;QACT,MAAM,EAAE;UACN,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,MAAM,EAAE;UACN,kCAAkC,EAAE,CAAC,CAAC;UAEtC,iCAAiC,EAAE;YACjC,6BAA6B,EAAE,CAAC;UAClC;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC,CAAC;UAE9B,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,CAAC;UACtB,CAAC;UAED,QAAQ,EAAE;YACR,6BAA6B,EAAE,CAAC,CAAC;YAEjC,kCAAkC,EAAE;cAClC,mBAAmB,EAAE,CAAC;YACxB,CAAC;YAED,mCAAmC,EAAE;cACnC,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BC,QAAQ,EAAE;MACZ,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gMAAgM,EAC9L,CAAC,CAAC;UAEJ,eAAe,EAAE;YACf,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QAED,MAAM,EAAE;UACN,8QAA8Q,EAC5Q,CAAC;QACL;MACF,CAAC;MAED,qBAAqB,EAAE;QACrB,4DAA4D,EAAE,CAAC;MACjE,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,6DAA6D,EAAE,CAAC,CAAC;QACjE,SAAS,EAAE;UACT,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,kDAAkD,EAAE,CAAC;MACvD;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -59,6 +59,15 @@ module.exports = Accordion = colors => ({
         }
       }
     },
+    '&-error': {
+      '@apply border border-error': {},
+      '.accordion-header': {
+        '@apply bg-error-light text-error': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-error-light': {}
+        }
+      }
+    },
     '&-is-open': {
       '@apply border border-gray-stroke': {},
       '& .accordion-header': {
@@ -71,7 +80,13 @@ module.exports = Accordion = colors => ({
         '@apply border-b border-warning': {}
       }
     },
-    '&-is-open &-body, &-is-open-alert &-body': {
+    '&-is-open-error': {
+      '@apply border border-error': {},
+      '& .accordion-header': {
+        '@apply border-b border-error': {}
+      }
+    },
+    '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {
       '@apply overflow-visible animate-reset-overflow': {}
     },
     '&-outline': {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\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': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body, &-is-open-alert &-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAIC,MAAM,KAAM;EACxC,YAAY,EAAE;IACZ,UAAU,EAAE;MACV,gCAAgC,EAAE,CAAC,CAAC;MAEpC,0BAA0B,EAAE;QAC1B,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,oBAAoB,EAAE;MACpB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED,UAAU,EAAE;MACV,iGAAiG,EAAE,CAAC,CAAC;MACrGC,UAAU,EAAE,MAAM;MAClB;MACA,iBAAiB,EAAE;QACjBC,SAAS,EAAE,6BAA6B;QACxCC,OAAO,EAAE;QACT;MACF,CAAC;;MACD,kBAAkB,EAAE;QAClB,8DAA8D,EAAE,CAAC;MACnE,CAAC;MACD,qBAAqB,EAAE;QACrB,sCAAsC,EAAE,CAAC;MAC3C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChCC,kBAAkB,EAAE,qCAAqC;MACzDC,wBAAwB,EAAE,8BAA8B;MACxDC,kBAAkB,EAAE,OAAO;MAE3B,8CAA8C,EAAE;QAC9C,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,gDAAgD,EAAE;QAChD,6BAA6B,EAAE,CAAC;MAClC;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,8BAA8B,EAAE,CAAC,CAAC;QAElC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAClC,mBAAmB,EAAE;QACnB,sCAAsC,EAAE,CAAC,CAAC;QAE1C,0BAA0B,EAAE;UAC1B,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IAED,WAAW,EAAE;MACX,kCAAkC,EAAE,CAAC,CAAC;MACtC,qBAAqB,EAAE;QACrB,4BAA4B,EAAE,CAAC;MACjC;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,8BAA8B,EAAE,CAAC,CAAC;MAClC,qBAAqB,EAAE;QACrB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,~~0CAA0C~~,EAAE;~~MAC1C~~,gDAAgD,EAAE,CAAC;IACrD,CAAC;IAED,WAAW,EAAE;MACX,kCAAkC,EAAE,CAAC,CAAC;MACtC,iBAAiB,EAAE;QACjB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,mBAAmB,EAAE;QACnB,iBAAiB,EAAE;UACjBJ,SAAS,EAAE,gCAAgC;UAC3CC,OAAO,EAAE;QACX;MACF,CAAC;MACD,mBAAmB,EAAE;QACnB,iCAAiC,EAAE,CAAC,CAAC;QAErC,0BAA0B,EAAE;UAC1B,iBAAiB,EAAE,CAAC;QACtB;MACF;IACF,CAAC;IAED,+BAA+B,EAAE;MAC/B,uDAAuD,EAAE,CAAC;IAC5D,CAAC;IAED,qBAAqB,EAAE;MACrB,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,yBAAyB,EAAE;MACzB,oBAAoB,EAAE,CAAC;IACzB;EACF;AACF,CAAC,CAAC"}
1	+ {"version":3,"file":"accordion.js","names":["module","exports","Accordion","colors","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.js"],"sourcesContent":["module.exports = Accordion = (colors) => ({\r\n '.accordion': {\r\n '&-header': {\r\n '@apply flex flex-col text-left': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply ml-auto !text-2xl': {},\r\n },\r\n },\r\n\r\n '&-is-open &-header': {\r\n '@apply bg-hover': {},\r\n },\r\n\r\n '&-toggle': {\r\n '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-md sm:mx-lg my-md': {},\r\n fontWeight: 'bold',\r\n //\"@apply focus-visible:shadow shadow-lg\": {},\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #fff!important',\r\n outline: '0',\r\n //\"@apply border-4\": {},\r\n },\r\n '.accordion-title': {\r\n '@apply mr-md text-base leading-base md:text-lg md:leading-lg': {},\r\n },\r\n '.accordion-subtitle': {\r\n '@apply m-0 mr-md text-sm font-normal': {},\r\n },\r\n },\r\n\r\n '&-body': {\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': {},\r\n },\r\n\r\n '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\r\n '@apply block h-auto visible': {},\r\n },\r\n },\r\n\r\n '&-solid': {\r\n '@apply border border-primary': {},\r\n '.accordion-header': {\r\n '@apply bg-primary text-white': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-alert': {\r\n '@apply border border-warning': {},\r\n '.accordion-header': {\r\n '@apply bg-warning-light text-warning': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-warning-light': {},\r\n },\r\n },\r\n },\r\n '&-error': {\r\n '@apply border border-error': {},\r\n '.accordion-header': {\r\n '@apply bg-error-light text-error': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-error-light': {},\r\n },\r\n },\r\n },\r\n\r\n '&-is-open': {\r\n '@apply border border-gray-stroke': {},\r\n '& .accordion-header': {\r\n '@apply bg-hover text-white': {},\r\n },\r\n },\r\n\r\n '&-is-open-alert': {\r\n '@apply border border-warning': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-warning': {},\r\n },\r\n },\r\n\r\n '&-is-open-error': {\r\n '@apply border border-error': {},\r\n '& .accordion-header': {\r\n '@apply border-b border-error': {},\r\n },\r\n },\r\n\r\n '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {\r\n '@apply overflow-visible animate-reset-overflow': {},\r\n },\r\n\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '.accordion-body': {\r\n '@apply mt-0': {},\r\n },\r\n '.accordion-toggle': {\r\n '&:focus-visible': {\r\n boxShadow: '0 0 0 0.4rem #4b4b4b!important',\r\n outline: '0',\r\n },\r\n },\r\n '.accordion-header': {\r\n '@apply bg-transparent text-body': {},\r\n\r\n '[aria-expanded=\"true\"] &': {\r\n '@apply bg-hover': {},\r\n },\r\n },\r\n },\r\n\r\n '&-disabled, &-disabled button': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n },\r\n\r\n '&-disabled &-header': {\r\n '@apply bg-gray-lighter text-gray': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply border-gray': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}

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

@@ -243,6 +243,15 @@ module.exports = Forms = colors => _extends({
       }
     }
   },
+  '.form-select-list-transition': {
+    '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},
+    '&.showabove': {
+      '@apply mb-1 bottom-full': {}
+    },
+    '&:not(.showabove)': {
+      '@apply mt-1 top-full': {}
+    }
+  },
   '.form-select': {
     '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},
     'background-image': 'none',
@@ -253,7 +262,10 @@ module.exports = Forms = colors => _extends({
       '@apply grow-0': {}
     },
     '&-list': {
-      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {}
+      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0 border-b': {},
+      '&.showabove': {
+        '@apply border-t border-b-0': {}
+      }
     },
     '&-has-multiple-choices': {
       '@apply flex w-full h-full justify-between items-center pr-md': {}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","fieldSolid","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> :last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n\r\n '&[data-expanded=true]': {\r\n '.form-input-group[data-rounded=true]': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '& ~ #dropdown-search-results': {\r\n '@apply rounded-b-[1.6rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":"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"}
1	+ {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","fieldSolid","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> :last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n\r\n '&[data-expanded=true]': {\r\n '.form-input-group[data-rounded=true]': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '& ~ #dropdown-search-results': {\r\n '@apply rounded-b-[1.6rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.form-select-list-transition': {\r\n '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},\r\n '&.showabove': {\r\n '@apply mb-1 bottom-full': {}\r\n },\r\n '&:not(.showabove)': {\r\n '@apply mt-1 top-full': {}\r\n }\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0 border-b': {\r\n },\r\n '&.showabove': {\r\n '@apply border-t border-b-0': {}\r\n }\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/tab-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n '.sk-tab-menu': {\n '&-wrapper': {\n display: 'flex',\n flexDirection: 'row',\n margin: 'auto',\n },\n '&-right': {\n '@apply justify-end': {},\n },\n '&-center': {\n '@apply justify-center': {},\n },\n '&-list': {\n all: 'unset',\n display: 'flex',\n '&-stretch': {\n '@apply w-full justify-between': {},\n },\n },\n\n '&-underline': {\n width: '100%',\n height: 6,\n '@apply bg-gray-light': {},\n },\n '&-item': {\n all: 'unset',\n height: 65,\n display: 'flex',\n padding: '0 1rem',\n marginRight: '5rem',\n alignItems: 'center',\n position: 'relative',\n cursor: 'pointer',\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-right': {\n '@apply mr-0 ml-[5rem]': {},\n },\n '&-center:last-of-type': {\n '@apply mr-0': {},\n },\n\n '&.active::after': {\n content: '\"\"',\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: 6,\n top: '100%',\n left: 0,\n '@apply bg-primary': {},\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
1	+ {"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n '.sk-tabs': {\n '&-stretch': {\n '@apply w-full': {},\n },\n '&-list': {\n '@apply block relative w-full h-[3rem]': {},\n '&-stretch': {\n '@apply flex justify-between': {},\n },\n '&-right': {\n '@apply text-right': {},\n },\n '&-center': {\n '@apply text-center': {},\n },\n\n '&-line::after': {\n content: '\"\"',\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n },\n },\n '&-tab': {\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\n '@apply text-gray': {},\n '@apply cursor-pointer': {},\n '&.disabled': {\n '@apply cursor-not-allowed': {},\n '@apply text-gray-stroke': {},\n },\n '&.active': {\n '@apply text-body': {},\n '&::after': {\n content: '\"\"',\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n },\n },\n '&-stretch': {\n '@apply mr-0': {},\n },\n '&-header': {\n '@apply text-lg font-normal': {},\n },\n '&-right': {\n '@apply mr-0 ml-lg': {},\n },\n '&:last-of-type': {\n '@apply mr-0': {},\n },\n '&-icon': {\n '&-with-label': {\n '@apply mr-sm': {},\n },\n },\n },\n '&-panel': {\n '@apply mt-lg': {},\n '&:not(.active)': {\n display: 'none',\n hidden: true,\n },\n },\n },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
1	+ {"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n '.sk-tabs': {\r\n '&-stretch': {\r\n '@apply w-full': {},\r\n },\r\n '&-list': {\r\n '@apply block relative w-full h-[3rem]': {},\r\n '&-stretch': {\r\n '@apply flex justify-between': {},\r\n },\r\n '&-right': {\r\n '@apply text-right': {},\r\n },\r\n '&-center': {\r\n '@apply text-center': {},\r\n },\r\n\r\n '&-line::after': {\r\n content: '\"\"',\r\n '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n },\r\n },\r\n '&-tab': {\r\n '@apply relative mr-[3.2rem] text-base font-bold p-0 relative h-[2.8rem] inline-block': {},\r\n '@apply text-gray': {},\r\n '@apply cursor-pointer': {},\r\n '&.disabled': {\r\n '@apply cursor-not-allowed': {},\r\n '@apply text-gray-stroke': {},\r\n },\r\n '&.active': {\r\n '@apply text-body': {},\r\n '&::after': {\r\n content: '\"\"',\r\n '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n },\r\n },\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-header': {\r\n '@apply text-lg font-normal': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-lg': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n '&-icon': {\r\n '&-with-label': {\r\n '@apply mr-sm': {},\r\n },\r\n },\r\n },\r\n '&-panel': {\r\n '@apply mt-lg': {},\r\n '&:not(.active)': {\r\n display: 'none',\r\n hidden: true,\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}

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

@@ -54,8 +54,11 @@ module.exports = ZebraTable = () => ({
     '&-pagination': {
       '@apply grow': {}
     },
-    '&.-pagination-pagesizes': {
-      '@apply grow-0': {},
+    '&-pagination-pagesizes': {
+      '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},
+      '&-label': {
+        '@apply font-bold': {}
+      },
       '&.-select': {
         '@apply w-auto': {}
       }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '~~&.-~~pagination-pagesizes': {\r\n '@apply grow-0': {},\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,gBAAgB,EAAE;IAChB,oCAAoC,EAAE,CAAC,CAAC;IAExC,SAAS,EAAE;MACT,MAAM,EAAE;QACN,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,MAAM,EAAE;QACN,kCAAkC,EAAE,CAAC,CAAC;QAEtC,iCAAiC,EAAE;UACjC,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAE9B,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,kBAAkB,EAAE;UAClB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,6BAA6B,EAAE,CAAC,CAAC;UAEjC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB,CAAC;UAED,mCAAmC,EAAE;YACnC,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gMAAgM,EAC9L,CAAC,CAAC;QAEJ,eAAe,EAAE;UACf,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,MAAM,EAAE;QACN,8QAA8Q,EAC5Q,CAAC;MACL;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,4DAA4D,EAAE,CAAC;IACjE,CAAC;IACD,cAAc,EAAE;MACd,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,~~yBAAyB~~,EAAE;~~MACzB~~,~~eAAe~~,EAAE,CAAC,CAAC;~~MACnB~~,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,kDAAkD,EAAE,CAAC;IACvD;EACF;AACF,CAAC,CAAC"}
1	+ {"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '&-pagination-pagesizes': {\r\n '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n '&-label': {\r\n '@apply font-bold': {},\r\n },\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAGA,CAAA,MAAO;EACnC,gBAAgB,EAAE;IAChB,oCAAoC,EAAE,CAAC,CAAC;IAExC,SAAS,EAAE;MACT,MAAM,EAAE;QACN,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,MAAM,EAAE;QACN,kCAAkC,EAAE,CAAC,CAAC;QAEtC,iCAAiC,EAAE;UACjC,6BAA6B,EAAE,CAAC;QAClC;MACF;IACF,CAAC;IAED,cAAc,EAAE;MACd,0BAA0B,EAAE,CAAC,CAAC;MAE9B,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC,CAAC;QAE9B,kBAAkB,EAAE;UAClB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,QAAQ,EAAE;UACR,6BAA6B,EAAE,CAAC,CAAC;UAEjC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB,CAAC;UAED,mCAAmC,EAAE;YACnC,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IAED,SAAS,EAAE;MACT,8BAA8B,EAAE,CAAC,CAAC;MAElC,MAAM,EAAE;QACN,gMAAgM,EAC9L,CAAC,CAAC;QAEJ,eAAe,EAAE;UACf,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MAED,MAAM,EAAE;QACN,8QAA8Q,EAC5Q,CAAC;MACL;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,4DAA4D,EAAE,CAAC;IACjE,CAAC;IACD,cAAc,EAAE;MACd,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,wBAAwB,EAAE;MACxB,6DAA6D,EAAE,CAAC,CAAC;MACjE,SAAS,EAAE;QACT,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IAED,iBAAiB,EAAE;MACjB,kDAAkD,EAAE,CAAC;IACvD;EACF;AACF,CAAC,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "@sk-web-gui/theme": "0.1.13",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "208483d0618b03b24e6946239ddfed13fce28dcd"
+  "gitHead": "9f7e1a15e38c6d040495f6f02e12c8c05486949d"
 }

package/src/components/accordion.js CHANGED Viewed

@@ -69,6 +69,16 @@ module.exports = Accordion = (colors) => ({
         },
       },
     },
+    '&-error': {
+      '@apply border border-error': {},
+      '.accordion-header': {
+        '@apply bg-error-light text-error': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-error-light': {},
+        },
+      },
+    },
     '&-is-open': {
       '@apply border border-gray-stroke': {},
@@ -84,7 +94,14 @@ module.exports = Accordion = (colors) => ({
       },
     },
-    '&-is-open &-body, &-is-open-alert &-body': {
+    '&-is-open-error': {
+      '@apply border border-error': {},
+      '& .accordion-header': {
+        '@apply border-b border-error': {},
+      },
+    },
+    '&-is-open &-body, &-is-open-alert &-body, &-is-open-error &-body': {
       '@apply overflow-visible animate-reset-overflow': {},
     },

package/src/components/forms.js CHANGED Viewed

@@ -309,6 +309,16 @@ module.exports = Forms = (colors) => ({
     },
   },
+  '.form-select-list-transition': {
+    '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},
+    '&.showabove': {
+      '@apply mb-1 bottom-full': {}
+    },
+    '&:not(.showabove)': {
+      '@apply mt-1 top-full': {}
+    }
+  },
   '.form-select': {
     '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':
       {},
@@ -320,7 +330,11 @@ module.exports = Forms = (colors) => ({
       '@apply grow-0': {},
     },
     '&-list': {
-      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},
+      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0 border-b': {
+      },
+      '&.showabove': {
+        '@apply border-t border-b-0': {}
+      }
     },
     '&-has-multiple-choices': {
       '@apply flex w-full h-full justify-between items-center pr-md': {},

package/src/components/tab-menu.js CHANGED Viewed

@@ -1,58 +1,58 @@
-module.exports = TabMenu = () => ({
-  '.sk-tab-menu': {
-    '&-wrapper': {
-      display: 'flex',
-      flexDirection: 'row',
-      margin: 'auto',
-    },
-    '&-right': {
-      '@apply justify-end': {},
-    },
-    '&-center': {
-      '@apply justify-center': {},
-    },
-    '&-list': {
-      all: 'unset',
-      display: 'flex',
-      '&-stretch': {
-        '@apply w-full justify-between': {},
-      },
-    },
-    '&-underline': {
-      width: '100%',
-      height: 6,
-      '@apply bg-gray-light': {},
-    },
-    '&-item': {
-      all: 'unset',
-      height: 65,
-      display: 'flex',
-      padding: '0 1rem',
-      marginRight: '5rem',
-      alignItems: 'center',
-      position: 'relative',
-      cursor: 'pointer',
-      '&-stretch': {
-        '@apply mr-0': {},
-      },
-      '&-right': {
-        '@apply mr-0 ml-[5rem]': {},
-      },
-      '&-center:last-of-type': {
-        '@apply mr-0': {},
-      },
-      '&.active::after': {
-        content: '""',
-        display: 'block',
-        position: 'absolute',
-        width: '100%',
-        height: 6,
-        top: '100%',
-        left: 0,
-        '@apply bg-primary': {},
-      },
-    },
-  },
-});
+module.exports = TabMenu = () => ({
+  '.sk-tab-menu': {
+    '&-wrapper': {
+      display: 'flex',
+      flexDirection: 'row',
+      margin: 'auto',
+    },
+    '&-right': {
+      '@apply justify-end': {},
+    },
+    '&-center': {
+      '@apply justify-center': {},
+    },
+    '&-list': {
+      all: 'unset',
+      display: 'flex',
+      '&-stretch': {
+        '@apply w-full justify-between': {},
+      },
+    },
+    '&-underline': {
+      width: '100%',
+      height: 6,
+      '@apply bg-gray-light': {},
+    },
+    '&-item': {
+      all: 'unset',
+      height: 65,
+      display: 'flex',
+      padding: '0 1rem',
+      marginRight: '5rem',
+      alignItems: 'center',
+      position: 'relative',
+      cursor: 'pointer',
+      '&-stretch': {
+        '@apply mr-0': {},
+      },
+      '&-right': {
+        '@apply mr-0 ml-[5rem]': {},
+      },
+      '&-center:last-of-type': {
+        '@apply mr-0': {},
+      },
+      '&.active::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        width: '100%',
+        height: 6,
+        top: '100%',
+        left: 0,
+        '@apply bg-primary': {},
+      },
+    },
+  },
+});

package/src/components/tabs.js CHANGED Viewed

@@ -1,64 +1,64 @@
-module.exports = Tabs = () => ({
-  '.sk-tabs': {
-    '&-stretch': {
-      '@apply w-full': {},
-    },
-    '&-list': {
-      '@apply  block relative w-full h-[3rem]': {},
-      '&-stretch': {
-        '@apply flex justify-between': {},
-      },
-      '&-right': {
-        '@apply text-right': {},
-      },
-      '&-center': {
-        '@apply text-center': {},
-      },
-      '&-line::after': {
-        content: '""',
-        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
-      },
-    },
-    '&-tab': {
-      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
-      '@apply text-gray': {},
-      '@apply cursor-pointer': {},
-      '&.disabled': {
-        '@apply cursor-not-allowed': {},
-        '@apply text-gray-stroke': {},
-      },
-      '&.active': {
-        '@apply text-body': {},
-        '&::after': {
-          content: '""',
-          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
-        },
-      },
-      '&-stretch': {
-        '@apply mr-0': {},
-      },
-      '&-header': {
-        '@apply text-lg font-normal': {},
-      },
-      '&-right': {
-        '@apply mr-0 ml-lg': {},
-      },
-      '&:last-of-type': {
-        '@apply mr-0': {},
-      },
-      '&-icon': {
-        '&-with-label': {
-          '@apply mr-sm': {},
-        },
-      },
-    },
-    '&-panel': {
-      '@apply mt-lg': {},
-      '&:not(.active)': {
-        display: 'none',
-        hidden: true,
-      },
-    },
-  },
-});
+module.exports = Tabs = () => ({
+  '.sk-tabs': {
+    '&-stretch': {
+      '@apply w-full': {},
+    },
+    '&-list': {
+      '@apply  block relative w-full h-[3rem]': {},
+      '&-stretch': {
+        '@apply flex justify-between': {},
+      },
+      '&-right': {
+        '@apply text-right': {},
+      },
+      '&-center': {
+        '@apply text-center': {},
+      },
+      '&-line::after': {
+        content: '""',
+        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},
+      },
+    },
+    '&-tab': {
+      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},
+      '@apply text-gray': {},
+      '@apply cursor-pointer': {},
+      '&.disabled': {
+        '@apply cursor-not-allowed': {},
+        '@apply text-gray-stroke': {},
+      },
+      '&.active': {
+        '@apply text-body': {},
+        '&::after': {
+          content: '""',
+          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},
+        },
+      },
+      '&-stretch': {
+        '@apply mr-0': {},
+      },
+      '&-header': {
+        '@apply text-lg font-normal': {},
+      },
+      '&-right': {
+        '@apply mr-0 ml-lg': {},
+      },
+      '&:last-of-type': {
+        '@apply mr-0': {},
+      },
+      '&-icon': {
+        '&-with-label': {
+          '@apply mr-sm': {},
+        },
+      },
+    },
+    '&-panel': {
+      '@apply mt-lg': {},
+      '&:not(.active)': {
+        display: 'none',
+        hidden: true,
+      },
+    },
+  },
+});

package/src/components/zebratable.js CHANGED Viewed

@@ -72,8 +72,11 @@ module.exports = ZebraTable = () => ({
     '&-pagination': {
       '@apply grow': {},
     },
-    '&.-pagination-pagesizes': {
-      '@apply grow-0': {},
+    '&-pagination-pagesizes': {
+      '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},
+      '&-label': {
+        '@apply font-bold': {},
+      },
       '&.-select': {
         '@apply w-auto': {},
       },