@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/cjs/components/cookie-consent.js

@@ -1,24 +1,41 @@
 module.exports = CookieConsent = function CookieConsent() {
   return {
-    '.cookie-consent': {
-      '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},
+    '.sk-cookie-consent': {
+      '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},
+      '@apply bg-background-content': {},
+      '@apply p-40': {},
+      '@apply pt-24': {},
+      '&-wrapper': {
+        '@apply fixed inset-0 z-20 overflow-y-auto': {},
+        '@apply bg-primitives-overlay-darken-6': {},
+        '@apply dark:bg-primitives-overlay-darken-8': {}
+      },
       '&-close-btn': {
-        '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {},
+        // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':
+        // {},
+
         '&-icon': {
-          '@apply !text-2xl': {}
+          // '@apply !text-2xl': {},
         }
       },
       '&-content-wrapper': {
-        '@apply flex flex-col container py-12 px-4 bg-white relative': {}
+        '@apply flex flex-col gap-24 container max-w-[102.4rem] relative': {}
+      },
+      '&-body': {
+        '@apply flex flex-col gap-8': {},
+        '@apply max-w-[80rem]': {}
       },
       '&-title': {
-        '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {}
+        '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
+      },
+      '&-custom-wrapper': {
+        '@apply flex flex-col gap-24': {}
       },
       '&-description': {
-        '@apply text-base leading-base mb-8': {}
+        '@apply text-base flex flex-col gap-8': {}
       },
       '&-btn-wrapper': {
-        '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {}
+        '@apply flex flex-col md:flex-row gap-12 flex-wrap': {}
       }
     }
   };

package/dist/cjs/components/cookie-consent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookie-consent.js","names":["module","exports","CookieConsent"],"sources":["../../../src/components/cookie-consent.js"],"sourcesContent":["module.exports = CookieConsent = () => ({\r\n  '.cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0 bg-white': {},\r\n\r\n    '&-close-btn': {\r\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n        {},\r\n\r\n      '&-icon': {\r\n        '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col container py-12 px-4 bg-white relative': {},\r\n    },\r\n\r\n    '&-title': {\r\n      '@apply text-2xl leading-2xl mb-1 mt-4 break-words': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base leading-base mb-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col space-y-4 lg:block lg:space-y-0 lg:space-x-4': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,aAAa,GAAG,SAAAA,cAAA;EAAA,OAAO;IACtC,iBAAiB,EAAE;MACjB,mFAAmF,EAAE,CAAC,CAAC;MAEvF,aAAa,EAAE;QACb,8IAA8I,EAC5I,CAAC,CAAC;QAEJ,QAAQ,EAAE;UACR,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MAED,mBAAmB,EAAE;QACnB,6DAA6D,EAAE,CAAC;MAClE,CAAC;MAED,SAAS,EAAE;QACT,mDAAmD,EAAE,CAAC;MACxD,CAAC;MAED,eAAe,EAAE;QACf,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,eAAe,EAAE;QACf,mEAAmE,EAAE,CAAC;MACxE;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"cookie-consent.js","names":["module","exports","CookieConsent"],"sources":["../../../src/components/cookie-consent.js"],"sourcesContent":["module.exports = CookieConsent = () => ({\r\n  '.sk-cookie-consent': {\r\n    '@apply min-w-full fixed flex justify-center z-10 bottom-0 left-0 right-0': {},\r\n    '@apply bg-background-content': {},\r\n    '@apply p-40': {},\r\n    '@apply pt-24': {},\r\n\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n    },\r\n    '&-close-btn': {\r\n      // '@apply cursor-pointer hover:text-dark-secondary absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n      // {},\r\n\r\n      '&-icon': {\r\n        // '@apply !text-2xl': {},\r\n      },\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply flex flex-col gap-24 container max-w-[102.4rem] relative': {},\r\n    },\r\n\r\n    '&-body': {\r\n      '@apply flex flex-col gap-8': {},\r\n      '@apply max-w-[80rem]': {},\r\n    },\r\n    '&-title': {\r\n      '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n    },\r\n    '&-custom-wrapper': {\r\n      '@apply flex flex-col gap-24': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base flex flex-col gap-8': {},\r\n    },\r\n\r\n    '&-btn-wrapper': {\r\n      '@apply flex flex-col md:flex-row gap-12 flex-wrap': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,aAAa,GAAG,SAAAA,cAAA;EAAA,OAAO;IACtC,oBAAoB,EAAE;MACpB,0EAA0E,EAAE,CAAC,CAAC;MAC9E,8BAA8B,EAAE,CAAC,CAAC;MAClC,aAAa,EAAE,CAAC,CAAC;MACjB,cAAc,EAAE,CAAC,CAAC;MAElB,WAAW,EAAE;QACX,2CAA2C,EAAE,CAAC,CAAC;QAC/C,uCAAuC,EAAE,CAAC,CAAC;QAC3C,4CAA4C,EAAE,CAAC;MACjD,CAAC;MACD,aAAa,EAAE;QACb;QACA;;QAEA,QAAQ,EAAE;UACR;QAAA;MAEJ,CAAC;MAED,mBAAmB,EAAE;QACnB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC,CAAC;QAChC,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,SAAS,EAAE;QACT,+CAA+C,EAAE,CAAC;MACpD,CAAC;MACD,kBAAkB,EAAE;QAClB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,eAAe,EAAE;QACf,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MAED,eAAe,EAAE;QACf,mDAAmD,EAAE,CAAC;MACxD;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/dialog.js

@@ -1,14 +1,7 @@
 module.exports = Dialog = function Dialog() {
   return {
-    '.dialog': {
-      '@apply w-fit max-w-prose': {},
-      '&-buttons': {
-        '@apply grid grid-flow-col gap-lg place-content-stretch': {},
-        gridAutoColumns: 'minmax(0, 1fr)'
-      },
-      '&-content': {
-        '@apply text-center mb-lg': {}
-      }
+    '.sk-dialog': {
+      '@apply w-fit max-w-prose md:min-w-[40rem]': {}
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["module","exports","Dialog","gridAutoColumns"],"sources":["../../../src/components/dialog.js"],"sourcesContent":["module.exports = Dialog = () => ({\r\n  '.dialog': {\r\n    '@apply w-fit max-w-prose': {},\r\n    '&-buttons': {\r\n      '@apply grid grid-flow-col gap-lg place-content-stretch': {},\r\n      gridAutoColumns: 'minmax(0, 1fr)',\r\n    },\r\n    '&-content': {\r\n      '@apply text-center mb-lg': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC,CAAC;MAC9B,WAAW,EAAE;QACX,wDAAwD,EAAE,CAAC,CAAC;QAC5DC,eAAe,EAAE;MACnB,CAAC;MACD,WAAW,EAAE;QACX,0BAA0B,EAAE,CAAC;MAC/B;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"dialog.js","names":["module","exports","Dialog"],"sources":["../../../src/components/dialog.js"],"sourcesContent":["module.exports = Dialog = () => ({\r\n  '.sk-dialog': {\r\n    '@apply w-fit max-w-prose md:min-w-[40rem]': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,YAAY,EAAE;MACZ,2CAA2C,EAAE,CAAC;IAChD;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/divider.js

@@ -1,13 +1,51 @@
 module.exports = Divider = function Divider() {
   return {
-    '.divider': {
-      '@apply border-0 border-gray-stroke': {},
-      //borderColor: "inherit",
+    '.sk-divider': {
+      '@apply border-t-0 border-divider': {},
       '&-vertical': {
-        '@apply border-l border-solid h-auto mx-2': {}
+        '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},
+        '&[data-strong="true"]': {
+          '@apply border-l border-solid h-auto mx-2': {}
+        }
       },
       '&-horizontal': {
-        '@apply border-b border-solid w-auto my-2': {}
+        '@apply flex-1 border-b-1 border-solid w-auto my-2': {},
+        '&[data-strong="true"]': {
+          '@apply border-b border-solid w-auto my-2': {}
+        }
+      },
+      '&-root': {
+        '@apply flex items-center gap-16': {}
+      },
+      '&-sm': {
+        '&.sk-divider': {
+          '&-root': {
+            '@apply gap-[.8rem]': {}
+          },
+          '.sk-divider-text': {
+            '@apply text-label-small': {}
+          }
+        }
+      },
+      '&-md': {
+        '&.sk-divider': {
+          '&-root': {
+            '@apply gap-[1rem]': {}
+          },
+          '.sk-divider-text': {
+            '@apply text-label-medium': {}
+          }
+        }
+      },
+      '&-lg': {
+        '&.sk-divider': {
+          '&-root': {
+            '@apply gap-[1.2rem]': {}
+          },
+          '.sk-divider-text': {
+            '@apply text-label-large': {}
+          }
+        }
       }
     }
   };

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":["module","exports","Divider"],"sources":["../../../src/components/divider.js"],"sourcesContent":["module.exports = Divider = () => ({\r\n  '.divider': {\r\n    '@apply border-0 border-gray-stroke': {},\r\n    //borderColor: \"inherit\",\r\n    '&-vertical': {\r\n      '@apply border-l border-solid h-auto mx-2': {},\r\n    },\r\n    '&-horizontal': {\r\n      '@apply border-b border-solid w-auto my-2': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,oCAAoC,EAAE,CAAC,CAAC;MACxC;MACA,YAAY,EAAE;QACZ,0CAA0C,EAAE,CAAC;MAC/C,CAAC;MACD,cAAc,EAAE;QACd,0CAA0C,EAAE,CAAC;MAC/C;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"divider.js","names":["module","exports","Divider"],"sources":["../../../src/components/divider.js"],"sourcesContent":["module.exports = Divider = () => ({\r\n  '.sk-divider': {\r\n    '@apply border-t-0 border-divider': {},\r\n    '&-vertical': {\r\n      '@apply min-h-[1em] border-l-1 border-solid h-auto ml-4 mt-8 mb-4 mr-4 self-stretch': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-l border-solid h-auto mx-2': {},\r\n      },\r\n    },\r\n    '&-horizontal': {\r\n      '@apply flex-1 border-b-1 border-solid w-auto my-2': {},\r\n      '&[data-strong=\"true\"]': {\r\n        '@apply border-b border-solid w-auto my-2': {},\r\n      },\r\n    },\r\n\r\n    '&-root': {\r\n      '@apply flex items-center gap-16': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[.8rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-small': {},\r\n        },\r\n      },\r\n    },\r\n    '&-md': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[1rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-lg': {\r\n      '&.sk-divider': {\r\n        '&-root': {\r\n          '@apply gap-[1.2rem]': {},\r\n        },\r\n        '.sk-divider-text': {\r\n          '@apply text-label-large': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,aAAa,EAAE;MACb,kCAAkC,EAAE,CAAC,CAAC;MACtC,YAAY,EAAE;QACZ,oFAAoF,EAAE,CAAC,CAAC;QACxF,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,cAAc,EAAE;QACd,mDAAmD,EAAE,CAAC,CAAC;QACvD,uBAAuB,EAAE;UACvB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MAED,QAAQ,EAAE;QACR,iCAAiC,EAAE,CAAC;MACtC,CAAC;MAED,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,oBAAoB,EAAE,CAAC;UACzB,CAAC;UACD,kBAAkB,EAAE;YAClB,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,mBAAmB,EAAE,CAAC;UACxB,CAAC;UACD,kBAAkB,EAAE;YAClB,0BAA0B,EAAE,CAAC;UAC/B;QACF;MACF,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE;UACd,QAAQ,EAAE;YACR,qBAAqB,EAAE,CAAC;UAC1B,CAAC;UACD,kBAAkB,EAAE;YAClB,yBAAyB,EAAE,CAAC;UAC9B;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/dot.js

@@ -7,7 +7,7 @@ module.exports = Dot = function Dot(colors) {
         '@apply bg-neutral-500': {}
       }, colors.reduce(function (styles, color) {
         var _ref, _extends2;
-        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-500"] = {}, _ref), _extends2));
+        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-surface-primary"] = {}, _ref), _extends2));
       }, {}), {
         '&.dot-bordered': {
           '@apply border-2 border-white': {},
@@ -15,14 +15,14 @@ module.exports = Dot = function Dot(colors) {
         }
       }, colors.reduce(function (styles, color) {
         var _ref2, _extends3;
-        return _extends({}, styles, (_extends3 = {}, _extends3["&.dot-bordered[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-" + color + "-100"] = {}, _ref2["@apply dark:border-" + color + "-300"] = {}, _ref2), _extends3));
+        return _extends({}, styles, (_extends3 = {}, _extends3["&.dot-bordered[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply border-" + color + "-background-200"] = {}, _ref2), _extends3));
       }, {})),
       '&-outline': _extends({
         '@apply bg-white border-2 border-neutral-500': {},
         '@apply dark:bg-neutral-800': {}
       }, colors.reduce(function (styles, color) {
         var _ref3, _extends4;
-        return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply border-" + color + "-500"] = {}, _ref3), _extends4));
+        return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply border-" + color + "-surface-primary"] = {}, _ref3), _extends4));
       }, {})),
       '&-3xs': {
         '@apply w-1.5 h-1.5': {}

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

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-100`]: {},\r\n            [`@apply dark:border-${color}-300`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-500`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACC,MAAM;EAAA,OAAM;IAClC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAEhC,EACF,CAAC,CACH,CAAC;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,yBACXH,KAAK,aAAS,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAEzC,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,aAAS,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEpC,EACF,CAAC,CACH,CAAC,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3","_ref3","_extends4"],"sources":["../../../src/components/dot.js"],"sourcesContent":["module.exports = Dot = (colors) => ({\r\n  '.dot': {\r\n    '@apply relative inline-flex rounded-full': {},\r\n    '&-solid': {\r\n      '@apply bg-neutral-500': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&.dot-bordered': {\r\n        '@apply border-2 border-white': {},\r\n        '@apply dark:border-neutral-800': {},\r\n      },\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&.dot-bordered[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-background-200`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-outline': {\r\n      '@apply bg-white border-2 border-neutral-500': {},\r\n      '@apply dark:bg-neutral-800': {},\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply border-${color}-surface-primary`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-3xs': {\r\n      '@apply w-1.5 h-1.5': {},\r\n    },\r\n\r\n    '&-2xs': {\r\n      '@apply w-2 h-2': {},\r\n    },\r\n\r\n    '&-xs': {\r\n      '@apply w-2.5 h-2.5': {},\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply w-3 h-3': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply w-3.5 h-3.5': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply w-4 h-4': {},\r\n    },\r\n\r\n    '&-xl': {\r\n      '@apply w-5 h-5': {},\r\n    },\r\n\r\n    '&-2xl': {\r\n      '@apply w-6 h-6': {},\r\n    },\r\n\r\n    '&-3xl': {\r\n      '@apply w-8 h-8': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACC,MAAM;EAAA,OAAM;IAClC,MAAM,EAAE;MACN,0CAA0C,EAAE,CAAC,CAAC;MAC9C,SAAS,EAAAC,QAAA;QACP,uBAAuB,EAAE,CAAC;MAAC,GAExBD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,yBAAqB,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5C,EACF,CAAC,CACH,CAAC;QAED,gBAAgB,EAAE;UAChB,8BAA8B,EAAE,CAAC,CAAC;UAClC,gCAAgC,EAAE,CAAC;QACrC;MAAC,GAEEN,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,kCACsBJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,oBAChBH,KAAK,wBAAoB,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE/C,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAAP,QAAA;QACT,6CAA6C,EAAE,CAAC,CAAC;QACjD,4BAA4B,EAAE,CAAC;MAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAK,KAAA,EAAAC,SAAA;QAAA,OAAAT,QAAA,KACTE,MAAM,GAAAO,SAAA,OAAAA,SAAA,qBACSN,KAAK,aAAAK,KAAA,OAAAA,KAAA,oBACHL,KAAK,yBAAqB,CAAC,CAAC,EAAAK,KAAA,GAAAC,SAAA;MAAA,CAEhD,EACF,CAAC,CACH,CAAC,CACF;MAED,OAAO,EAAE;QACP,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/filter.js

@@ -0,0 +1,17 @@
+module.exports = Filter = function Filter() {
+  return {
+    '.sk-filter': {
+      '@apply w-full': {},
+      '&-label': {
+        '@apply text-label-medium': {}
+      },
+      '.sk-form-checkbox-label': {
+        '@apply grow flex items-center justify-between': {},
+        '&-wrapper': {
+          '@apply w-full': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","names":["module","exports","Filter"],"sources":["../../../src/components/filter.js"],"sourcesContent":["module.exports = Filter = () => ({\r\n  '.sk-filter': {\r\n    '@apply w-full': {},\r\n\r\n    '&-label': {\r\n      '@apply text-label-medium': {},\r\n    },\r\n\r\n    '.sk-form-checkbox-label': {\r\n      '@apply grow flex items-center justify-between': {},\r\n      '&-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,YAAY,EAAE;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,SAAS,EAAE;QACT,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MAED,yBAAyB,EAAE;QACzB,+CAA+C,EAAE,CAAC,CAAC;QACnD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/footer.js

@@ -1,29 +1,29 @@
-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 = Footer = function Footer(colors) {
+module.exports = Footer = function Footer() {
   return {
-    '.footer': {
-      '&-innerwrapper': _extends({
-        '@apply bg-gray text-white py-12': {}
-      }, colors.reduce(function (styles, color) {
-        var _ref, _extends2;
-        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color] = {}, _ref), _extends2));
-      }, {})),
+    '.sk-footer': {
+      '@apply bg-background-content': {},
+      '@apply flex justify-center': {},
+      '@apply w-full': {},
+      '@apply p-20 sm:p-32 md:p-40 lg:p-48 xl:p-80': {},
+      '@apply text-dark-secondary': {},
+      '&-innerwrapper': {
+        '@apply w-full max-w-content': {},
+        '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {},
+        '@apply flex flex-row flex-wrap gap-[10rem]': {},
+        '@apply justify-between': {}
+      },
+      '&-logo': {
+        '@apply max-h-[7.2rem] h-[7.2rem]': {}
+      },
       '&-content': {
-        '@apply px-md md:flex items-center justify-center m-auto': {}
+        '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {}
       },
-      '&-bottomlinks': _extends({
-        '@apply bg-gray-middle text-body py-md': {}
-      }, colors.reduce(function (styles, color) {
-        var _ref2, _extends3;
-        return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color] = {}, _ref2), _extends3));
-      }, {}), {
-        '&-container': {
-          '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},
-          '> *': {
-            '@apply text-body text-sm leading-sm py-sm': {}
-          }
+      '&-list': {
+        '@apply flex flex-col gap-16': {},
+        '&-item': {
+          '@apply flex flex-row justify-start items-center gap-8': {}
         }
-      })
+      }
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color","_ref","_extends2","_ref2","_extends3"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = (colors) => ({\r\n  '.footer': {\r\n    '&-innerwrapper': {\r\n      '@apply bg-gray text-white py-12': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply px-md md:flex items-center justify-center m-auto': {},\r\n    },\r\n\r\n    '&-bottomlinks': {\r\n      '@apply bg-gray-middle text-body py-md': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply bg-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&-container': {\r\n        '@apply px-md flex items-center items-center justify-center m-auto md:space-x-10 flex-col md:flex-row': {},\r\n        '> *': {\r\n          '@apply text-body text-sm leading-sm py-sm': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,SAAS,EAAE;MACT,gBAAgB,EAAAC,QAAA;QACd,iCAAiC,EAAE,CAAC;MAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAC,IAAA,EAAAC,SAAA;QAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,gBACPD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CACH,CAAC,CACF;MAED,WAAW,EAAE;QACX,yDAAyD,EAAE,CAAC;MAC9D,CAAC;MAED,eAAe,EAAAL,QAAA;QACb,uCAAuC,EAAE,CAAC;MAAC,GAExCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;QAAA,IAAAG,KAAA,EAAAC,SAAA;QAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBACSJ,KAAK,aAAAG,KAAA,OAAAA,KAAA,gBACPH,KAAK,IAAK,CAAC,CAAC,EAAAG,KAAA,GAAAC,SAAA;MAAA,CAE5B,EACF,CAAC,CACH,CAAC;QAED,aAAa,EAAE;UACb,sGAAsG,EAAE,CAAC,CAAC;UAC1G,KAAK,EAAE;YACL,2CAA2C,EAAE,CAAC;UAChD;QACF;MAAC;IAEL;EACF,CAAC;AAAA,CAAC"}
+{"version":3,"file":"footer.js","names":["module","exports","Footer"],"sources":["../../../src/components/footer.js"],"sourcesContent":["module.exports = Footer = () => ({\r\n  '.sk-footer': {\r\n    '@apply bg-background-content': {},\r\n    '@apply flex justify-center': {},\r\n    '@apply w-full': {},\r\n    '@apply p-20 sm:p-32 md:p-40 lg:p-48 xl:p-80': {},\r\n    '@apply text-dark-secondary': {},\r\n\r\n    '&-innerwrapper': {\r\n      '@apply w-full max-w-content': {},\r\n      '@apply pb-20 sm:pb-32 md:pb-40 lg:pb-48 xl:pb-80': {},\r\n      '@apply flex flex-row flex-wrap gap-[10rem]': {},\r\n      '@apply justify-between': {},\r\n    },\r\n\r\n    '&-logo': {\r\n      '@apply max-h-[7.2rem] h-[7.2rem]': {},\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-row gap-36 w-fit grow-0 flex-wrap': {},\r\n    },\r\n    '&-list': {\r\n      '@apply flex flex-col gap-16': {},\r\n      '&-item': {\r\n        '@apply flex flex-row justify-start items-center gap-8': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAAA;EAAA,OAAO;IAC/B,YAAY,EAAE;MACZ,8BAA8B,EAAE,CAAC,CAAC;MAClC,4BAA4B,EAAE,CAAC,CAAC;MAChC,eAAe,EAAE,CAAC,CAAC;MACnB,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC,CAAC;MAEhC,gBAAgB,EAAE;QAChB,6BAA6B,EAAE,CAAC,CAAC;QACjC,kDAAkD,EAAE,CAAC,CAAC;QACtD,4CAA4C,EAAE,CAAC,CAAC;QAChD,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,QAAQ,EAAE;QACR,kCAAkC,EAAE,CAAC;MACvC,CAAC;MACD,WAAW,EAAE;QACX,oDAAoD,EAAE,CAAC;MACzD,CAAC;MACD,QAAQ,EAAE;QACR,6BAA6B,EAAE,CAAC,CAAC;QACjC,QAAQ,EAAE;UACR,uDAAuD,EAAE,CAAC;QAC5D;MACF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/form-control.js

@@ -0,0 +1,8 @@
+module.exports = Forms = function Forms() {
+  return {
+    '.sk-form-control': {
+      '@apply flex flex-col gap-16 w-fit': {}
+    }
+  };
+};
+//# sourceMappingURL=form-control.js.map

package/dist/cjs/components/form-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control.js","names":["module","exports","Forms"],"sources":["../../../src/components/form-control.js"],"sourcesContent":["module.exports = Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-16 w-fit': {},\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,kBAAkB,EAAE;MAClB,mCAAmC,EAAE,CAAC;IACxC;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/forms.js

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