@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/cjs/components/pagination.js

@@ -2,40 +2,57 @@ module.exports = Pagination = function Pagination() {
   return {
     '.sk-pagination': {
       '@apply select-none': {},
-      '&-sm': {
-        '@apply text-xs': {}
-      },
-      '&-md': {
-        '@apply text-lg': {}
-      },
-      '&-lg': {
-        '@apply text-xl': {}
-      },
+      '@apply text-base': {},
       '&-list': {
-        '@apply flex items-center': {}
+        '@apply flex justify-between items-center': {},
+        '.sk-pagination[data-hideprevnextlabel="true"] &': {
+          '@apply w-fit': {}
+        },
+        li: {
+          '@apply min-w-[4rem] text-center': {}
+        },
+        'li:first-child': {
+          '@apply text-left': {}
+        },
+        'li:last-child': {
+          '@apply text-right': {}
+        }
       },
       '.form-select-wrapper': {
         '@apply w-fit': {}
       },
       '&-pageLabel': {
-        '@apply cursor-pointer m-sm box-content': {},
-        width: '1.5em',
-        height: '1.75em',
+        '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},
+        '@apply focus-visible:ring ring-ring ring-offset': {},
+        '@apply rounded-full': {},
+        '@apply h-32 w-32': {},
         "&[aria-current='true']": {
-          '@apply border-primary border-b cursor-default text-primary': {}
+          '@apply font-bold no-underline text-dark-primary': {}
         }
       },
       '&-prevNextButton': {
-        '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
-        height: '1.75em',
-        '&[data-reverse=true]': {
-          '@apply mr-4 ml-0 flex-row-reverse': {},
-          '.pagination-prevNextButton-label': {
-            '@apply mr-sm ml-0': {}
+        '@apply text-dark-secondary': {},
+        '&.sk-btn': {
+          '@apply bg-transparent text-dark-secondary font-normal': {},
+          '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled': {
+            '@apply bg-transparent !important': {},
+            '@apply text-dark-disabled hover:text-dark-disabled': {},
+            '.sk-icon': {
+              '@apply text-dark-disabled hover:text-dark-disabled': {}
+            }
+          },
+          '.sk-icon': {
+            '@apply bg-transparent text-dark-secondary': {}
+          },
+          '&:hover': {
+            '@apply text-white': {},
+            '.sk-icon': {
+              '@apply text-white': {}
+            }
           }
         },
         '&[disabled]': {
-          '@apply opacity-50 cursor-default': {}
+          '@apply cursor-default': {}
         },
         "&[disabled='false']": {
           '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {
@@ -46,10 +63,7 @@ module.exports = Pagination = function Pagination() {
           '@apply hidden sm:inline ml-sm leading-none': {}
         },
         '&-icon': {
-          '@apply m-1 leading-none flex items-center': {},
-          '.MuiSvgIcon-root': {
-            fontSize: '1em'
-          }
+          '@apply m-1 leading-none flex items-center': {}
         }
       },
       '&-ellipsis': {
@@ -58,17 +72,24 @@ module.exports = Pagination = function Pagination() {
       '&.fit-content': {
         '@apply w-full max-w-full': {},
         '.sk-pagination-list': {
-          '@apply w-full flex justify-between': {},
+          '@apply w-full flex justify-center': {},
+          '@apply gap-24': {},
           '&-item': {
-            '@apply px-0  flex-shrink grow text-center': {},
+            '@apply px-0 grow-0 text-center': {},
             '&.ellipsis': {
               '@apply flex-shrink grow-0': {}
             },
             '&.prev-next': {
-              '@apply flex-shrink grow-0': {}
+              '@apply flex-shrink grow': {},
+              '&.prev': {
+                '@apply text-left': {}
+              },
+              '&.next': {
+                '@apply text-right': {}
+              }
             },
             '.sk-pagination-pageLabel': {
-              '@apply w-full max-w-[1.5em] mx-xs': {}
+              '@apply mx-xs': {}
             }
           }
         },

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["module","exports","Pagination","width","height","fontSize"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-lg': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-xl': {},\r\n    },\r\n\r\n    '&-list': {\r\n      '@apply flex items-center': {},\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply cursor-pointer m-sm box-content': {},\r\n      width: '1.5em',\r\n      height: '1.75em',\r\n\r\n      \"&[aria-current='true']\": {\r\n        '@apply border-primary border-b cursor-default text-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},\r\n      height: '1.75em',\r\n\r\n      '&[data-reverse=true]': {\r\n        '@apply mr-4 ml-0 flex-row-reverse': {},\r\n\r\n        '.pagination-prevNextButton-label': {\r\n          '@apply mr-sm ml-0': {},\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply opacity-50 cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n\r\n        '.MuiSvgIcon-root': {\r\n          fontSize: '1em',\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-between': {},\r\n        '&-item': {\r\n          '@apply px-0  flex-shrink grow text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply w-full max-w-[1.5em] mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MAExB,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,QAAQ,EAAE;QACR,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,wCAAwC,EAAE,CAAC,CAAC;QAC5CC,KAAK,EAAE,OAAO;QACdC,MAAM,EAAE,QAAQ;QAEhB,wBAAwB,EAAE;UACxB,4DAA4D,EAAE,CAAC;QACjE;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,kGAAkG,EAAE,CAAC,CAAC;QACtGA,MAAM,EAAE,QAAQ;QAEhB,sBAAsB,EAAE;UACtB,mCAAmC,EAAE,CAAC,CAAC;UAEvC,kCAAkC,EAAE;YAClC,mBAAmB,EAAE,CAAC;UACxB;QACF,CAAC;QAED,aAAa,EAAE;UACb,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC,CAAC;UAE/C,kBAAkB,EAAE;YAClBC,QAAQ,EAAE;UACZ;QACF;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,oCAAoC,EAAE,CAAC,CAAC;UACxC,QAAQ,EAAE;YACR,2CAA2C,EAAE,CAAC,CAAC;YAC/C,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,0BAA0B,EAAE;cAC1B,mCAAmC,EAAE,CAAC;YACxC;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"pagination.js","names":["module","exports","Pagination","li"],"sources":["../../../src/components/pagination.js"],"sourcesContent":["module.exports = Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-[4rem] text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-white': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-white': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink grow': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oBAAoB,EAAE,CAAC,CAAC;MACxB,kBAAkB,EAAE,CAAC,CAAC;MAEtB,QAAQ,EAAE;QACR,0CAA0C,EAAE,CAAC,CAAC;QAE9C,iDAAiD,EAAE;UACjD,cAAc,EAAE,CAAC;QACnB,CAAC;QAEDC,EAAE,EAAE;UACF,iCAAiC,EAAE,CAAC;QACtC,CAAC;QAED,gBAAgB,EAAE;UAChB,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,sBAAsB,EAAE;QACtB,cAAc,EAAE,CAAC;MACnB,CAAC;MACD,aAAa,EAAE;QACb,2EAA2E,EAAE,CAAC,CAAC;QAC/E,iDAAiD,EAAE,CAAC,CAAC;QACrD,qBAAqB,EAAE,CAAC,CAAC;QACzB,kBAAkB,EAAE,CAAC,CAAC;QACtB,wBAAwB,EAAE;UACxB,iDAAiD,EAAE,CAAC;QACtD;MACF,CAAC;MAED,kBAAkB,EAAE;QAClB,4BAA4B,EAAE,CAAC,CAAC;QAEhC,UAAU,EAAE;UACV,uDAAuD,EAAE,CAAC,CAAC;UAE3D,oEAAoE,EAAE;YACpE,kCAAkC,EAAE,CAAC,CAAC;YACtC,oDAAoD,EAAE,CAAC,CAAC;YACxD,UAAU,EAAE;cACV,oDAAoD,EAAE,CAAC;YACzD;UACF,CAAC;UAED,UAAU,EAAE;YACV,2CAA2C,EAAE,CAAC;UAChD,CAAC;UAED,SAAS,EAAE;YACT,mBAAmB,EAAE,CAAC,CAAC;YAEvB,UAAU,EAAE;cACV,mBAAmB,EAAE,CAAC;YACxB;UACF;QACF,CAAC;QAED,aAAa,EAAE;UACb,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QAED,qBAAqB,EAAE;UACrB,yEAAyE,EAAE;YACzE,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QAED,QAAQ,EAAE;UACR,2CAA2C,EAAE,CAAC;QAChD;MACF,CAAC;MAED,YAAY,EAAE;QACZ,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAC9B,qBAAqB,EAAE;UACrB,mCAAmC,EAAE,CAAC,CAAC;UACvC,eAAe,EAAE,CAAC,CAAC;UACnB,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC,CAAC;YACpC,YAAY,EAAE;cACZ,2BAA2B,EAAE,CAAC;YAChC,CAAC;YACD,aAAa,EAAE;cACb,yBAAyB,EAAE,CAAC,CAAC;cAC7B,QAAQ,EAAE;gBACR,kBAAkB,EAAE,CAAC;cACvB,CAAC;cACD,QAAQ,EAAE;gBACR,mBAAmB,EAAE,CAAC;cACxB;YACF,CAAC;YACD,0BAA0B,EAAE;cAC1B,cAAc,EAAE,CAAC;YACnB;UACF;QACF,CAAC;QACD,sBAAsB,EAAE;UACtB,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = ProgressBar = function ProgressBar(colors) {
+  var _skProgressBarFil2;
+  return {
+    '.sk-progress-bar': _extends({
+      '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},
+      '&-fill': {
+        '@apply rounded-circular': {}
+      }
+    }, colors.reduce(function (styles, color) {
+      var _skProgressBarFil, _dataAccentTrue, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = {
+        '.sk-progress-bar-fill': (_skProgressBarFil = {}, _skProgressBarFil["@apply bg-" + color + "-surface-primary"] = {}, _skProgressBarFil),
+        '&[data-accent="true"]': (_dataAccentTrue = {}, _dataAccentTrue["@apply bg-inverted-" + color + "-surface-primary"] = {}, _dataAccentTrue)
+      }, _extends2));
+    }, {}), {
+      "&[data-color='tertiary']": {
+        '.sk-progress-bar-fill': (_skProgressBarFil2 = {}, _skProgressBarFil2["@apply bg-primary-surface"] = {}, _skProgressBarFil2)
+      }
+    })
+  };
+};
+//# sourceMappingURL=progress-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","names":["module","exports","ProgressBar","colors","_skProgressBarFil2","_extends","reduce","styles","color","_skProgressBarFil","_dataAccentTrue","_extends2"],"sources":["../../../src/components/progress-bar.js"],"sourcesContent":["module.exports = ProgressBar = (colors) => ({\r\n  '.sk-progress-bar': {\r\n    '@apply flex h-[.4rem] rounded-circular bg-background-color-mixin-2': {},\r\n\r\n    '&-fill': {\r\n      '@apply rounded-circular': {},\r\n    },\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          '.sk-progress-bar-fill': {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n\r\n          '&[data-accent=\"true\"]': {\r\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\r\n          },\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    \"&[data-color='tertiary']\": {\r\n      '.sk-progress-bar-fill': {\r\n        [`@apply bg-primary-surface`]: {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAACC,MAAM;EAAA,IAAAC,kBAAA;EAAA,OAAM;IAC1C,kBAAkB,EAAAC,QAAA;MAChB,oEAAoE,EAAE,CAAC,CAAC;MAExE,QAAQ,EAAE;QACR,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAEEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,iBAAA,EAAAC,eAAA,EAAAC,SAAA;MAAA,OAAAN,QAAA,KACTE,MAAM,GAAAI,SAAA,OAAAA,SAAA,qBACSH,KAAK,YAAO;QAC5B,uBAAuB,GAAAC,iBAAA,OAAAA,iBAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,iBAAA,CAC3C;QAED,uBAAuB,GAAAC,eAAA,OAAAA,eAAA,yBACEF,KAAK,yBAAqB,CAAC,CAAC,EAAAE,eAAA;MAEvD,CAAC,EAAAC,SAAA;IAAA,CACD,EACF,CAAC,CACH,CAAC;MAED,0BAA0B,EAAE;QAC1B,uBAAuB,GAAAP,kBAAA,OAAAA,kBAAA,gCACU,CAAC,CAAC,EAAAA,kBAAA;MAErC;IAAC;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/radio.js

@@ -1,84 +1,133 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-module.exports = Radio = function Radio(colors) {
+module.exports = Radio = function Radio() {
   return {
-    '.form-radio': _extends({
-      '@apply shadow-sm': {},
-      backgroundColor: 'inherit',
-      '@apply border-neutral-300': {},
-      '&[aria-invalid=true]': {
-        '--tw-border-opacity': '1',
-        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+    '.sk-form-radio': {
+      backgroundImage: 'none',
+      '@apply relative': {},
+      '@apply box-border': {},
+      '@apply bg-primitives-overlay-lighten-10': {},
+      '@apply dark:bg-primitives-overlay-darken-6': {},
+      '@apply border-1': {},
+      '@apply border-primitives-overlay-darken-6': {},
+      '@apply dark:border-primitives-overlay-lighten-6': {},
+      '@apply m-0': {},
+      '@apply h-24 w-24': {},
+      //Hover
+      '@apply hover:after:content-[""]': {},
+      '@apply hover:border-primitives-overlay-darken-8': {},
+      '@apply hover:dark:border-primitives-overlay-lighten-4': {},
+      '&::after': {
+        '@apply absolute': {},
+        '@apply rounded-full': {},
+        '@apply bg-dark-placeholder': {},
+        '@apply m-[0.5rem]': {},
+        '@apply top-0 left-0 bottom-0 right-0': {}
       },
-      '&[aria-invalid=true]:hover': {
-        '--tw-border-opacity': '1',
-        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      //Focus
+      '@apply focus-visible:ring': {},
+      '@apply focus-visible:bg-background-content': {},
+      '@apply focus-visible:border-background-content': {},
+      '@apply focus-visible:hover:border-background-content': {},
+      //Invalid
+      '&[aria-invalid="true"]': {
+        '@apply border-2': {},
+        '@apply border-error-surface-primary': {},
+        '@apply hover:border-2': {},
+        '@apply hover:border-error-surface-primary': {}
       },
-      // dark colors
-      '@apply dark:border-neutral-400': {},
-      '.dark &[aria-invalid=true]': {
-        '--tw-border-opacity': '1',
-        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
-      },
-      '.dark &[aria-invalid=true]:hover': {
-        '--tw-border-opacity': '1',
-        borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))'
-      },
-      '@media (prefers-color-scheme: dark)': {
-        '&[aria-invalid=true]': {
-          '--tw-border-opacity': '1',
-          borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))'
+      //Checked
+      '&:checked, &[checked="true"]': {
+        '@apply bg-primitives-overlay-lighten-10': {},
+        '@apply dark:bg-primitives-overlay-darken-6': {},
+        '@apply hover:bg-primitives-overlay-lighten-10': {},
+        '@apply hover:dark:bg-primitives-overlay-darken-6': {},
+        '@apply focus:bg-primitives-overlay-lighten-10': {},
+        '@apply focus:dark:bg-primitives-overlay-darken-6': {},
+        '@apply text-primitives-overlay-lighten-10': {},
+        '@apply dark:text-primitives-overlay-darken-6': {},
+        '@apply hover:text-primitives-overlay-lighten-10': {},
+        '@apply hover:dark:text-primitives-overlay-darken-6': {},
+        '@apply focus:text-primitives-overlay-lighten-10': {},
+        '@apply focus:dark:text-primitives-overlay-darken-6': {},
+        '@apply border-primitives-overlay-darken-6': {},
+        '@apply focus:border-primitives-overlay-darken-6': {},
+        '@apply dark:border-primitives-overlay-lighten-6': {},
+        '@apply hover:border-primitives-overlay-darken-8': {},
+        '@apply hover:dark:border-primitives-overlay-lighten-4': {},
+        '@apply focus:outline-0': {},
+        '@apply focus:ring-0 focus:ring-offset-0': {},
+        '@apply focus-visible:ring': {},
+        '@apply focus-visible:border-transparent': {},
+        '@apply after:content-[""]': {},
+        '&[aria-invalid="true"]': {
+          '@apply border-2': {},
+          '@apply border-error-surface-primary': {},
+          '@apply hover:border-2': {},
+          '@apply hover:border-error-surface-primary': {}
         },
-        '&[aria-invalid=true]:hover': {
-          '--tw-border-opacity': '1',
-          'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))'
+        '&::after': {
+          '@apply bg-dark-primary': {}
         }
       },
-      '&:checked': {
-        borderColor: 'transparent'
-      }
-    }, colors.reduce(function (styles, color) {
-      var _ref, _extends2;
-      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-" + color + "-600"] = {}, _ref["@apply focus-visible:border-" + color + "-600 focus-visible:ring-" + color + "-600"] = {}, _ref["@apply dark:text-" + color + "-500"] = {}, _ref["@apply dark:focus-visible:border-" + color + "-400 dark:focus-visible:ring-" + color + "-400"] = {}, _ref), _extends2));
-    }, {}), {
-      '@apply dark:focus-visible:ring-offset-neutral-900': {},
-      // sizing
-      '&-sm': {
-        '@apply w-3 h-3': {}
-      },
-      '&-md': {
-        '@apply w-4 h-4': {}
+      '&:active': {
+        '@apply ring-0 ring-offset-0': {}
       },
-      '&-lg': {
-        '@apply w-5 h-5': {}
-      },
-      '&-xl': {
-        '@apply w-6 h-6': {}
-      },
-      // disabled
-      '&-disabled': {
-        '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300': {},
-        '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {}
+      //Disabled
+      '&:disabled, &[disabled="true"]': {
+        '@apply border-primitives-overlay-darken-3': {},
+        '@apply dark:border-primitives-overlay-lighten-3': {},
+        '@apply hover:border-primitives-overlay-darken-3': {},
+        '@apply hover:dark:border-primitives-overlay-lighten-3': {},
+        '@apply bg-background-200': {},
+        '@apply hover:bg-background-200': {},
+        '@apply cursor-not-allowed': {},
+        '&:not(:checked):not([checked="true"]):after': {
+          '@apply hidden': {}
+        },
+        '&:checked, &[checked="true"]': {
+          '&::after': {
+            '@apply bg-dark-disabled': {}
+          }
+        }
       },
-      // label
       '&-label': {
-        '@apply ml-2 select-none text-sm': {},
-        '@apply text-body': {},
-        // dark colors
-        '@apply dark:text-neutral-100': {},
+        '@apply inline-flex align-top items-center': {},
+        '@apply font-normal': {},
+        '@apply p-2': {},
         '&-sm': {
-          '@apply text-xs': {}
+          '@apply text-small': {},
+          '@apply h-[2.8rem]': {},
+          '@apply gap-10': {}
         },
         '&-md': {
-          '@apply text-sm': {}
+          '@apply text-base': {},
+          '@apply h-[2.8rem]': {},
+          '@apply gap-10': {}
         },
         '&-lg': {
-          '@apply text-base': {}
+          '@apply text-large': {},
+          '@apply h-[3rem]': {},
+          '@apply gap-12': {}
         },
-        '&-xl': {
-          '@apply text-lg': {}
+        '&[data-disabled="true"]': {
+          '@apply text-dark-disabled': {}
+        }
+      },
+      '&-group': {
+        '@apply flex flex-row': {},
+        '&[data-direction="column"]': {
+          '@apply flex-col': {}
+        },
+        '&-sm': {
+          '@apply gap-12': {}
+        },
+        '&-md': {
+          '@apply gap-16': {}
+        },
+        '&-lg': {
+          '@apply gap-16': {}
         }
       }
-    })
+    }
   };
 };
 //# sourceMappingURL=radio.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n  '.form-radio': {\r\n    '@apply shadow-sm': {},\r\n    backgroundColor: 'inherit',\r\n    '@apply border-neutral-300': {},\r\n    '&[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    '&[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n    },\r\n    // dark colors\r\n    '@apply dark:border-neutral-400': {},\r\n    '.dark &[aria-invalid=true]': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n    '.dark &[aria-invalid=true]:hover': {\r\n      '--tw-border-opacity': '1',\r\n      borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n    },\r\n\r\n    '@media (prefers-color-scheme: dark)': {\r\n      '&[aria-invalid=true]': {\r\n        '--tw-border-opacity': '1',\r\n        borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n      '&[aria-invalid=true]:hover': {\r\n        '--tw-border-opacity': '1',\r\n        'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n      },\r\n    },\r\n\r\n    '&:checked': {\r\n      borderColor: 'transparent',\r\n    },\r\n\r\n    // colors\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply text-${color}-600`]: {},\r\n          [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n          [`@apply dark:text-${color}-500`]: {},\r\n          [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n    // sizing\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    // disabled\r\n    '&-disabled': {\r\n      '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n        {},\r\n      '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n    },\r\n\r\n    // label\r\n    '&-label': {\r\n      '@apply ml-2 select-none text-sm': {},\r\n      '@apply text-body': {},\r\n      // dark colors\r\n      '@apply dark:text-neutral-100': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base': {},\r\n      },\r\n\r\n      '&-xl': {\r\n        '@apply text-lg': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACC,MAAM;EAAA,OAAM;IACpC,aAAa,EAAAC,QAAA;MACX,kBAAkB,EAAE,CAAC,CAAC;MACtBC,eAAe,EAAE,SAAS;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BC,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB,CAAC;MACD;MACA,gCAAgC,EAAE,CAAC,CAAC;MACpC,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,kCAAkC,EAAE;QAClC,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MAED,qCAAqC,EAAE;QACrC,sBAAsB,EAAE;UACtB,qBAAqB,EAAE,GAAG;UAC1BA,WAAW,EAAE;QACf,CAAC;QACD,4BAA4B,EAAE;UAC5B,qBAAqB,EAAE,GAAG;UAC1B,cAAc,EAAE;QAClB;MACF,CAAC;MAED,WAAW,EAAE;QACXA,WAAW,EAAE;MACf;IAAC,GAGEH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTI,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,kCACAD,KAAK,gCAA2BA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uBAC3DD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uCACAD,KAAK,qCAAgCA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAE5F,EACF,CAAC,CACH,CAAC;MAED,mDAAmD,EAAE,CAAC,CAAC;MAEvD;MACA,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED;MACA,YAAY,EAAE;QACZ,iHAAiH,EAC/G,CAAC,CAAC;QACJ,qGAAqG,EAAE,CAAC;MAC1G,CAAC;MAED;MACA,SAAS,EAAE;QACT,iCAAiC,EAAE,CAAC,CAAC;QACrC,kBAAkB,EAAE,CAAC,CAAC;QACtB;QACA,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB;MACF;IAAC;EAEL,CAAC;AAAA,CAAC"}
+{"version":3,"file":"radio.js","names":["module","exports","Radio","backgroundImage"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = () => ({\r\n  '.sk-form-radio': {\r\n    backgroundImage: 'none',\r\n\r\n    '@apply relative': {},\r\n    '@apply box-border': {},\r\n    '@apply bg-primitives-overlay-lighten-10': {},\r\n    '@apply dark:bg-primitives-overlay-darken-6': {},\r\n    '@apply border-1': {},\r\n    '@apply border-primitives-overlay-darken-6': {},\r\n    '@apply dark:border-primitives-overlay-lighten-6': {},\r\n    '@apply m-0': {},\r\n    '@apply h-24 w-24': {},\r\n\r\n    //Hover\r\n    '@apply hover:after:content-[\"\"]': {},\r\n    '@apply hover:border-primitives-overlay-darken-8': {},\r\n    '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n    '&::after': {\r\n      '@apply absolute': {},\r\n      '@apply rounded-full': {},\r\n      '@apply bg-dark-placeholder': {},\r\n      '@apply m-[0.5rem]': {},\r\n      '@apply top-0 left-0 bottom-0 right-0': {},\r\n    },\r\n\r\n    //Focus\r\n    '@apply focus-visible:ring': {},\r\n    '@apply focus-visible:bg-background-content': {},\r\n    '@apply focus-visible:border-background-content': {},\r\n    '@apply focus-visible:hover:border-background-content': {},\r\n\r\n    //Invalid\r\n    '&[aria-invalid=\"true\"]': {\r\n      '@apply border-2': {},\r\n      '@apply border-error-surface-primary': {},\r\n      '@apply hover:border-2': {},\r\n      '@apply hover:border-error-surface-primary': {},\r\n    },\r\n\r\n    //Checked\r\n    '&:checked, &[checked=\"true\"]': {\r\n      '@apply bg-primitives-overlay-lighten-10': {},\r\n      '@apply dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply hover:bg-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply focus:bg-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:bg-primitives-overlay-darken-6': {},\r\n      '@apply text-primitives-overlay-lighten-10': {},\r\n      '@apply dark:text-primitives-overlay-darken-6': {},\r\n      '@apply hover:text-primitives-overlay-lighten-10': {},\r\n      '@apply hover:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply focus:text-primitives-overlay-lighten-10': {},\r\n      '@apply focus:dark:text-primitives-overlay-darken-6': {},\r\n      '@apply border-primitives-overlay-darken-6': {},\r\n      '@apply focus:border-primitives-overlay-darken-6': {},\r\n      '@apply dark:border-primitives-overlay-lighten-6': {},\r\n      '@apply hover:border-primitives-overlay-darken-8': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-4': {},\r\n      '@apply focus:outline-0': {},\r\n      '@apply focus:ring-0 focus:ring-offset-0': {},\r\n      '@apply focus-visible:ring': {},\r\n      '@apply focus-visible:border-transparent': {},\r\n      '@apply after:content-[\"\"]': {},\r\n      '&[aria-invalid=\"true\"]': {\r\n        '@apply border-2': {},\r\n        '@apply border-error-surface-primary': {},\r\n        '@apply hover:border-2': {},\r\n        '@apply hover:border-error-surface-primary': {},\r\n      },\r\n      '&::after': {\r\n        '@apply bg-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&:active': {\r\n      '@apply ring-0 ring-offset-0': {},\r\n    },\r\n\r\n    //Disabled\r\n    '&:disabled, &[disabled=\"true\"]': {\r\n      '@apply border-primitives-overlay-darken-3': {},\r\n      '@apply dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply hover:border-primitives-overlay-darken-3': {},\r\n      '@apply hover:dark:border-primitives-overlay-lighten-3': {},\r\n      '@apply bg-background-200': {},\r\n      '@apply hover:bg-background-200': {},\r\n      '@apply cursor-not-allowed': {},\r\n      '&:not(:checked):not([checked=\"true\"]):after': {\r\n        '@apply hidden': {},\r\n      },\r\n      '&:checked, &[checked=\"true\"]': {\r\n        '&::after': {\r\n          '@apply bg-dark-disabled': {},\r\n        },\r\n      },\r\n    },\r\n\r\n    '&-label': {\r\n      '@apply inline-flex align-top items-center': {},\r\n      '@apply font-normal': {},\r\n      '@apply p-2': {},\r\n      '&-sm': {\r\n        '@apply text-small': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-md': {\r\n        '@apply text-base': {},\r\n        '@apply h-[2.8rem]': {},\r\n        '@apply gap-10': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply text-large': {},\r\n        '@apply h-[3rem]': {},\r\n        '@apply gap-12': {},\r\n      },\r\n      '&[data-disabled=\"true\"]': {\r\n        '@apply text-dark-disabled': {},\r\n      },\r\n    },\r\n    '&-group': {\r\n      '@apply flex flex-row': {},\r\n      '&[data-direction=\"column\"]': {\r\n        '@apply flex-col': {},\r\n      },\r\n      '&-sm': {\r\n        '@apply gap-12': {},\r\n      },\r\n      '&-md': {\r\n        '@apply gap-16': {},\r\n      },\r\n      '&-lg': {\r\n        '@apply gap-16': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+module.exports = SearchField = function SearchField() {
+  return {
+    '.sk-search-field': {
+      '&-md': {
+        '.sk-search-field-icon': {
+          '@apply w-[2rem] h-[2rem]': {},
+          svg: {
+            '@apply w-[2rem] h-[2rem]': {}
+          }
+        }
+      },
+      '&-lg': {
+        '.sk-search-field-icon': {
+          '@apply w-[2.2rem] h-[2.2rem]': {},
+          svg: {
+            '@apply w-[2.2rem] h-[2.2rem]': {}
+          }
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=search-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-field.js","names":["module","exports","SearchField","svg"],"sources":["../../../src/components/search-field.js"],"sourcesContent":["module.exports = SearchField = () => ({\r\n  '.sk-search-field': {\r\n    '&-md': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n        svg: {\r\n          '@apply w-[2rem] h-[2rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '.sk-search-field-icon': {\r\n        '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        svg: {\r\n          '@apply w-[2.2rem] h-[2.2rem]': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,kBAAkB,EAAE;MAClB,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,0BAA0B,EAAE,CAAC,CAAC;UAC9BC,GAAG,EAAE;YACH,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,uBAAuB,EAAE;UACvB,8BAA8B,EAAE,CAAC,CAAC;UAClCA,GAAG,EAAE;YACH,8BAA8B,EAAE,CAAC;UACnC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}