@sk-web-gui/core 0.1.93 → 1.0.1

package/dist/esm/components/comments.js

@@ -5,9 +5,9 @@ module.exports = Comments = () => ({
   '.comment-item': {
     '@apply w-full': {},
     '&-container': {
-      '@apply flex relative w-full': {},
+      '@apply flex justify-between relative': {},
       '&-textpic': {
-        '@apply flex gap-2 grow': {}
+        '@apply flex gap-2': {}
       }
     },
     '&-text': {

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

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({\r\n  '.comment-header': {\r\n    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n  },\r\n\r\n  '.comment-item': {\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex relative w-full': {},\r\n\r\n      '&-textpic': {\r\n        '@apply flex gap-2 grow': {},\r\n      },\r\n    },\r\n    '&-text': {\r\n      '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n    },\r\n    '&-commentorpublished': {\r\n      '@apply float-right text-neutral-600 m-0': {},\r\n    },\r\n  },\r\n  '.comment-input': {\r\n    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n    '&-inactive': {\r\n      '@apply text-neutral-300 !text-3xl': {},\r\n    },\r\n\r\n    '&-active': {\r\n      '@apply text-primary !text-3xl': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,iBAAiB,EAAE;IACjB,uEAAuE,EAAE,CAAC;EAC5E,CAAC;EAED,eAAe,EAAE;IACf,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MAEjC,WAAW,EAAE;QACX,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,sBAAsB,EAAE;MACtB,yCAAyC,EAAE,CAAC;IAC9C;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,EAAE;MACV,+BAA+B,EAAE,CAAC;IACpC;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n    '.comment-header': {\r\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n    },\r\n\r\n    '.comment-item':{\r\n        '@apply w-full': {},\r\n\r\n        '&-container': {\r\n            '@apply flex justify-between relative': {},\r\n\r\n            '&-textpic': {\r\n                '@apply flex gap-2': {},\r\n            },\r\n        },\r\n        '&-text': {\r\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n        },\r\n        '&-commentorpublished': {\r\n            '@apply float-right text-neutral-600 m-0': {},\r\n        },\r\n    },\r\n    '.comment-input':{\r\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n        '&-inactive': {\r\n            '@apply text-neutral-300 !text-3xl': {},\r\n        },\r\n\r\n        '&-active': {\r\n            '@apply text-primary !text-3xl': {},\r\n        }\r\n\r\n    },\r\n\r\n   \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}

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

@@ -1,23 +1,40 @@
 module.exports = CookieConsent = () => ({
-  '.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/esm/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,GAAGA,CAAA,MAAO;EACtC,iBAAiB,EAAE;IACjB,mFAAmF,EAAE,CAAC,CAAC;IAEvF,aAAa,EAAE;MACb,8IAA8I,EAC5I,CAAC,CAAC;MAEJ,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC;MACvB;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC;IAClE,CAAC;IAED,SAAS,EAAE;MACT,mDAAmD,EAAE,CAAC;IACxD,CAAC;IAED,eAAe,EAAE;MACf,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,eAAe,EAAE;MACf,mEAAmE,EAAE,CAAC;IACxE;EACF;AACF,CAAC,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,GAAGA,CAAA,MAAO;EACtC,oBAAoB,EAAE;IACpB,0EAA0E,EAAE,CAAC,CAAC;IAC9E,8BAA8B,EAAE,CAAC,CAAC;IAClC,aAAa,EAAE,CAAC,CAAC;IACjB,cAAc,EAAE,CAAC,CAAC;IAElB,WAAW,EAAE;MACX,2CAA2C,EAAE,CAAC,CAAC;MAC/C,uCAAuC,EAAE,CAAC,CAAC;MAC3C,4CAA4C,EAAE,CAAC;IACjD,CAAC;IACD,aAAa,EAAE;MACb;MACA;;MAEA,QAAQ,EAAE;QACR;MAAA;IAEJ,CAAC;IAED,mBAAmB,EAAE;MACnB,iEAAiE,EAAE,CAAC;IACtE,CAAC;IAED,QAAQ,EAAE;MACR,4BAA4B,EAAE,CAAC,CAAC;MAChC,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,SAAS,EAAE;MACT,+CAA+C,EAAE,CAAC;IACpD,CAAC;IACD,kBAAkB,EAAE;MAClB,6BAA6B,EAAE,CAAC;IAClC,CAAC;IAED,eAAe,EAAE;MACf,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED,eAAe,EAAE;MACf,mDAAmD,EAAE,CAAC;IACxD;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dialog.js

@@ -1,13 +1,6 @@
 module.exports = Dialog = () => ({
-  '.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]': {}
   }
 });
 //# sourceMappingURL=dialog.js.map

package/dist/esm/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,GAAGA,CAAA,MAAO;EAC/B,SAAS,EAAE;IACT,0BAA0B,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;MACX,wDAAwD,EAAE,CAAC,CAAC;MAC5DC,eAAe,EAAE;IACnB,CAAC;IACD,WAAW,EAAE;MACX,0BAA0B,EAAE,CAAC;IAC/B;EACF;AACF,CAAC,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,GAAGA,CAAA,MAAO;EAC/B,YAAY,EAAE;IACZ,2CAA2C,EAAE,CAAC;EAChD;AACF,CAAC,CAAC"}

package/dist/esm/components/divider.js

@@ -1,12 +1,50 @@
 module.exports = Divider = () => ({
-  '.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/esm/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,GAAGA,CAAA,MAAO;EAChC,UAAU,EAAE;IACV,oCAAoC,EAAE,CAAC,CAAC;IACxC;IACA,YAAY,EAAE;MACZ,0CAA0C,EAAE,CAAC;IAC/C,CAAC;IACD,cAAc,EAAE;MACd,0CAA0C,EAAE,CAAC;IAC/C;EACF;AACF,CAAC,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,GAAGA,CAAA,MAAO;EAChC,aAAa,EAAE;IACb,kCAAkC,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE;MACZ,oFAAoF,EAAE,CAAC,CAAC;MACxF,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,cAAc,EAAE;MACd,mDAAmD,EAAE,CAAC,CAAC;MACvD,uBAAuB,EAAE;QACvB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IAED,QAAQ,EAAE;MACR,iCAAiC,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,oBAAoB,EAAE,CAAC;QACzB,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,kBAAkB,EAAE;UAClB,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE;QACd,QAAQ,EAAE;UACR,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QACD,kBAAkB,EAAE;UAClB,yBAAyB,EAAE,CAAC;QAC9B;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/dot.js

@@ -6,7 +6,7 @@ module.exports = Dot = colors => ({
       '@apply bg-neutral-500': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color + "-500"]: {}
+        ["@apply bg-" + color + "-surface-primary"]: {}
       }
     }), {}), {
       '&.dot-bordered': {
@@ -15,8 +15,7 @@ module.exports = Dot = colors => ({
       }
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&.dot-bordered[data-color=\"" + color + "\"]"]: {
-        ["@apply border-" + color + "-100"]: {},
-        ["@apply dark:border-" + color + "-300"]: {}
+        ["@apply border-" + color + "-background-200"]: {}
       }
     }), {})),
     '&-outline': _extends({
@@ -24,7 +23,7 @@ module.exports = Dot = colors => ({
       '@apply dark:bg-neutral-800': {}
     }, colors.reduce((styles, color) => _extends({}, styles, {
       ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply border-" + color + "-500"]: {}
+        ["@apply border-" + color + "-surface-primary"]: {}
       }
     }), {})),
     '&-3xs': {

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

@@ -1 +1 @@
-{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color"],"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,GAAIC,MAAM,KAAM;EAClC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,YAAS,CAAC;MAC/B;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,YAAS,CAAC,CAAC;QAClC,yBAAuBA,KAAK,YAAS,CAAC;MACxC;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,YAAS,CAAC;MACnC;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"dot.js","names":["module","exports","Dot","colors","_extends","reduce","styles","color"],"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,GAAIC,MAAM,KAAM;EAClC,MAAM,EAAE;IACN,0CAA0C,EAAE,CAAC,CAAC;IAC9C,SAAS,EAAAC,QAAA;MACP,uBAAuB,EAAE,CAAC;IAAC,GAExBD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,gBAAgB,EAAE;QAChB,8BAA8B,EAAE,CAAC,CAAC;QAClC,gCAAgC,EAAE,CAAC;MACrC;IAAC,GAEEJ,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,kCAA+BC,KAAK,WAAO;QACzC,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAAH,QAAA;MACT,6CAA6C,EAAE,CAAC,CAAC;MACjD,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,oBAAkBA,KAAK,wBAAqB,CAAC;MAC/C;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,OAAO,EAAE;MACP,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,EAAE;MACN,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,EAAE;MACP,gBAAgB,EAAE,CAAC;IACrB;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/filter.js

@@ -0,0 +1,15 @@
+module.exports = Filter = () => ({
+  '.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/esm/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,GAAGA,CAAA,MAAO;EAC/B,YAAY,EAAE;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,SAAS,EAAE;MACT,0BAA0B,EAAE,CAAC;IAC/B,CAAC;IAED,yBAAyB,EAAE;MACzB,+CAA+C,EAAE,CAAC,CAAC;MACnD,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/footer.js

@@ -1,30 +1,28 @@
-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 = colors => ({
-  '.footer': {
-    '&-innerwrapper': _extends({
-      '@apply bg-gray text-white py-12': {}
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color]: {}
-      }
-    }), {})),
+module.exports = Footer = () => ({
+  '.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((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply bg-" + color]: {}
-      }
-    }), {}), {
-      '&-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': {}
       }
-    })
+    }
   }
 });
 //# sourceMappingURL=footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["module","exports","Footer","colors","_extends","reduce","styles","color"],"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,GAAIC,MAAM,KAAM;EACrC,SAAS,EAAE;IACT,gBAAgB,EAAAC,QAAA;MACd,iCAAiC,EAAE,CAAC;IAAC,GAElCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CACH,CAAC,CACF;IAED,WAAW,EAAE;MACX,yDAAyD,EAAE,CAAC;IAC9D,CAAC;IAED,eAAe,EAAAH,QAAA;MACb,uCAAuC,EAAE,CAAC;IAAC,GAExCD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MACT,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,GAAK,CAAC;MAC3B;IAAC,EACD,EACF,CAAC,CACH,CAAC;MAED,aAAa,EAAE;QACb,sGAAsG,EAAE,CAAC,CAAC;QAC1G,KAAK,EAAE;UACL,2CAA2C,EAAE,CAAC;QAChD;MACF;IAAC;EAEL;AACF,CAAC,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,GAAGA,CAAA,MAAO;EAC/B,YAAY,EAAE;IACZ,8BAA8B,EAAE,CAAC,CAAC;IAClC,4BAA4B,EAAE,CAAC,CAAC;IAChC,eAAe,EAAE,CAAC,CAAC;IACnB,6CAA6C,EAAE,CAAC,CAAC;IACjD,4BAA4B,EAAE,CAAC,CAAC;IAEhC,gBAAgB,EAAE;MAChB,6BAA6B,EAAE,CAAC,CAAC;MACjC,kDAAkD,EAAE,CAAC,CAAC;MACtD,4CAA4C,EAAE,CAAC,CAAC;MAChD,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IAED,QAAQ,EAAE;MACR,kCAAkC,EAAE,CAAC;IACvC,CAAC;IACD,WAAW,EAAE;MACX,oDAAoD,EAAE,CAAC;IACzD,CAAC;IACD,QAAQ,EAAE;MACR,6BAA6B,EAAE,CAAC,CAAC;MACjC,QAAQ,EAAE;QACR,uDAAuD,EAAE,CAAC;MAC5D;IACF;EACF;AACF,CAAC,CAAC"}

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

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

package/dist/esm/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,GAAGA,CAAA,MAAO;EAC9B,kBAAkB,EAAE;IAClB,mCAAmC,EAAE,CAAC;EACxC;AACF,CAAC,CAAC"}

package/dist/esm/components/forms.js

@@ -1,299 +1,25 @@
-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) {
-  return {
-    '&-outline': _extends({
-      '@apply border shadow-sm border-gray-stroke': {},
-      '@apply text-gray bg-white': {}
-    }, colors.reduce((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply focus-visible:border-" + color + " focus-visible:ring-" + color]: {},
-        ["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color]: {}
-      }
-    }), {}), {
-      '&[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((styles, color) => _extends({}, styles, {
-      ["&[data-color=\"" + color + "\"]"]: {
-        ["@apply focus-visible:border-" + color + " focus-visible:ring-" + color]: {},
-        ["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color]: {}
-      }
-    }), {}), {
-      '&[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': {}
-      }
-    },
-    '.form-input-element': {
-      '@apply flex items-center justify-center absolute z-base top-0': {},
-      '&-sm': {
-        '@apply text-xs h-7 w-7': {}
-      },
-      '&-md': {
-        '@apply text-sm h-8 w-8': {}
-      },
-      '&-lg': {
-        '@apply text-base h-10 w-10': {}
-      }
-    },
-    '.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': {}
-      }
-    },
-    '.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': {}
-      }
-    }
-  };
-}
-module.exports = Forms = colors => _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': {},
+module.exports = Forms = () => ({
+  '.sk-form-control': {
+    '@apply flex flex-col gap-8 w-fit': {}
+  },
+  '.sk-form-label': {
+    '@apply font-bold': {},
     '&-sm': {
-      '@apply text-sm leading-sm': {},
-      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {}
+      '@apply text-label-small': {}
     },
     '&-md': {
-      '@apply text-base leading-base': {},
-      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {}
+      '@apply text-label-medium': {}
     },
     '&-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': {}
+      '@apply text-label-large': {}
     }
   },
-  '.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': {}
-    }
+  'legend.sk-form-label': {
+    display: 'contents'
   },
-  '.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': {}
-        }
-      }
-    }
+  '.sk-form-helper-text, .sk-form-error-message': {
+    '@apply font-normal': {},
+    '@apply text-small': {}
   }
-}, formInputGroup(), formControl());
+});
 //# sourceMappingURL=forms.js.map