@sk-web-gui/core 0.1.45 → 0.1.47

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2021 Sundsvalls Kommun
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2021 Sundsvalls Kommun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,5 +1,5 @@
-## Installation
-
-```sh
-yarn add @sk-web-gui/core
-```
+## Installation
+
+```sh
+yarn add @sk-web-gui/core
+```

package/dist/cjs/colors.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _withOpacity = require("./with-opacity");
+
+module.exports = {
+  primary: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-primary-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-primary-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-primary-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-primary-DEFAULT')
+  },
+  secondary: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-secondary-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-secondary-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-secondary-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-secondary-DEFAULT')
+  },
+  success: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-success-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-success-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-success-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-success-DEFAULT')
+  },
+  info: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-info-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-info-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-info-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-info-DEFAULT')
+  },
+  warning: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-warning-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-warning-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-warning-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-warning-DEFAULT')
+  },
+  error: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    dark: (0, _withOpacity.withOpacity)('--vc-colors-error-dark'),
+    light: (0, _withOpacity.withOpacity)('--vc-colors-error-light'),
+    active: (0, _withOpacity.withOpacity)('--vc-colors-error-active'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-error-DEFAULT')
+  },
+  neutral: {
+    DEFAULT: (0, _withOpacity.withOpacity)('--vc-colors-neutral'),
+    50: (0, _withOpacity.withOpacity)('--vc-colors-neutral-50'),
+    100: (0, _withOpacity.withOpacity)('--vc-colors-neutral-100'),
+    200: (0, _withOpacity.withOpacity)('--vc-colors-neutral-200'),
+    300: (0, _withOpacity.withOpacity)('--vc-colors-neutral-300'),
+    400: (0, _withOpacity.withOpacity)('--vc-colors-neutral-400'),
+    500: (0, _withOpacity.withOpacity)('--vc-colors-neutral-500'),
+    600: (0, _withOpacity.withOpacity)('--vc-colors-neutral-600'),
+    700: (0, _withOpacity.withOpacity)('--vc-colors-neutral-700'),
+    800: (0, _withOpacity.withOpacity)('--vc-colors-neutral-800'),
+    900: (0, _withOpacity.withOpacity)('--vc-colors-neutral-900')
+  },
+  whiteAlpha: {
+    50: 'rgba(255, 255, 255, 0.04)',
+    100: 'rgba(255, 255, 255, 0.06)',
+    200: 'rgba(255, 255, 255, 0.08)',
+    300: 'rgba(255, 255, 255, 0.16)',
+    400: 'rgba(255, 255, 255, 0.24)',
+    500: 'rgba(255, 255, 255, 0.36)',
+    600: 'rgba(255, 255, 255, 0.48)',
+    700: 'rgba(255, 255, 255, 0.64)',
+    800: 'rgba(255, 255, 255, 0.80)',
+    900: 'rgba(255, 255, 255, 0.92)'
+  },
+  blackAlpha: {
+    50: 'rgba(0, 0, 0, 0.04)',
+    100: 'rgba(0, 0, 0, 0.06)',
+    200: 'rgba(0, 0, 0, 0.08)',
+    300: 'rgba(0, 0, 0, 0.16)',
+    400: 'rgba(0, 0, 0, 0.24)',
+    500: 'rgba(0, 0, 0, 0.36)',
+    600: 'rgba(0, 0, 0, 0.48)',
+    700: 'rgba(0, 0, 0, 0.64)',
+    800: 'rgba(0, 0, 0, 0.80)',
+    900: 'rgba(0, 0, 0, 0.92)'
+  }
+};
+//# sourceMappingURL=colors.js.map

package/dist/cjs/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["module","exports","primary","DEFAULT","withOpacity","dark","light","active","secondary","success","info","warning","error","neutral","whiteAlpha","blackAlpha"],"sources":["../../src/colors.ts"],"sourcesContent":["import { withOpacity } from './with-opacity';\n\nmodule.exports = {\n  primary: {\n    DEFAULT: withOpacity('--vc-colors-primary-DEFAULT'),\n    dark: withOpacity('--vc-colors-primary-dark'),\n    light: withOpacity('--vc-colors-primary-light'),\n    active: withOpacity('--vc-colors-primary-active'),\n    50: withOpacity('--vc-colors-primary-DEFAULT'),\n    100: withOpacity('--vc-colors-primary-DEFAULT'),\n    200: withOpacity('--vc-colors-primary-DEFAULT'),\n    300: withOpacity('--vc-colors-primary-DEFAULT'),\n    400: withOpacity('--vc-colors-primary-DEFAULT'),\n    500: withOpacity('--vc-colors-primary-DEFAULT'),\n    600: withOpacity('--vc-colors-primary-DEFAULT'),\n    700: withOpacity('--vc-colors-primary-DEFAULT'),\n    800: withOpacity('--vc-colors-primary-DEFAULT'),\n    900: withOpacity('--vc-colors-primary-DEFAULT'),\n  },\n\n  secondary: {\n    DEFAULT: withOpacity('--vc-colors-secondary-DEFAULT'),\n    dark: withOpacity('--vc-colors-secondary-dark'),\n    light: withOpacity('--vc-colors-secondary-light'),\n    active: withOpacity('--vc-colors-secondary-active'),\n    50: withOpacity('--vc-colors-secondary-DEFAULT'),\n    100: withOpacity('--vc-colors-secondary-DEFAULT'),\n    200: withOpacity('--vc-colors-secondary-DEFAULT'),\n    300: withOpacity('--vc-colors-secondary-DEFAULT'),\n    400: withOpacity('--vc-colors-secondary-DEFAULT'),\n    500: withOpacity('--vc-colors-secondary-DEFAULT'),\n    600: withOpacity('--vc-colors-secondary-DEFAULT'),\n    700: withOpacity('--vc-colors-secondary-DEFAULT'),\n    800: withOpacity('--vc-colors-secondary-DEFAULT'),\n    900: withOpacity('--vc-colors-secondary-DEFAULT'),\n  },\n\n  success: {\n    DEFAULT: withOpacity('--vc-colors-success-DEFAULT'),\n    dark: withOpacity('--vc-colors-success-dark'),\n    light: withOpacity('--vc-colors-success-light'),\n    active: withOpacity('--vc-colors-success-active'),\n    50: withOpacity('--vc-colors-success-DEFAULT'),\n    100: withOpacity('--vc-colors-success-DEFAULT'),\n    200: withOpacity('--vc-colors-success-DEFAULT'),\n    300: withOpacity('--vc-colors-success-DEFAULT'),\n    400: withOpacity('--vc-colors-success-DEFAULT'),\n    500: withOpacity('--vc-colors-success-DEFAULT'),\n    600: withOpacity('--vc-colors-success-DEFAULT'),\n    700: withOpacity('--vc-colors-success-DEFAULT'),\n    800: withOpacity('--vc-colors-success-DEFAULT'),\n    900: withOpacity('--vc-colors-success-DEFAULT'),\n  },\n\n  info: {\n    DEFAULT: withOpacity('--vc-colors-info-DEFAULT'),\n    dark: withOpacity('--vc-colors-info-dark'),\n    light: withOpacity('--vc-colors-info-light'),\n    active: withOpacity('--vc-colors-info-active'),\n    50: withOpacity('--vc-colors-info-DEFAULT'),\n    100: withOpacity('--vc-colors-info-DEFAULT'),\n    200: withOpacity('--vc-colors-info-DEFAULT'),\n    300: withOpacity('--vc-colors-info-DEFAULT'),\n    400: withOpacity('--vc-colors-info-DEFAULT'),\n    500: withOpacity('--vc-colors-info-DEFAULT'),\n    600: withOpacity('--vc-colors-info-DEFAULT'),\n    700: withOpacity('--vc-colors-info-DEFAULT'),\n    800: withOpacity('--vc-colors-info-DEFAULT'),\n    900: withOpacity('--vc-colors-info-DEFAULT'),\n  },\n\n  warning: {\n    DEFAULT: withOpacity('--vc-colors-warning-DEFAULT'),\n    dark: withOpacity('--vc-colors-warning-dark'),\n    light: withOpacity('--vc-colors-warning-light'),\n    active: withOpacity('--vc-colors-warning-active'),\n    50: withOpacity('--vc-colors-warning-DEFAULT'),\n    100: withOpacity('--vc-colors-warning-DEFAULT'),\n    200: withOpacity('--vc-colors-warning-DEFAULT'),\n    300: withOpacity('--vc-colors-warning-DEFAULT'),\n    400: withOpacity('--vc-colors-warning-DEFAULT'),\n    500: withOpacity('--vc-colors-warning-DEFAULT'),\n    600: withOpacity('--vc-colors-warning-DEFAULT'),\n    700: withOpacity('--vc-colors-warning-DEFAULT'),\n    800: withOpacity('--vc-colors-warning-DEFAULT'),\n    900: withOpacity('--vc-colors-warning-DEFAULT'),\n  },\n\n  error: {\n    DEFAULT: withOpacity('--vc-colors-error-DEFAULT'),\n    dark: withOpacity('--vc-colors-error-dark'),\n    light: withOpacity('--vc-colors-error-light'),\n    active: withOpacity('--vc-colors-error-active'),\n    50: withOpacity('--vc-colors-error-DEFAULT'),\n    100: withOpacity('--vc-colors-error-DEFAULT'),\n    200: withOpacity('--vc-colors-error-DEFAULT'),\n    300: withOpacity('--vc-colors-error-DEFAULT'),\n    400: withOpacity('--vc-colors-error-DEFAULT'),\n    500: withOpacity('--vc-colors-error-DEFAULT'),\n    600: withOpacity('--vc-colors-error-DEFAULT'),\n    700: withOpacity('--vc-colors-error-DEFAULT'),\n    800: withOpacity('--vc-colors-error-DEFAULT'),\n    900: withOpacity('--vc-colors-error-DEFAULT'),\n  },\n\n  neutral: {\n    DEFAULT: withOpacity('--vc-colors-neutral'),\n    50: withOpacity('--vc-colors-neutral-50'),\n    100: withOpacity('--vc-colors-neutral-100'),\n    200: withOpacity('--vc-colors-neutral-200'),\n    300: withOpacity('--vc-colors-neutral-300'),\n    400: withOpacity('--vc-colors-neutral-400'),\n    500: withOpacity('--vc-colors-neutral-500'),\n    600: withOpacity('--vc-colors-neutral-600'),\n    700: withOpacity('--vc-colors-neutral-700'),\n    800: withOpacity('--vc-colors-neutral-800'),\n    900: withOpacity('--vc-colors-neutral-900'),\n  },\n\n  whiteAlpha: {\n    50: 'rgba(255, 255, 255, 0.04)',\n    100: 'rgba(255, 255, 255, 0.06)',\n    200: 'rgba(255, 255, 255, 0.08)',\n    300: 'rgba(255, 255, 255, 0.16)',\n    400: 'rgba(255, 255, 255, 0.24)',\n    500: 'rgba(255, 255, 255, 0.36)',\n    600: 'rgba(255, 255, 255, 0.48)',\n    700: 'rgba(255, 255, 255, 0.64)',\n    800: 'rgba(255, 255, 255, 0.80)',\n    900: 'rgba(255, 255, 255, 0.92)',\n  },\n\n  blackAlpha: {\n    50: 'rgba(0, 0, 0, 0.04)',\n    100: 'rgba(0, 0, 0, 0.06)',\n    200: 'rgba(0, 0, 0, 0.08)',\n    300: 'rgba(0, 0, 0, 0.16)',\n    400: 'rgba(0, 0, 0, 0.24)',\n    500: 'rgba(0, 0, 0, 0.36)',\n    600: 'rgba(0, 0, 0, 0.48)',\n    700: 'rgba(0, 0, 0, 0.64)',\n    800: 'rgba(0, 0, 0, 0.80)',\n    900: 'rgba(0, 0, 0, 0.92)',\n  },\n};\n"],"mappings":"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"}

package/dist/cjs/components/accordion.js

@@ -0,0 +1,86 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Accordion = void 0;
+
+var Accordion = function Accordion() {
+  return {
+    '.accordion': {
+      '&-header': {
+        '@apply flex flex-col text-left': {},
+        '[aria-expanded="true"] &': {
+          '@apply bg-hover': {}
+        },
+        '&-icon': {
+          '@apply ml-auto !text-2xl': {}
+        }
+      },
+      '&-is-open &-header': {
+        '@apply bg-hover': {}
+      },
+      '&-toggle': {
+        '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-lg my-md': {},
+        fontWeight: 'bold',
+        //"@apply focus-visible:shadow shadow-lg": {},
+        '&:focus-visible': {
+          boxShadow: '0 0 0 0.4rem #fff!important',
+          outline: '0' //"@apply border-4": {},
+
+        },
+        '.accordion-subtitle': {
+          '@apply m-0 text-sm font-normal': {}
+        }
+      },
+      '&-body': {
+        '@apply h-0 overflow-hidden m-lg': {},
+        transitionProperty: 'visibility, height, padding, margin',
+        transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        transitionDuration: '180ms',
+        '&[aria-hidden="true"], &[data-hidden="true"]': {
+          '@apply my-0 invisible': {}
+        },
+        '&[aria-hidden="false"], &[data-hidden="false"]': {
+          '@apply block h-auto visible': {}
+        }
+      },
+      '&-solid': {
+        '@apply border border-primary': {},
+        '.accordion-header': {
+          '@apply bg-primary text-white': {},
+          '[aria-expanded="true"] &': {
+            '@apply bg-hover': {}
+          }
+        }
+      },
+      '&-is-open': {
+        '@apply border border-gray-stroke': {},
+        '& .accordion-header': {
+          '@apply bg-hover text-white': {}
+        }
+      },
+      '&-outline': {
+        '@apply border border-gray-stroke': {},
+        '.accordion-body': {
+          '@apply mt-0': {}
+        },
+        '.accordion-toggle': {
+          '&:focus-visible': {
+            boxShadow: '0 0 0 0.4rem #4b4b4b!important',
+            outline: '0'
+          }
+        },
+        '.accordion-header': {
+          '@apply bg-transparent text-body': {},
+          '[aria-expanded="true"] &': {
+            '@apply bg-hover': {}
+          }
+        }
+      }
+    }
+  };
+};
+
+exports.Accordion = Accordion;
+var _default = Accordion;
+exports["default"] = _default;
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["Accordion","fontWeight","boxShadow","outline","transitionProperty","transitionTimingFunction","transitionDuration"],"sources":["../../../src/components/accordion.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Accordion: (colors: string[]) => tailwindModuleType = () => ({\n  '.accordion': {\n    '&-header': {\n      '@apply flex flex-col text-left': {},\n\n      '[aria-expanded=\"true\"] &': {\n        '@apply bg-hover': {},\n      },\n\n      '&-icon': {\n        '@apply ml-auto !text-2xl': {},\n      },\n    },\n\n    '&-is-open &-header': {\n      '@apply bg-hover': {},\n    },\n\n    '&-toggle': {\n      '@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-lg my-md': {},\n      fontWeight: 'bold',\n      //\"@apply focus-visible:shadow shadow-lg\": {},\n      '&:focus-visible': {\n        boxShadow: '0 0 0 0.4rem #fff!important',\n        outline: '0',\n        //\"@apply border-4\": {},\n      },\n      '.accordion-subtitle': {\n        '@apply m-0 text-sm font-normal': {},\n      },\n    },\n\n    '&-body': {\n      '@apply h-0 overflow-hidden m-lg': {},\n      transitionProperty: 'visibility, height, padding, margin',\n      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',\n      transitionDuration: '180ms',\n\n      '&[aria-hidden=\"true\"], &[data-hidden=\"true\"]': {\n        '@apply my-0 invisible': {},\n      },\n\n      '&[aria-hidden=\"false\"], &[data-hidden=\"false\"]': {\n        '@apply block h-auto visible': {},\n      },\n    },\n\n    '&-solid': {\n      '@apply border border-primary': {},\n      '.accordion-header': {\n        '@apply bg-primary text-white': {},\n\n        '[aria-expanded=\"true\"] &': {\n          '@apply bg-hover': {},\n        },\n      },\n    },\n\n    '&-is-open': {\n      '@apply border border-gray-stroke': {},\n      '& .accordion-header': {\n        '@apply bg-hover text-white': {},\n      },\n    },\n\n    '&-outline': {\n      '@apply border border-gray-stroke': {},\n      '.accordion-body': {\n        '@apply mt-0': {},\n      },\n      '.accordion-toggle': {\n        '&:focus-visible': {\n          boxShadow: '0 0 0 0.4rem #4b4b4b!important',\n          outline: '0',\n        },\n      },\n      '.accordion-header': {\n        '@apply bg-transparent text-body': {},\n\n        '[aria-expanded=\"true\"] &': {\n          '@apply bg-hover': {},\n        },\n      },\n    },\n  },\n});\nexport default Accordion;\n"],"mappings":";;;;;AAEO,IAAMA,SAAmD,GAAG,SAAtDA,SAAsD;EAAA,OAAO;IACxE,cAAc;MACZ,YAAY;QACV,kCAAkC,EADxB;QAGV,4BAA4B;UAC1B,mBAAmB;QADO,CAHlB;QAOV,UAAU;UACR,4BAA4B;QADpB;MAPA,CADA;MAaZ,sBAAsB;QACpB,mBAAmB;MADC,CAbV;MAiBZ,YAAY;QACV,0FAA0F,EADhF;QAEVC,UAAU,EAAE,MAFF;QAGV;QACA,mBAAmB;UACjBC,SAAS,EAAE,6BADM;UAEjBC,OAAO,EAAE,GAFQ,CAGjB;;QAHiB,CAJT;QASV,uBAAuB;UACrB,kCAAkC;QADb;MATb,CAjBA;MA+BZ,UAAU;QACR,mCAAmC,EAD3B;QAERC,kBAAkB,EAAE,qCAFZ;QAGRC,wBAAwB,EAAE,8BAHlB;QAIRC,kBAAkB,EAAE,OAJZ;QAMR,gDAAgD;UAC9C,yBAAyB;QADqB,CANxC;QAUR,kDAAkD;UAChD,+BAA+B;QADiB;MAV1C,CA/BE;MA8CZ,WAAW;QACT,gCAAgC,EADvB;QAET,qBAAqB;UACnB,gCAAgC,EADb;UAGnB,4BAA4B;YAC1B,mBAAmB;UADO;QAHT;MAFZ,CA9CC;MAyDZ,aAAa;QACX,oCAAoC,EADzB;QAEX,uBAAuB;UACrB,8BAA8B;QADT;MAFZ,CAzDD;MAgEZ,aAAa;QACX,oCAAoC,EADzB;QAEX,mBAAmB;UACjB,eAAe;QADE,CAFR;QAKX,qBAAqB;UACnB,mBAAmB;YACjBJ,SAAS,EAAE,gCADM;YAEjBC,OAAO,EAAE;UAFQ;QADA,CALV;QAWX,qBAAqB;UACnB,mCAAmC,EADhB;UAGnB,4BAA4B;YAC1B,mBAAmB;UADO;QAHT;MAXV;IAhED;EAD0D,CAAP;AAAA,CAA5D;;;eAsFQH,S"}

package/dist/cjs/components/alert.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Alert = void 0;
+
+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 alertSubtle(colors) {
+  return {
+    '.alert-subtle': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-body': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply bg-" + color + "-50 border-" + color + "-500"] = {}, _ref["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"] = {}, _ref['@apply dark:bg-opacity-15'] = {}, _ref['@apply dark:border-opacity-40'] = {}, _ref), _extends2));
+    }, {}))
+  };
+}
+
+function alertSolid(colors) {
+  return {
+    '.alert-solid': _extends({
+      '@apply border rounded-base': {},
+      '@apply text-white': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref2, _extends3;
+
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color + "-500 border-" + color + "-700 border-opacity-20"] = {}, _ref2["@apply dark:bg-" + color + "-600 dark:border-" + color + "-500"] = {}, _ref2['@apply dark:border-opacity-40'] = {}, _ref2), _extends3));
+    }, {}))
+  };
+}
+
+function alertLeftAccent(colors) {
+  return {
+    '.alert-left-accent': _extends({
+      '@apply border-l-2 rounded-none': {},
+      '@apply text-body': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref3, _extends4;
+
+      return _extends({}, styles, (_extends4 = {}, _extends4["&[data-color=\"" + color + "\"]"] = (_ref3 = {}, _ref3["@apply bg-transparent border-" + color + "-500"] = {}, _ref3["@apply dark:text-" + color + "-300"] = {}, _ref3), _extends4));
+    }, {}))
+  };
+}
+
+function alertCloseButton(colors) {
+  return {
+    '.alert-close-button': _extends({
+      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},
+      '@apply text-neutral-600 hover:text-neutral-700': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref4, _extends5;
+
+      return _extends({}, styles, (_extends5 = {}, _extends5["&[data-color=\"" + color + "\"]"] = (_ref4 = {}, _ref4["@apply dark:text-" + color + "-300 dark:hover:text-" + color + "-400"] = {}, _ref4), _extends5));
+    }, {}))
+  };
+}
+
+var Alert = function Alert(colors) {
+  return _extends({
+    '.alert': {
+      '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {}
+    }
+  }, alertSubtle(colors), alertSolid(colors), alertLeftAccent(colors), alertCloseButton(colors));
+};
+
+exports.Alert = Alert;
+var _default = Alert;
+exports["default"] = _default;
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":["alertSubtle","colors","reduce","styles","color","alertSolid","alertLeftAccent","alertCloseButton","Alert"],"sources":["../../../src/components/alert.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nfunction alertSubtle(colors: string[]) {\n  return {\n    '.alert-subtle': {\n      '@apply border rounded-base': {},\n      '@apply text-body': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-50 border-${color}-500`]: {},\n\n            [`@apply dark:text-${color}-300 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertSolid(colors: string[]) {\n  return {\n    '.alert-solid': {\n      '@apply border rounded-base': {},\n      '@apply text-white': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500 border-${color}-700 border-opacity-20`]: {},\n\n            [`@apply dark:bg-${color}-600 dark:border-${color}-500`]: {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertLeftAccent(colors: string[]) {\n  return {\n    '.alert-left-accent': {\n      '@apply border-l-2 rounded-none': {},\n      '@apply text-body': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-transparent border-${color}-500`]: {},\n\n            [`@apply dark:text-${color}-300`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nfunction alertCloseButton(colors: string[]) {\n  return {\n    '.alert-close-button': {\n      '@apply absolute right-4 cursor-base focus-visible:outline-none': {},\n      '@apply text-neutral-600 hover:text-neutral-700': {},\n\n      ...colors.reduce(\n        (styles, color: string) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply dark:text-${color}-300 dark:hover:text-${color}-400`]: {},\n          },\n        }),\n        {}\n      ),\n    },\n  };\n}\n\nexport const Alert: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.alert': {\n    '@apply w-full flex items-center px-4 py-3 relative overflow-hidden text-sm': {},\n  },\n\n  // variants\n  ...alertSubtle(colors),\n  ...alertSolid(colors),\n  ...alertLeftAccent(colors),\n\n  // close button\n  ...alertCloseButton(colors),\n});\nexport default Alert;\n"],"mappings":";;;;;;;AAEA,SAASA,WAAT,CAAqBC,MAArB,EAAuC;EACrC,OAAO;IACL;MACE,8BAA8B,EADhC;MAEE,oBAAoB;IAFtB,GAIKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;MAAA;;MAAA,oBACKD,MADL,iDAEoBC,KAFpB,4CAGkBA,KAHlB,mBAGqCA,KAHrC,aAGmD,EAHnD,6BAKyBA,KALzB,qBAK8CA,KAL9C,aAK4D,EAL5D,OAMI,2BANJ,IAMiC,EANjC,OAOI,+BAPJ,IAOqC,EAPrC;IAAA,CADC,EAWD,EAXC,CAJL;EADK,CAAP;AAoBD;;AAED,SAASC,UAAT,CAAoBJ,MAApB,EAAsC;EACpC,OAAO;IACL;MACE,8BAA8B,EADhC;MAEE,qBAAqB;IAFvB,GAIKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;MAAA;;MAAA,oBACKD,MADL,iDAEoBC,KAFpB,8CAGkBA,KAHlB,oBAGsCA,KAHtC,+BAGsE,EAHtE,4BAKuBA,KALvB,yBAKgDA,KALhD,aAK8D,EAL9D,QAMI,+BANJ,IAMqC,EANrC;IAAA,CADC,EAUD,EAVC,CAJL;EADK,CAAP;AAmBD;;AAED,SAASE,eAAT,CAAyBL,MAAzB,EAA2C;EACzC,OAAO;IACL;MACE,kCAAkC,EADpC;MAEE,oBAAoB;IAFtB,GAIKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;MAAA;;MAAA,oBACKD,MADL,iDAEoBC,KAFpB,iEAGqCA,KAHrC,aAGmD,EAHnD,8BAKyBA,KALzB,aAKuC,EALvC;IAAA,CADC,EASD,EATC,CAJL;EADK,CAAP;AAkBD;;AAED,SAASG,gBAAT,CAA0BN,MAA1B,EAA4C;EAC1C,OAAO;IACL;MACE,kEAAkE,EADpE;MAEE,kDAAkD;IAFpD,GAIKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;MAAA;;MAAA,oBACKD,MADL,iDAEoBC,KAFpB,qDAGyBA,KAHzB,6BAGsDA,KAHtD,aAGoE,EAHpE;IAAA,CADC,EAOD,EAPC,CAJL;EADK,CAAP;AAgBD;;AAEM,IAAMI,KAA+C,GAAG,SAAlDA,KAAkD,CAACP,MAAD;EAAA;IAC7D,UAAU;MACR,8EAA8E;IADtE;EADmD,GAM1DD,WAAW,CAACC,MAAD,CAN+C,EAO1DI,UAAU,CAACJ,MAAD,CAPgD,EAQ1DK,eAAe,CAACL,MAAD,CAR2C,EAW1DM,gBAAgB,CAACN,MAAD,CAX0C;AAAA,CAAxD;;;eAaQO,K"}

package/dist/cjs/components/avatar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Avatar = void 0;
+
+var Avatar = function Avatar() {
+  return {
+    '.avatar': {
+      '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},
+      '@apply bg-neutral-300 text-neutral-800': {},
+      // dark colors
+      '@apply dark:bg-neutral-600 dark:text-neutral-100': {},
+      '&-2xs': {
+        '@apply w-4 h-4': {}
+      },
+      '&-xs': {
+        '@apply w-5 h-5': {}
+      },
+      '&-sm': {
+        '@apply w-6 h-6': {}
+      },
+      '&-md': {
+        '@apply w-7 h-7': {}
+      },
+      '&-lg': {
+        '@apply w-8 h-8': {}
+      },
+      '&-xl': {
+        '@apply w-10 h-10': {}
+      },
+      '&-2xl': {
+        '@apply w-12 h-12': {}
+      },
+      '&-3xl': {
+        '@apply w-16 h-16': {}
+      }
+    },
+    '.avatar-bordered': {
+      '@apply border-2 border-white': {},
+      '@apply dark:border-neutral-800': {}
+    },
+    '.avatar-name': {
+      '@apply font-medium text-center uppercase': {},
+      '&-2xs': {
+        '@apply w-4 h-4': {}
+      },
+      '&-xs': {
+        '@apply w-5 h-5': {}
+      },
+      '&-sm': {
+        '@apply w-6 h-6': {}
+      },
+      '&-md': {
+        '@apply w-7 h-7': {}
+      },
+      '&-lg': {
+        '@apply w-8 h-8': {}
+      },
+      '&-xl': {
+        '@apply w-10 h-10': {}
+      },
+      '&-2xl': {
+        '@apply w-12 h-12': {}
+      },
+      '&-3xl': {
+        '@apply w-16 h-16': {}
+      }
+    },
+    '.avatar-group': {
+      '@apply flex items-center justify-end flex-row-reverse': {}
+    }
+  };
+};
+
+exports.Avatar = Avatar;
+var _default = Avatar;
+exports["default"] = _default;
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["Avatar"],"sources":["../../../src/components/avatar.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Avatar: (colors: string[]) => tailwindModuleType = () => ({\n  '.avatar': {\n    '@apply relative inline-flex items-center justify-center flex-shrink-0 align-top rounded-full': {},\n    '@apply bg-neutral-300 text-neutral-800': {},\n    // dark colors\n    '@apply dark:bg-neutral-600 dark:text-neutral-100': {},\n\n    '&-2xs': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xs': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-sm': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-md': {\n      '@apply w-7 h-7': {},\n    },\n\n    '&-lg': {\n      '@apply w-8 h-8': {},\n    },\n\n    '&-xl': {\n      '@apply w-10 h-10': {},\n    },\n\n    '&-2xl': {\n      '@apply w-12 h-12': {},\n    },\n\n    '&-3xl': {\n      '@apply w-16 h-16': {},\n    },\n  },\n\n  '.avatar-bordered': {\n    '@apply border-2 border-white': {},\n    '@apply dark:border-neutral-800': {},\n  },\n\n  '.avatar-name': {\n    '@apply font-medium text-center uppercase': {},\n\n    '&-2xs': {\n      '@apply w-4 h-4': {},\n    },\n\n    '&-xs': {\n      '@apply w-5 h-5': {},\n    },\n\n    '&-sm': {\n      '@apply w-6 h-6': {},\n    },\n\n    '&-md': {\n      '@apply w-7 h-7': {},\n    },\n\n    '&-lg': {\n      '@apply w-8 h-8': {},\n    },\n\n    '&-xl': {\n      '@apply w-10 h-10': {},\n    },\n\n    '&-2xl': {\n      '@apply w-12 h-12': {},\n    },\n\n    '&-3xl': {\n      '@apply w-16 h-16': {},\n    },\n  },\n\n  '.avatar-group': {\n    '@apply flex items-center justify-end flex-row-reverse': {},\n  },\n});\nexport default Avatar;\n"],"mappings":";;;;;AAEO,IAAMA,MAAgD,GAAG,SAAnDA,MAAmD;EAAA,OAAO;IACrE,WAAW;MACT,gGAAgG,EADvF;MAET,0CAA0C,EAFjC;MAGT;MACA,oDAAoD,EAJ3C;MAMT,SAAS;QACP,kBAAkB;MADX,CANA;MAUT,QAAQ;QACN,kBAAkB;MADZ,CAVC;MAcT,QAAQ;QACN,kBAAkB;MADZ,CAdC;MAkBT,QAAQ;QACN,kBAAkB;MADZ,CAlBC;MAsBT,QAAQ;QACN,kBAAkB;MADZ,CAtBC;MA0BT,QAAQ;QACN,oBAAoB;MADd,CA1BC;MA8BT,SAAS;QACP,oBAAoB;MADb,CA9BA;MAkCT,SAAS;QACP,oBAAoB;MADb;IAlCA,CAD0D;IAwCrE,oBAAoB;MAClB,gCAAgC,EADd;MAElB,kCAAkC;IAFhB,CAxCiD;IA6CrE,gBAAgB;MACd,4CAA4C,EAD9B;MAGd,SAAS;QACP,kBAAkB;MADX,CAHK;MAOd,QAAQ;QACN,kBAAkB;MADZ,CAPM;MAWd,QAAQ;QACN,kBAAkB;MADZ,CAXM;MAed,QAAQ;QACN,kBAAkB;MADZ,CAfM;MAmBd,QAAQ;QACN,kBAAkB;MADZ,CAnBM;MAuBd,QAAQ;QACN,oBAAoB;MADd,CAvBM;MA2Bd,SAAS;QACP,oBAAoB;MADb,CA3BK;MA+Bd,SAAS;QACP,oBAAoB;MADb;IA/BK,CA7CqD;IAiFrE,iBAAiB;MACf,yDAAyD;IAD1C;EAjFoD,CAAP;AAAA,CAAzD;;;eAqFQA,M"}

package/dist/cjs/components/badge.js

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Badge = void 0;
+
+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); }
+
+var Badge = function Badge(colors) {
+  return {
+    '.badge': {
+      '@apply inline-block text-xs font-medium leading-4 text-center whitespace-nowrap': {},
+      '&-light': _extends({
+        '@apply text-body bg-neutral-200 border border-transparent': {},
+        '@apply dark:text-neutral-100 dark:bg-neutral-700': {}
+      }, colors.reduce(function (styles, color) {
+        var _ref, _extends2;
+
+        return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply text-" + color + "-800 bg-" + color + "-100"] = {}, _ref["@apply dark:text-" + color + "-400 dark:bg-" + color + "-500"] = {}, _ref['@apply dark:bg-opacity-15'] = {}, _ref), _extends2));
+      }, {})),
+      '&-solid': _extends({
+        '@apply text-white bg-neutral-500 border border-transparent': {},
+        '@apply dark:border-neutral-600 dark:text-neutral-100 dark:bg-neutral-700': {}
+      }, colors.reduce(function (styles, color) {
+        var _ref2, _extends3;
+
+        return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply bg-" + color + "-500"] = {}, _ref2["@apply dark:text-" + color + "-400 dark:border-" + color + "-500 dark:bg-" + color + "-500"] = {}, _ref2['@apply dark:bg-opacity-15'] = {}, _ref2['@apply dark:border-opacity-40'] = {}, _ref2), _extends3));
+      }, {})),
+      '&-sm': {
+        minWidth: '14px',
+        height: '14px',
+        padding: '0px',
+        lineHeight: '12px',
+        borderRadius: '2em'
+      },
+      '&-md': {
+        '@apply px-1.5 py-0': {},
+        minWidth: '20px',
+        height: '20px',
+        lineHeight: '18px',
+        borderRadius: '2em'
+      },
+      '&-shadow': {
+        '@apply ring-1 ring-white': {},
+        '@apply dark:ring-black': {}
+      }
+    }
+  };
+};
+
+exports.Badge = Badge;
+var _default = Badge;
+exports["default"] = _default;
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":["Badge","colors","reduce","styles","color","minWidth","height","padding","lineHeight","borderRadius"],"sources":["../../../src/components/badge.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Badge: (colors: string[]) => tailwindModuleType = (colors) => ({\n  '.badge': {\n    '@apply inline-block text-xs font-medium leading-4 text-center whitespace-nowrap': {},\n\n    '&-light': {\n      '@apply text-body bg-neutral-200 border border-transparent': {},\n      '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\n\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply text-${color}-800 bg-${color}-100`]: {},\n            [`@apply dark:text-${color}-400 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-solid': {\n      '@apply text-white bg-neutral-500 border border-transparent': {},\n      '@apply dark:border-neutral-600 dark:text-neutral-100 dark:bg-neutral-700': {},\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            [`@apply bg-${color}-500`]: {},\n            [`@apply dark:text-${color}-400 dark:border-${color}-500 dark:bg-${color}-500`]: {},\n            '@apply dark:bg-opacity-15': {},\n            '@apply dark:border-opacity-40': {},\n          },\n        }),\n        {}\n      ),\n    },\n\n    '&-sm': {\n      minWidth: '14px',\n      height: '14px',\n      padding: '0px',\n      lineHeight: '12px',\n      borderRadius: '2em',\n    },\n\n    '&-md': {\n      '@apply px-1.5 py-0': {},\n      minWidth: '20px',\n      height: '20px',\n      lineHeight: '18px',\n      borderRadius: '2em',\n    },\n\n    '&-shadow': {\n      '@apply ring-1 ring-white': {},\n      '@apply dark:ring-black': {},\n    },\n  },\n});\nexport default Badge;\n"],"mappings":";;;;;;;AAEO,IAAMA,KAA+C,GAAG,SAAlDA,KAAkD,CAACC,MAAD;EAAA,OAAa;IAC1E,UAAU;MACR,mFAAmF,EAD3E;MAGR;QACE,6DAA6D,EAD/D;QAEE,oDAAoD;MAFtD,GAIKA,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;QAAA;;QAAA,oBACKD,MADL,iDAEoBC,KAFpB,8CAGoBA,KAHpB,gBAGoCA,KAHpC,aAGkD,EAHlD,6BAIyBA,KAJzB,qBAI8CA,KAJ9C,aAI4D,EAJ5D,OAKI,2BALJ,IAKiC,EALjC;MAAA,CADC,EASD,EATC,CAJL,CAHQ;MAoBR;QACE,8DAA8D,EADhE;QAEE,4EAA4E;MAF9E,GAGKH,MAAM,CAACC,MAAP,CACD,UAACC,MAAD,EAASC,KAAT;QAAA;;QAAA,oBACKD,MADL,iDAEoBC,KAFpB,8CAGkBA,KAHlB,aAGgC,EAHhC,8BAIyBA,KAJzB,yBAIkDA,KAJlD,qBAIuEA,KAJvE,aAIqF,EAJrF,QAKI,2BALJ,IAKiC,EALjC,QAMI,+BANJ,IAMqC,EANrC;MAAA,CADC,EAUD,EAVC,CAHL,CApBQ;MAqCR,QAAQ;QACNC,QAAQ,EAAE,MADJ;QAENC,MAAM,EAAE,MAFF;QAGNC,OAAO,EAAE,KAHH;QAINC,UAAU,EAAE,MAJN;QAKNC,YAAY,EAAE;MALR,CArCA;MA6CR,QAAQ;QACN,sBAAsB,EADhB;QAENJ,QAAQ,EAAE,MAFJ;QAGNC,MAAM,EAAE,MAHF;QAINE,UAAU,EAAE,MAJN;QAKNC,YAAY,EAAE;MALR,CA7CA;MAqDR,YAAY;QACV,4BAA4B,EADlB;QAEV,0BAA0B;MAFhB;IArDJ;EADgE,CAAb;AAAA,CAAxD;;;eA4DQT,K"}

package/dist/cjs/components/breadcrumb.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.Breadcrumb = void 0;
+
+var Breadcrumb = function Breadcrumb() {
+  return {
+    '.breadcrumb': {
+      '@apply text-body relative': {},
+      '&-item': {
+        '@apply inline-flex items-center whitespace-nowrap': {}
+      },
+      '&-separator': {
+        '@apply mx-2': {}
+      }
+    }
+  };
+};
+
+exports.Breadcrumb = Breadcrumb;
+var _default = Breadcrumb;
+exports["default"] = _default;
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":["Breadcrumb"],"sources":["../../../src/components/breadcrumb.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\nexport const Breadcrumb: (colors: string[]) => tailwindModuleType = () => ({\n  '.breadcrumb': {\n    '@apply text-body relative': {},\n\n    '&-item': {\n      '@apply inline-flex items-center whitespace-nowrap': {},\n    },\n\n    '&-separator': {\n      '@apply mx-2': {},\n    },\n  },\n});\nexport default Breadcrumb;\n"],"mappings":";;;;;AAEO,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD;EAAA,OAAO;IACzE,eAAe;MACb,6BAA6B,EADhB;MAGb,UAAU;QACR,qDAAqD;MAD7C,CAHG;MAOb,eAAe;QACb,eAAe;MADF;IAPF;EAD0D,CAAP;AAAA,CAA7D;;;eAaQA,U"}

package/dist/cjs/components/button-group.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = exports.ButtonGroup = void 0;
+
+// TODO: how it works with prefix?
+var ButtonGroup = function ButtonGroup() {
+  return {
+    '.btn-group': {
+      '@apply inline-block': {},
+      '&.btn-group-attached': {
+        '> .btn-icon': {
+          boxSizing: 'content-box'
+        },
+        '> *:first-of-type:not(:last-of-type)': {
+          borderTopRightRadius: '0px',
+          borderBottomRightRadius: '0px'
+        },
+        '> *:not(:first-of-type):not(:last-of-type)': {
+          borderRadius: '0px'
+        },
+        '> *:not(:first-of-type):last-of-type': {
+          borderTopLeftRadius: '0px',
+          borderBottomLeftRadius: '0px'
+        },
+        '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {
+          borderRightWidth: '0px'
+        },
+        '> .btn-solid:hover, > .btn-outline:hover': {
+          borderRightWidth: '1px'
+        },
+        '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {
+          borderLeftWidth: '0px'
+        },
+        '> .btn-solid:focus, > .btn-outline:focus': {
+          zIndex: '1px',
+          borderRightWidth: '1px'
+        },
+        '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {
+          borderLeftWidth: '0px'
+        }
+      }
+    }
+  };
+};
+
+exports.ButtonGroup = ButtonGroup;
+var _default = ButtonGroup;
+exports["default"] = _default;
+//# sourceMappingURL=button-group.js.map

package/dist/cjs/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":["ButtonGroup","boxSizing","borderTopRightRadius","borderBottomRightRadius","borderRadius","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderLeftWidth","zIndex"],"sources":["../../../src/components/button-group.ts"],"sourcesContent":["import { tailwindModuleType } from './types';\n\n// TODO: how it works with prefix?\nexport const ButtonGroup: (colors: string[]) => tailwindModuleType = () => ({\n  '.btn-group': {\n    '@apply inline-block': {},\n\n    '&.btn-group-attached': {\n      '> .btn-icon': {\n        boxSizing: 'content-box',\n      },\n      '> *:first-of-type:not(:last-of-type)': {\n        borderTopRightRadius: '0px',\n        borderBottomRightRadius: '0px',\n      },\n\n      '> *:not(:first-of-type):not(:last-of-type)': {\n        borderRadius: '0px',\n      },\n\n      '> *:not(:first-of-type):last-of-type': {\n        borderTopLeftRadius: '0px',\n        borderBottomLeftRadius: '0px',\n      },\n\n      '> .btn-solid:not(:last-child), > .btn-outline:not(:last-child)': {\n        borderRightWidth: '0px',\n      },\n\n      '> .btn-solid:hover, > .btn-outline:hover': {\n        borderRightWidth: '1px',\n      },\n\n      '> *:not(:last-of-type):hover + .btn-solid, > *:not(:last-of-type):hover + .btn-outline': {\n        borderLeftWidth: '0px',\n      },\n\n      '> .btn-solid:focus, > .btn-outline:focus': {\n        zIndex: '1px',\n        borderRightWidth: '1px',\n      },\n\n      '> *:not(:last-of-type):focus + .btn-solid, > *:not(:last-of-type):focus + .btn-outline': {\n        borderLeftWidth: '0px',\n      },\n    },\n  },\n});\nexport default ButtonGroup;\n"],"mappings":";;;;;AAEA;AACO,IAAMA,WAAqD,GAAG,SAAxDA,WAAwD;EAAA,OAAO;IAC1E,cAAc;MACZ,uBAAuB,EADX;MAGZ,wBAAwB;QACtB,eAAe;UACbC,SAAS,EAAE;QADE,CADO;QAItB,wCAAwC;UACtCC,oBAAoB,EAAE,KADgB;UAEtCC,uBAAuB,EAAE;QAFa,CAJlB;QAStB,8CAA8C;UAC5CC,YAAY,EAAE;QAD8B,CATxB;QAatB,wCAAwC;UACtCC,mBAAmB,EAAE,KADiB;UAEtCC,sBAAsB,EAAE;QAFc,CAblB;QAkBtB,kEAAkE;UAChEC,gBAAgB,EAAE;QAD8C,CAlB5C;QAsBtB,4CAA4C;UAC1CA,gBAAgB,EAAE;QADwB,CAtBtB;QA0BtB,0FAA0F;UACxFC,eAAe,EAAE;QADuE,CA1BpE;QA8BtB,4CAA4C;UAC1CC,MAAM,EAAE,KADkC;UAE1CF,gBAAgB,EAAE;QAFwB,CA9BtB;QAmCtB,0FAA0F;UACxFC,eAAe,EAAE;QADuE;MAnCpE;IAHZ;EAD4D,CAAP;AAAA,CAA9D;;;eA6CQR,W"}