npm - @sk-web-gui/core - Versions diffs - 0.1.79 → 0.1.81 - Mend

@sk-web-gui/core 0.1.79 → 0.1.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/cjs/components/comments.js +31 -0
package/dist/cjs/components/comments.js.map +1 -0
package/dist/cjs/components/forms.js +14 -0
package/dist/cjs/components/forms.js.map +1 -1
package/dist/cjs/components/tab-menu.js.map +1 -1
package/dist/cjs/components/tabs.js.map +1 -1
package/dist/cjs/index.js +2 -1
package/dist/cjs/index.js.map +1 -1
package/dist/esm/components/comments.js +27 -0
package/dist/esm/components/comments.js.map +1 -0
package/dist/esm/components/forms.js +14 -0
package/dist/esm/components/forms.js.map +1 -1
package/dist/esm/components/tab-menu.js.map +1 -1
package/dist/esm/components/tabs.js.map +1 -1
package/dist/esm/index.js +2 -1
package/dist/esm/index.js.map +1 -1
package/package.json +2 -2
package/src/components/comments.js +34 -0
package/src/components/forms.js +18 -0
package/src/components/tab-menu.js +58 -58
package/src/components/tabs.js +64 -64
package/src/index.js +121 -120

package/dist/cjs/components/comments.js ADDED Viewed

@@ -0,0 +1,31 @@
+"use strict";
+module.exports = Comments = function Comments() {
+  return {
+    '.comment-header': {
+      '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {}
+    },
+    '.comment-item': {
+      '@apply w-full': {},
+      '&-container': {
+        '@apply flex gap-2': {}
+      },
+      '&-text': {
+        '@apply text-base font-bold mx-0 mb-0 mt-4': {}
+      },
+      '&-commentorpublished': {
+        '@apply float-right text-neutral-600 m-0': {}
+      }
+    },
+    '.comment-input': {
+      '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
+      '&-inactive': {
+        '@apply text-neutral-300 !text-3xl': {}
+      },
+      '&-active': {
+        '@apply text-primary !text-3xl': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=comments.js.map

package/dist/cjs/components/comments.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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 gap-2': {},\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,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,mBAAmB,EAAE,CAAC;MAC1B,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}

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

@@ -226,6 +226,20 @@ module.exports = Forms = function Forms(colors) {
         '&-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': {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":"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"}
1	+ {"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border shadow-sm border-gray-stroke': {},\r\n '@apply text-gray bg-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border border-transparent': {},\r\n '@apply text-black bg-gray-light': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n\r\n '&:focus-visible': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formControl() {\r\n return {\r\n '.form-control': {\r\n '@apply w-full relative': {},\r\n },\r\n '.form-helper-text': {\r\n '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n },\r\n '.form-error-message': {\r\n '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n },\r\n '.form-label': {\r\n '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n },\r\n '.form-required-indicator': {\r\n '@apply ml-1 text-sm': {},\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n '.dark &': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction formInputGroup() {\r\n return {\r\n '.form-input-group': {\r\n '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n '&:focus-within': {\r\n '@apply border border-primary ring-primary ring-1': {},\r\n },\r\n\r\n '> ': {\r\n '@apply border-0 ring-0 shadow-none': {},\r\n\r\n '&:focus': {\r\n '@apply ring-0': {},\r\n },\r\n },\r\n\r\n '&-sm': {\r\n '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n '.form-field': {\r\n '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n },\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n '> :last-child': {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n },\r\n\r\n '&[aria-invalid=true]': {\r\n '@apply border-error ring-error': {},\r\n },\r\n },\r\n\r\n '.form-input-element': {\r\n '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs h-7 w-7': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm h-8 w-8': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base h-10 w-10': {},\r\n },\r\n },\r\n\r\n '.form-input-addon': {\r\n '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n '@apply text-neutral-600 bg-neutral-50': {},\r\n // dark colors\r\n '@apply dark:border-neutral-700': {},\r\n '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n '&-sm': {\r\n '@apply px-3 text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-4 text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-4 text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply rounded-l-none': {},\r\n },\r\n },\r\n '.form-input-addin': {\r\n '@apply flex items-center w-auto whitespace-nowrap': {},\r\n '@apply text-body': {},\r\n\r\n '&-sm': {\r\n '@apply px-[1.44rem] text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply px-[1.6rem] text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply px-[1.76rem] text-base': {},\r\n },\r\n\r\n '&-left': {\r\n '@apply pr-0 rounded-r-none': {},\r\n },\r\n\r\n '&-right': {\r\n '@apply pl-0 rounded-l-none': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n '.form-field': {\r\n '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n '&-sm': {\r\n '@apply text-sm leading-sm': {},\r\n '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-base leading-base': {},\r\n '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base leading-lg': {},\r\n '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n },\r\n\r\n '&-disabled, &&-disabled': {\r\n '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-[3.2rem]': {},\r\n },\r\n\r\n // variants\r\n ...fieldOutline(colors),\r\n ...fieldSolid(colors),\r\n },\r\n\r\n '.form-button': {\r\n '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n '&[data-icon=true]': {\r\n '@apply p-[0.2em]': {},\r\n },\r\n\r\n '&-icon': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n },\r\n },\r\n\r\n '.form-textarea': {\r\n maxHeight: 'none',\r\n '&.form-field': {\r\n '&-sm': {\r\n '@apply py-[0.85rem] min-h-[4rem]': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n },\r\n },\r\n '&-counter': {\r\n '@apply mt-xs text-right': {},\r\n },\r\n },\r\n '.dropdown-search': {\r\n '@apply block w-full relative': {},\r\n '&-results': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate text-left grow': {},\r\n },\r\n '&-counter': {\r\n '@apply grow-0': {},\r\n },\r\n },\r\n\r\n '&[data-expanded=true]': {\r\n '.form-input-group[data-rounded=true]': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n\r\n '> :first-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '> *:last-child': {\r\n '@apply rounded-t-[2rem] rounded-bl-none rounded-br-none': {},\r\n },\r\n\r\n '& ~ #dropdown-search-results': {\r\n '@apply rounded-b-[1.6rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.form-select': {\r\n '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n {},\r\n 'background-image': 'none',\r\n '&-wrapper': {\r\n '@apply block w-full relative': {},\r\n },\r\n '&-icon': {\r\n '@apply grow-0': {},\r\n },\r\n '&-list': {\r\n '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n },\r\n '&-has-multiple-choices': {\r\n '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n },\r\n '&-multiple-chioces': {\r\n '@apply truncate pr-md': {},\r\n },\r\n\r\n '&-option': {\r\n '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n {},\r\n\r\n '&.multiple.selected': {\r\n '@apply bg-background-one': {},\r\n },\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n '&.active.selected': {\r\n '@apply bg-gray text-white': {},\r\n },\r\n '&.disabled': {\r\n '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n },\r\n '&-remove-button': {\r\n '@apply w-full flex justify-between items-center': {},\r\n '&-text': {\r\n '@apply truncate grow text-left': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...formInputGroup(),\r\n ...formControl(),\r\n});\r\n"],"mappings":";;;AAAA,SAASA,YAAYA,CAACC,MAAM,EAAE;EAC5B,OAAO;IACL,WAAW,EAAAC,QAAA;MACT,4CAA4C,EAAE,CAAC,CAAC;MAChD,2BAA2B,EAAE,CAAC;IAAC,GAE5BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kCACWD,KAAK,4BAAuBA,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,uCACnCD,KAAK,iCAA4BA,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEpF,EACF,CAAC,CAAC,CACH;MAED,sBAAsB,EAAE;QACtB,gCAAgC,EAAE,CAAC,CAAC;QAEpC,iBAAiB,EAAE;UACjB,gCAAgC,EAAE,CAAC;QACrC;MACF;IAAC;EAEL,CAAC;AACH;AAEA,SAASC,UAAUA,CAACP,MAAM,EAAE;EAC1B,OAAO;IACL,SAAS,EAAAC,QAAA;MACP,kCAAkC,EAAE,CAAC,CAAC;MACtC,iCAAiC,EAAE,CAAC;IAAC,GAElCD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAI,KAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTE,MAAM,GAAAM,SAAA,OAAAA,SAAA,qBACSL,KAAK,aAAAI,KAAA,OAAAA,KAAA,kCACWJ,KAAK,4BAAuBA,KAAK,IAAK,CAAC,CAAC,EAAAI,KAAA,uCACnCJ,KAAK,iCAA4BA,KAAK,IAAK,CAAC,CAAC,EAAAI,KAAA,GAAAC,SAAA;IAAA,CAEpF,EACF,CAAC,CAAC,CACH;MAED,sBAAsB,EAAE;QACtB,gCAAgC,EAAE,CAAC,CAAC;QAEpC,iBAAiB,EAAE;UACjB,gCAAgC,EAAE,CAAC;QACrC;MACF;IAAC;EAEL,CAAC;AACH;AAEA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAO;IACL,eAAe,EAAE;MACf,wBAAwB,EAAE,CAAC;IAC7B,CAAC;IACD,mBAAmB,EAAE;MACnB,yDAAyD,EAAE,CAAC;IAC9D,CAAC;IACD,qBAAqB,EAAE;MACrB,iEAAiE,EAAE,CAAC;IACtE,CAAC;IACD,aAAa,EAAE;MACb,gEAAgE,EAAE,CAAC;IACrE,CAAC;IACD,0BAA0B,EAAE;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,mBAAmB,EAAE,GAAG;MACxBN,KAAK,EAAE,2CAA2C;MAClD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF;EACF,CAAC;AACH;AAEA,SAASO,cAAcA,CAAA,EAAG;EACxB,OAAO;IACL,mBAAmB,EAAE;MACnB,uFAAuF,EAAE,CAAC,CAAC;MAE3F,gBAAgB,EAAE;QAChB,kDAAkD,EAAE,CAAC;MACvD,CAAC;MAED,KAAK,EAAE;QACL,oCAAoC,EAAE,CAAC,CAAC;QAExC,SAAS,EAAE;UACT,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,MAAM,EAAE;QACN,kCAAkC,EAAE,CAAC,CAAC;QAEtC,aAAa,EAAE;UACb,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,MAAM,EAAE;QACN,sCAAsC,EAAE,CAAC,CAAC;QAE1C,aAAa,EAAE;UACb,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,MAAM,EAAE;QACN,sCAAsC,EAAE,CAAC,CAAC;QAE1C,aAAa,EAAE;UACb,sCAAsC,EAAE,CAAC;QAC3C;MACF,CAAC;MAED,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC,CAAC;QAE7B,iBAAiB,EAAE;UACjB,yBAAyB,EAAE,CAAC;QAC9B,CAAC;QAED,gBAAgB,EAAE;UAChB,yBAAyB,EAAE,CAAC;QAC9B;MACF,CAAC;MAED,sBAAsB,EAAE;QACtB,gCAAgC,EAAE,CAAC;MACrC;IACF,CAAC;IAED,qBAAqB,EAAE;MACrB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,MAAM,EAAE;QACN,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,MAAM,EAAE;QACN,wBAAwB,EAAE,CAAC;MAC7B,CAAC;MAED,MAAM,EAAE;QACN,4BAA4B,EAAE,CAAC;MACjC;IACF,CAAC;IAED,mBAAmB,EAAE;MACnB,6DAA6D,EAAE,CAAC,CAAC;MACjE,uCAAuC,EAAE,CAAC,CAAC;MAC3C;MACA,gCAAgC,EAAE,CAAC,CAAC;MACpC,+CAA+C,EAAE,CAAC,CAAC;MAEnD,MAAM,EAAE;QACN,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,MAAM,EAAE;QACN,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,MAAM,EAAE;QACN,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,QAAQ,EAAE;QACR,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B;IACF,CAAC;IACD,mBAAmB,EAAE;MACnB,mDAAmD,EAAE,CAAC,CAAC;MACvD,kBAAkB,EAAE,CAAC,CAAC;MAEtB,MAAM,EAAE;QACN,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,MAAM,EAAE;QACN,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,MAAM,EAAE;QACN,+BAA+B,EAAE,CAAC;MACpC,CAAC;MAED,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,SAAS,EAAE;QACT,4BAA4B,EAAE,CAAC;MACjC;IACF;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACd,MAAM;EAAA,OAAAC,QAAA;IAC9B,aAAa,EAAAA,QAAA;MACX,iDAAiD,EAAE,CAAC,CAAC;MACrD,oGAAoG,EAAE,CAAC,CAAC;MACxG,+CAA+C,EAAE,CAAC,CAAC;MAEnD,MAAM,EAAE;QACN,2BAA2B,EAAE,CAAC,CAAC;QAC/B,oDAAoD,EAAE,CAAC;MACzD,CAAC;MAED,MAAM,EAAE;QACN,+BAA+B,EAAE,CAAC,CAAC;QACnC,uDAAuD,EAAE,CAAC;MAC5D,CAAC;MAED,MAAM,EAAE;QACN,6BAA6B,EAAE,CAAC,CAAC;QACjC,wDAAwD,EAAE,CAAC;MAC7D,CAAC;MAED,yBAAyB,EAAE;QACzB,uDAAuD,EAAE,CAAC,CAAC;QAC3D,iDAAiD,EAAE,CAAC;MACtD,CAAC;MAED,wBAAwB,EAAE;QACxB,yBAAyB,EAAE,CAAC;MAC9B;IAAC,GAGEF,YAAY,CAACC,MAAM,CAAC,EACpBO,UAAU,CAACP,MAAM,CAAC,CACtB;IAED,cAAc,EAAE;MACd,uEAAuE,EAAE,CAAC,CAAC;MAE3E,mBAAmB,EAAE;QACnB,kBAAkB,EAAE,CAAC;MACvB,CAAC;MAED,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC;MAC3D;IACF,CAAC;IAED,gBAAgB,EAAE;MAChBe,SAAS,EAAE,MAAM;MACjB,cAAc,EAAE;QACd,MAAM,EAAE;UACN,kCAAkC,EAAE,CAAC;QACvC,CAAC;QAED,MAAM,EAAE;UACN,mCAAmC,EAAE,CAAC;QACxC,CAAC;QAED,MAAM,EAAE;UACN,mCAAmC,EAAE,CAAC;QACxC;MACF,CAAC;MACD,WAAW,EAAE;QACX,yBAAyB,EAAE,CAAC;MAC9B;IACF,CAAC;IACD,kBAAkB,EAAE;MAClB,8BAA8B,EAAE,CAAC,CAAC;MAClC,WAAW,EAAE;QACX,iDAAiD,EAAE,CAAC,CAAC;QACrD,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC;QACrC,CAAC;QACD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,uBAAuB,EAAE;QACvB,sCAAsC,EAAE;UACtC,yDAAyD,EAAE,CAAC,CAAC;UAE7D,iBAAiB,EAAE;YACjB,yDAAyD,EAAE,CAAC;UAC9D,CAAC;UAED,gBAAgB,EAAE;YAChB,yDAAyD,EAAE,CAAC;UAC9D,CAAC;UAED,8BAA8B,EAAE;YAC9B,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IACF,CAAC;IAED,cAAc,EAAE;MACd,6HAA6H,EAC3H,CAAC,CAAC;MACJ,kBAAkB,EAAE,MAAM;MAC1B,WAAW,EAAE;QACX,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;MACpB,CAAC;MACD,QAAQ,EAAE;QACR,gGAAgG,EAAE,CAAC;MACrG,CAAC;MACD,wBAAwB,EAAE;QACxB,8DAA8D,EAAE,CAAC;MACnE,CAAC;MACD,oBAAoB,EAAE;QACpB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED,UAAU,EAAE;QACV,oJAAoJ,EAClJ,CAAC,CAAC;QAEJ,qBAAqB,EAAE;UACrB,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,UAAU,EAAE;UACV,8BAA8B,EAAE,CAAC;QACnC,CAAC;QACD,mBAAmB,EAAE;UACnB,2BAA2B,EAAE,CAAC;QAChC,CAAC;QACD,YAAY,EAAE;UACZ,sEAAsE,EAAE,CAAC;QAC3E,CAAC;QACD,iBAAiB,EAAE;UACjB,iDAAiD,EAAE,CAAC,CAAC;UACrD,QAAQ,EAAE;YACR,gCAAgC,EAAE,CAAC;UACrC;QACF;MACF;IACF;EAAC,GAEEJ,cAAc,EAAE,EAChBD,WAAW,EAAE;AAAA,CAChB"}

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

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

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

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

package/dist/cjs/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ var AlertBanner = require('./components/alert-banner');
 var Badge = require('./components/badge');
 var Breadcrumb = require('./components/breadcrumb');
 var ButtonGroup = require('./components/button-group');
+var Comments = require('./components/comments');
 var Checkbox = require('./components/checkbox');
 var ContextMenu = require('./components/context-menu');
 var Dialog = require('./components/dialog');
@@ -45,7 +46,7 @@ var Header = require('./components/header');
 var SearchBar = require('./components/search-bar');
 var ProfilePicture = require('./components/profile-picture');
 var Profile = require('./components/profile');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
+var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
 var defaultColors = ['primary', 'secondary'];
 module.exports = plugin.withOptions(function (options) {
   if (options === void 0) {

package/dist/cjs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst preset = require('./preset');\n\n// const colors = require(\"/colors\");\n// const { colors } = require('@sk-web-gui/theme');\n// const withOpacity = require('./with-opacity');\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\n\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n Alert,\n AlertBanner,\n Badge,\n Breadcrumb,\n ButtonGroup,\n Button,\n Checkbox,\n ContextMenu,\n Dialog,\n Dot,\n Forms,\n Calendar,\n Icon,\n Link,\n Message,\n Notification,\n Radio,\n Switch,\n\n Table,\n ZebraTable,\n CookieConsent,\n Modal,\n\n Accordion,\n Card,\n Divider,\n\n SideMenu,\n TabMenu,\n Tabs,\n UserMenu,\n\n DropdownFilter,\n\n SearchBar,\n\n Tag,\n Pagination,\n Footer,\n Header,\n\n ProfilePicture,\n Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n function (options = { colors: [], cssBase: true }) {\n return function ({ addComponents, addBase, theme }) {\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\n\n if (options.cssBase) {\n addBase(base);\n }\n\n addComponents(components.map((component) => component(optionColors, theme)));\n };\n },\n function () {\n return preset;\n }\n);\n"],"mappings":";;AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5C,IAAMC,IAAI,GAAGD,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAME,MAAM,GAAGF,OAAO,CAAC,UAAU,CAAC;;AAElC;AACA;AACA;AACA;AACA,IAAMG,KAAK,GAAGH,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMI,WAAW,GAAGJ,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMK,KAAK,GAAGL,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMM,UAAU,GAAGN,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMO,WAAW,GAAGP,OAAO,CAAC,2BAA2B,CAAC;~~AAExD~~,IAAMQ,QAAQ,GAAGR,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMS,~~WAAW~~,GAAGT,OAAO,CAAC,2BAA2B,CAAC;AACxD,~~IAAMU~~,MAAM,~~GAAGV~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMW~~,GAAG,~~GAAGX~~,OAAO,CAAC,kBAAkB,CAAC;AACvC,~~IAAMY~~,KAAK,~~GAAGZ~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMa~~,QAAQ,~~GAAGb~~,OAAO,CAAC,uBAAuB,CAAC;AACjD,~~IAAMc~~,IAAI,~~GAAGd~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMe~~,IAAI,~~GAAGf~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMgB~~,OAAO,~~GAAGhB~~,OAAO,CAAC,sBAAsB,CAAC;AAC/C,~~IAAMiB~~,YAAY,~~GAAGjB~~,OAAO,CAAC,2BAA2B,CAAC;AACzD,~~IAAMkB~~,KAAK,~~GAAGlB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMmB~~,MAAM,~~GAAGnB~~,OAAO,CAAC,qBAAqB,CAAC;AAE7C,~~IAAMoB~~,MAAM,~~GAAGpB~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMqB~~,SAAS,~~GAAGrB~~,OAAO,CAAC,wBAAwB,CAAC;AACnD,~~IAAMsB~~,IAAI,~~GAAGtB~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMuB~~,KAAK,~~GAAGvB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMwB~~,UAAU,~~GAAGxB~~,OAAO,CAAC,yBAAyB,CAAC;AAErD,~~IAAMyB~~,KAAK,~~GAAGzB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAM0B~~,aAAa,~~GAAG1B~~,OAAO,CAAC,6BAA6B,CAAC;AAC5D,~~IAAM2B~~,OAAO,~~GAAG3B~~,OAAO,CAAC,sBAAsB,CAAC;AAE/C,~~IAAM4B~~,QAAQ,~~GAAG5B~~,OAAO,CAAC,wBAAwB,CAAC;AAClD,~~IAAM6B~~,OAAO,~~GAAG7B~~,OAAO,CAAC,uBAAuB,CAAC;AAChD,~~IAAM8B~~,IAAI,~~GAAG9B~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAM+B~~,QAAQ,~~GAAG/B~~,OAAO,CAAC,wBAAwB,CAAC;AAElD,~~IAAMgC~~,cAAc,~~GAAGhC~~,OAAO,CAAC,8BAA8B,CAAC;AAE9D,~~IAAMiC~~,GAAG,~~GAAGjC~~,OAAO,CAAC,kBAAkB,CAAC;AACvC,~~IAAMkC~~,UAAU,~~GAAGlC~~,OAAO,CAAC,yBAAyB,CAAC;AACrD,~~IAAMmC~~,MAAM,~~GAAGnC~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMoC~~,MAAM,~~GAAGpC~~,OAAO,CAAC,qBAAqB,CAAC;AAE7C,~~IAAMqC~~,SAAS,~~GAAGrC~~,OAAO,CAAC,yBAAyB,CAAC;AAEpD,~~IAAMsC~~,cAAc,~~GAAGtC~~,OAAO,CAAC,8BAA8B,CAAC;AAC9D,~~IAAMuC~~,OAAO,~~GAAGvC~~,OAAO,CAAC,sBAAsB,CAAC;AAE/C,~~IAAMwC~~,UAAU,GAAG,~~CACjBrC~~,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,WAAW,~~EACXa~~,MAAM,EACNZ,QAAQ,~~EACRC~~,WAAW,EACXC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,MAAM,EAENI,KAAK,EACLC,UAAU,EACVE,aAAa,EACbD,KAAK,EAELJ,SAAS,EACTC,IAAI,EACJK,OAAO,EAEPC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EAERC,cAAc,EAEdK,SAAS,EAETJ,GAAG,EACHC,UAAU,EACVC,MAAM,EACNC,MAAM,EAENE,cAAc,EACdC,OAAO,CACR;AAED,IAAME,aAAa,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC;AAE9CC,MAAM,CAACC,OAAO,~~GAAG5C~~,MAAM,~~CAAC6C~~,WAAW,CACjC,UAAUC,OAAO,EAAkC;EAAA,IAAzCA,OAAO;IAAPA,OAAO,GAAG;MAAEC,MAAM,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAA;EAC/C,OAAO,UAAAC,IAAA,EAA6C;IAAA,IAAjCC,aAAa,GAAAD,IAAA,CAAbC,aAAa;MAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;MAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAC9C,IAAMC,YAAY,MAAAC,MAAA,CAAOZ,aAAa,EAAMI,OAAO,CAACC,MAAM,IAAI,EAAE,CAAE;IAElE,IAAID,OAAO,CAACE,OAAO,EAAE;MACnBG,OAAO,~~CAACjD~~,IAAI,CAAC;IACf;~~IAEAgD~~,aAAa,CAACT,UAAU,CAACc,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACH,YAAY,EAAED,KAAK,CAAC;IAAA,EAAC,CAAC;EAC9E,CAAC;AACH,CAAC,EACD,YAAY;EACV,~~OAAOjD~~,MAAM;AACf,CAAC,CACF"}
1	+ {"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst preset = require('./preset');\r\n\r\n// const colors = require(\"/colors\");\r\n// const { colors } = require('@sk-web-gui/theme');\r\n// const withOpacity = require('./with-opacity');\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\r\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return preset;\r\n }\r\n);\r\n"],"mappings":"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"}

package/dist/esm/components/comments.js ADDED Viewed

@@ -0,0 +1,27 @@
+module.exports = Comments = () => ({
+  '.comment-header': {
+    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {}
+  },
+  '.comment-item': {
+    '@apply w-full': {},
+    '&-container': {
+      '@apply flex gap-2': {}
+    },
+    '&-text': {
+      '@apply text-base font-bold mx-0 mb-0 mt-4': {}
+    },
+    '&-commentorpublished': {
+      '@apply float-right text-neutral-600 m-0': {}
+    }
+  },
+  '.comment-input': {
+    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
+    '&-inactive': {
+      '@apply text-neutral-300 !text-3xl': {}
+    },
+    '&-active': {
+      '@apply text-primary !text-3xl': {}
+    }
+  }
+});
+//# sourceMappingURL=comments.js.map

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

@@ -0,0 +1 @@

+ {"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 gap-2': {},\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,mBAAmB,EAAE,CAAC;IAC1B,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/forms.js CHANGED Viewed

@@ -227,6 +227,20 @@ module.exports = Forms = colors => _extends({
       '&-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': {

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

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

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

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

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

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

package/dist/esm/index.js CHANGED Viewed

@@ -11,6 +11,7 @@ var AlertBanner = require('./components/alert-banner');
 var Badge = require('./components/badge');
 var Breadcrumb = require('./components/breadcrumb');
 var ButtonGroup = require('./components/button-group');
+var Comments = require('./components/comments');
 var Checkbox = require('./components/checkbox');
 var ContextMenu = require('./components/context-menu');
 var Dialog = require('./components/dialog');
@@ -43,7 +44,7 @@ var Header = require('./components/header');
 var SearchBar = require('./components/search-bar');
 var ProfilePicture = require('./components/profile-picture');
 var Profile = require('./components/profile');
-var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
+var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Calendar, Icon, Link, Message, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Card, Divider, SideMenu, TabMenu, Tabs, UserMenu, DropdownFilter, SearchBar, Tag, Pagination, Footer, Header, ProfilePicture, Profile];
 var defaultColors = ['primary', 'secondary'];
 module.exports = plugin.withOptions(function (options) {
   if (options === void 0) {

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst preset = require('./preset');\n\n// const colors = require(\"/colors\");\n// const { colors } = require('@sk-web-gui/theme');\n// const withOpacity = require('./with-opacity');\n// components\nconst Alert = require('./components/alert');\nconst AlertBanner = require('./components/alert-banner');\nconst Badge = require('./components/badge');\nconst Breadcrumb = require('./components/breadcrumb');\nconst ButtonGroup = require('./components/button-group');\n\nconst Checkbox = require('./components/checkbox');\nconst ContextMenu = require('./components/context-menu');\nconst Dialog = require('./components/dialog');\nconst Dot = require('./components/dot');\nconst Forms = require('./components/forms');\nconst Calendar = require('./components/calendar');\nconst Icon = require('./components/icon');\nconst Link = require('./components/link');\nconst Message = require('./components/message');\nconst Notification = require('./components/notification');\nconst Radio = require('./components/radio');\nconst Switch = require('./components/switch');\n\nconst Button = require('./components/button');\nconst Accordion = require('./components/accordion');\nconst Card = require('./components/card');\nconst Table = require('./components/table');\nconst ZebraTable = require('./components/zebratable');\n\nconst Modal = require('./components/modal');\nconst CookieConsent = require('./components/cookie-consent');\nconst Divider = require('./components/divider');\n\nconst SideMenu = require('./components/side-menu');\nconst TabMenu = require('./components/tab-menu');\nconst Tabs = require('./components/tabs');\nconst UserMenu = require('./components/user-menu');\n\nconst DropdownFilter = require('./components/dropdown-filter');\n\nconst Tag = require('./components/tag');\nconst Pagination = require('./components/pagination');\nconst Footer = require('./components/footer');\nconst Header = require('./components/header');\n\nconst SearchBar = require('./components/search-bar');\n\nconst ProfilePicture = require('./components/profile-picture');\nconst Profile = require('./components/profile');\n\nconst components = [\n Alert,\n AlertBanner,\n Badge,\n Breadcrumb,\n ButtonGroup,\n Button,\n Checkbox,\n ContextMenu,\n Dialog,\n Dot,\n Forms,\n Calendar,\n Icon,\n Link,\n Message,\n Notification,\n Radio,\n Switch,\n\n Table,\n ZebraTable,\n CookieConsent,\n Modal,\n\n Accordion,\n Card,\n Divider,\n\n SideMenu,\n TabMenu,\n Tabs,\n UserMenu,\n\n DropdownFilter,\n\n SearchBar,\n\n Tag,\n Pagination,\n Footer,\n Header,\n\n ProfilePicture,\n Profile,\n];\n\nconst defaultColors = ['primary', 'secondary'];\n\nmodule.exports = plugin.withOptions(\n function (options = { colors: [], cssBase: true }) {\n return function ({ addComponents, addBase, theme }) {\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\n\n if (options.cssBase) {\n addBase(base);\n }\n\n addComponents(components.map((component) => component(optionColors, theme)));\n };\n },\n function () {\n return preset;\n }\n);\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5C,IAAMC,IAAI,GAAGD,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAME,MAAM,GAAGF,OAAO,CAAC,UAAU,CAAC;;AAElC;AACA;AACA;AACA;AACA,IAAMG,KAAK,GAAGH,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMI,WAAW,GAAGJ,OAAO,CAAC,2BAA2B,CAAC;AACxD,IAAMK,KAAK,GAAGL,OAAO,CAAC,oBAAoB,CAAC;AAC3C,IAAMM,UAAU,GAAGN,OAAO,CAAC,yBAAyB,CAAC;AACrD,IAAMO,WAAW,GAAGP,OAAO,CAAC,2BAA2B,CAAC;~~AAExD~~,IAAMQ,QAAQ,GAAGR,OAAO,CAAC,uBAAuB,CAAC;AACjD,IAAMS,~~WAAW~~,GAAGT,OAAO,CAAC,2BAA2B,CAAC;AACxD,~~IAAMU~~,MAAM,~~GAAGV~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMW~~,GAAG,~~GAAGX~~,OAAO,CAAC,kBAAkB,CAAC;AACvC,~~IAAMY~~,KAAK,~~GAAGZ~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMa~~,QAAQ,~~GAAGb~~,OAAO,CAAC,uBAAuB,CAAC;AACjD,~~IAAMc~~,IAAI,~~GAAGd~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMe~~,IAAI,~~GAAGf~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMgB~~,OAAO,~~GAAGhB~~,OAAO,CAAC,sBAAsB,CAAC;AAC/C,~~IAAMiB~~,YAAY,~~GAAGjB~~,OAAO,CAAC,2BAA2B,CAAC;AACzD,~~IAAMkB~~,KAAK,~~GAAGlB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMmB~~,MAAM,~~GAAGnB~~,OAAO,CAAC,qBAAqB,CAAC;AAE7C,~~IAAMoB~~,MAAM,~~GAAGpB~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMqB~~,SAAS,~~GAAGrB~~,OAAO,CAAC,wBAAwB,CAAC;AACnD,~~IAAMsB~~,IAAI,~~GAAGtB~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAMuB~~,KAAK,~~GAAGvB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAMwB~~,UAAU,~~GAAGxB~~,OAAO,CAAC,yBAAyB,CAAC;AAErD,~~IAAMyB~~,KAAK,~~GAAGzB~~,OAAO,CAAC,oBAAoB,CAAC;AAC3C,~~IAAM0B~~,aAAa,~~GAAG1B~~,OAAO,CAAC,6BAA6B,CAAC;AAC5D,~~IAAM2B~~,OAAO,~~GAAG3B~~,OAAO,CAAC,sBAAsB,CAAC;AAE/C,~~IAAM4B~~,QAAQ,~~GAAG5B~~,OAAO,CAAC,wBAAwB,CAAC;AAClD,~~IAAM6B~~,OAAO,~~GAAG7B~~,OAAO,CAAC,uBAAuB,CAAC;AAChD,~~IAAM8B~~,IAAI,~~GAAG9B~~,OAAO,CAAC,mBAAmB,CAAC;AACzC,~~IAAM+B~~,QAAQ,~~GAAG/B~~,OAAO,CAAC,wBAAwB,CAAC;AAElD,~~IAAMgC~~,cAAc,~~GAAGhC~~,OAAO,CAAC,8BAA8B,CAAC;AAE9D,~~IAAMiC~~,GAAG,~~GAAGjC~~,OAAO,CAAC,kBAAkB,CAAC;AACvC,~~IAAMkC~~,UAAU,~~GAAGlC~~,OAAO,CAAC,yBAAyB,CAAC;AACrD,~~IAAMmC~~,MAAM,~~GAAGnC~~,OAAO,CAAC,qBAAqB,CAAC;AAC7C,~~IAAMoC~~,MAAM,~~GAAGpC~~,OAAO,CAAC,qBAAqB,CAAC;AAE7C,~~IAAMqC~~,SAAS,~~GAAGrC~~,OAAO,CAAC,yBAAyB,CAAC;AAEpD,~~IAAMsC~~,cAAc,~~GAAGtC~~,OAAO,CAAC,8BAA8B,CAAC;AAC9D,~~IAAMuC~~,OAAO,~~GAAGvC~~,OAAO,CAAC,sBAAsB,CAAC;AAE/C,~~IAAMwC~~,UAAU,GAAG,~~CACjBrC~~,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,WAAW,~~EACXa~~,MAAM,EACNZ,QAAQ,~~EACRC~~,WAAW,EACXC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,OAAO,EACPC,YAAY,EACZC,KAAK,EACLC,MAAM,EAENI,KAAK,EACLC,UAAU,EACVE,aAAa,EACbD,KAAK,EAELJ,SAAS,EACTC,IAAI,EACJK,OAAO,EAEPC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EAERC,cAAc,EAEdK,SAAS,EAETJ,GAAG,EACHC,UAAU,EACVC,MAAM,EACNC,MAAM,EAENE,cAAc,EACdC,OAAO,CACR;AAED,IAAME,aAAa,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC;AAE9CC,MAAM,CAACC,OAAO,~~GAAG5C~~,MAAM,~~CAAC6C~~,WAAW,CACjC,UAAUC,OAAO,EAAkC;EAAA,IAAzCA,OAAO;IAAPA,OAAO,GAAG;MAAEC,MAAM,EAAE,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAA;EAC/C,OAAO,UAAAC,IAAA,EAA6C;IAAA,IAAnC;MAAEC,aAAa;MAAEC,OAAO;MAAEC;IAAM,CAAC,GAAAH,IAAA;IAChD,IAAMI,YAAY,GAAG,CAAC,GAAGX,aAAa,EAAE,IAAII,OAAO,CAACC,MAAM,IAAI,EAAE,CAAC,CAAC;IAElE,IAAID,OAAO,CAACE,OAAO,EAAE;MACnBG,OAAO,~~CAACjD~~,IAAI,CAAC;IACf;~~IAEAgD~~,aAAa,CAACT,UAAU,CAACa,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACF,YAAY,EAAED,KAAK,CAAC,CAAC,CAAC;EAC9E,CAAC;AACH,CAAC,EACD,YAAY;EACV,~~OAAOjD~~,MAAM;AACf,CAAC,CACF"}
1	+ {"version":3,"file":"index.js","names":["plugin","require","base","preset","Alert","AlertBanner","Badge","Breadcrumb","ButtonGroup","Comments","Checkbox","ContextMenu","Dialog","Dot","Forms","Calendar","Icon","Link","Message","Notification","Radio","Switch","Button","Accordion","Card","Table","ZebraTable","Modal","CookieConsent","Divider","SideMenu","TabMenu","Tabs","UserMenu","DropdownFilter","Tag","Pagination","Footer","Header","SearchBar","ProfilePicture","Profile","components","defaultColors","module","exports","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","map","component"],"sources":["../../src/index.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nconst base = require('./base');\r\nconst preset = require('./preset');\r\n\r\n// const colors = require(\"/colors\");\r\n// const { colors } = require('@sk-web-gui/theme');\r\n// const withOpacity = require('./with-opacity');\r\n// components\r\nconst Alert = require('./components/alert');\r\nconst AlertBanner = require('./components/alert-banner');\r\nconst Badge = require('./components/badge');\r\nconst Breadcrumb = require('./components/breadcrumb');\r\nconst ButtonGroup = require('./components/button-group');\r\nconst Comments = require('./components/comments');\r\nconst Checkbox = require('./components/checkbox');\r\nconst ContextMenu = require('./components/context-menu');\r\nconst Dialog = require('./components/dialog');\r\nconst Dot = require('./components/dot');\r\nconst Forms = require('./components/forms');\r\nconst Calendar = require('./components/calendar');\r\nconst Icon = require('./components/icon');\r\nconst Link = require('./components/link');\r\nconst Message = require('./components/message');\r\nconst Notification = require('./components/notification');\r\nconst Radio = require('./components/radio');\r\nconst Switch = require('./components/switch');\r\n\r\nconst Button = require('./components/button');\r\nconst Accordion = require('./components/accordion');\r\nconst Card = require('./components/card');\r\nconst Table = require('./components/table');\r\nconst ZebraTable = require('./components/zebratable');\r\n\r\nconst Modal = require('./components/modal');\r\nconst CookieConsent = require('./components/cookie-consent');\r\nconst Divider = require('./components/divider');\r\n\r\nconst SideMenu = require('./components/side-menu');\r\nconst TabMenu = require('./components/tab-menu');\r\nconst Tabs = require('./components/tabs');\r\nconst UserMenu = require('./components/user-menu');\r\n\r\nconst DropdownFilter = require('./components/dropdown-filter');\r\n\r\nconst Tag = require('./components/tag');\r\nconst Pagination = require('./components/pagination');\r\nconst Footer = require('./components/footer');\r\nconst Header = require('./components/header');\r\n\r\nconst SearchBar = require('./components/search-bar');\r\n\r\nconst ProfilePicture = require('./components/profile-picture');\r\nconst Profile = require('./components/profile');\r\n\r\nconst components = [\r\n Alert,\r\n AlertBanner,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Comments,\r\n ContextMenu,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Calendar,\r\n Icon,\r\n Link,\r\n Message,\r\n Notification,\r\n Radio,\r\n Switch,\r\n\r\n Table,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n\r\n Accordion,\r\n Card,\r\n Divider,\r\n\r\n SideMenu,\r\n TabMenu,\r\n Tabs,\r\n UserMenu,\r\n\r\n DropdownFilter,\r\n\r\n SearchBar,\r\n\r\n Tag,\r\n Pagination,\r\n Footer,\r\n Header,\r\n\r\n ProfilePicture,\r\n Profile,\r\n];\r\n\r\nconst defaultColors = ['primary', 'secondary'];\r\n\r\nmodule.exports = plugin.withOptions(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }) {\r\n const optionColors = [...defaultColors, ...(options.colors \|\| [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return preset;\r\n }\r\n);\r\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "0.1.79",
+  "version": "0.1.81",
   "license": "MIT",
   "main": "src/index.js",
   "module": "dist/esm/index.js",
@@ -39,5 +39,5 @@
     "@sk-web-gui/theme": "0.1.13",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "1960792b9f4468c6d17c5cb1758ed2fbe29c556c"
+  "gitHead": "fb60cf11b2c748cdb82e6994107b8924b01589ad"
 }

package/src/components/comments.js ADDED Viewed

@@ -0,0 +1,34 @@
+module.exports = Comments = () => ({
+    '.comment-header': {
+        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},
+    },
+    '.comment-item':{
+        '@apply w-full': {},
+        '&-container': {
+            '@apply flex gap-2': {},
+        },
+        '&-text': {
+            '@apply text-base font-bold mx-0 mb-0 mt-4': {},
+        },
+        '&-commentorpublished': {
+            '@apply float-right text-neutral-600 m-0': {},
+        },
+    },
+    '.comment-input':{
+        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
+        '&-inactive': {
+            '@apply text-neutral-300 !text-3xl': {},
+        },
+        '&-active': {
+            '@apply text-primary !text-3xl': {},
+        }
+    },
+});

package/src/components/forms.js CHANGED Viewed

@@ -289,6 +289,24 @@ module.exports = Forms = (colors) => ({
         '@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': {

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

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

package/src/components/tabs.js CHANGED Viewed

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

package/src/index.js CHANGED Viewed

@@ -1,120 +1,121 @@
-const plugin = require('tailwindcss/plugin');
-const base = require('./base');
-const preset = require('./preset');
-// const colors = require("/colors");
-// const { colors } = require('@sk-web-gui/theme');
-// const withOpacity = require('./with-opacity');
-// components
-const Alert = require('./components/alert');
-const AlertBanner = require('./components/alert-banner');
-const Badge = require('./components/badge');
-const Breadcrumb = require('./components/breadcrumb');
-const ButtonGroup = require('./components/button-group');
-const Checkbox = require('./components/checkbox');
-const ContextMenu = require('./components/context-menu');
-const Dialog = require('./components/dialog');
-const Dot = require('./components/dot');
-const Forms = require('./components/forms');
-const Calendar = require('./components/calendar');
-const Icon = require('./components/icon');
-const Link = require('./components/link');
-const Message = require('./components/message');
-const Notification = require('./components/notification');
-const Radio = require('./components/radio');
-const Switch = require('./components/switch');
-const Button = require('./components/button');
-const Accordion = require('./components/accordion');
-const Card = require('./components/card');
-const Table = require('./components/table');
-const ZebraTable = require('./components/zebratable');
-const Modal = require('./components/modal');
-const CookieConsent = require('./components/cookie-consent');
-const Divider = require('./components/divider');
-const SideMenu = require('./components/side-menu');
-const TabMenu = require('./components/tab-menu');
-const Tabs = require('./components/tabs');
-const UserMenu = require('./components/user-menu');
-const DropdownFilter = require('./components/dropdown-filter');
-const Tag = require('./components/tag');
-const Pagination = require('./components/pagination');
-const Footer = require('./components/footer');
-const Header = require('./components/header');
-const SearchBar = require('./components/search-bar');
-const ProfilePicture = require('./components/profile-picture');
-const Profile = require('./components/profile');
-const components = [
-  Alert,
-  AlertBanner,
-  Badge,
-  Breadcrumb,
-  ButtonGroup,
-  Button,
-  Checkbox,
-  ContextMenu,
-  Dialog,
-  Dot,
-  Forms,
-  Calendar,
-  Icon,
-  Link,
-  Message,
-  Notification,
-  Radio,
-  Switch,
-  Table,
-  ZebraTable,
-  CookieConsent,
-  Modal,
-  Accordion,
-  Card,
-  Divider,
-  SideMenu,
-  TabMenu,
-  Tabs,
-  UserMenu,
-  DropdownFilter,
-  SearchBar,
-  Tag,
-  Pagination,
-  Footer,
-  Header,
-  ProfilePicture,
-  Profile,
-];
-const defaultColors = ['primary', 'secondary'];
-module.exports = plugin.withOptions(
-  function (options = { colors: [], cssBase: true }) {
-    return function ({ addComponents, addBase, theme }) {
-      const optionColors = [...defaultColors, ...(options.colors || [])];
-      if (options.cssBase) {
-        addBase(base);
-      }
-      addComponents(components.map((component) => component(optionColors, theme)));
-    };
-  },
-  function () {
-    return preset;
-  }
-);
+const plugin = require('tailwindcss/plugin');
+const base = require('./base');
+const preset = require('./preset');
+// const colors = require("/colors");
+// const { colors } = require('@sk-web-gui/theme');
+// const withOpacity = require('./with-opacity');
+// components
+const Alert = require('./components/alert');
+const AlertBanner = require('./components/alert-banner');
+const Badge = require('./components/badge');
+const Breadcrumb = require('./components/breadcrumb');
+const ButtonGroup = require('./components/button-group');
+const Comments = require('./components/comments');
+const Checkbox = require('./components/checkbox');
+const ContextMenu = require('./components/context-menu');
+const Dialog = require('./components/dialog');
+const Dot = require('./components/dot');
+const Forms = require('./components/forms');
+const Calendar = require('./components/calendar');
+const Icon = require('./components/icon');
+const Link = require('./components/link');
+const Message = require('./components/message');
+const Notification = require('./components/notification');
+const Radio = require('./components/radio');
+const Switch = require('./components/switch');
+const Button = require('./components/button');
+const Accordion = require('./components/accordion');
+const Card = require('./components/card');
+const Table = require('./components/table');
+const ZebraTable = require('./components/zebratable');
+const Modal = require('./components/modal');
+const CookieConsent = require('./components/cookie-consent');
+const Divider = require('./components/divider');
+const SideMenu = require('./components/side-menu');
+const TabMenu = require('./components/tab-menu');
+const Tabs = require('./components/tabs');
+const UserMenu = require('./components/user-menu');
+const DropdownFilter = require('./components/dropdown-filter');
+const Tag = require('./components/tag');
+const Pagination = require('./components/pagination');
+const Footer = require('./components/footer');
+const Header = require('./components/header');
+const SearchBar = require('./components/search-bar');
+const ProfilePicture = require('./components/profile-picture');
+const Profile = require('./components/profile');
+const components = [
+  Alert,
+  AlertBanner,
+  Badge,
+  Breadcrumb,
+  ButtonGroup,
+  Button,
+  Checkbox,
+  Comments,
+  ContextMenu,
+  Dialog,
+  Dot,
+  Forms,
+  Calendar,
+  Icon,
+  Link,
+  Message,
+  Notification,
+  Radio,
+  Switch,
+  Table,
+  ZebraTable,
+  CookieConsent,
+  Modal,
+  Accordion,
+  Card,
+  Divider,
+  SideMenu,
+  TabMenu,
+  Tabs,
+  UserMenu,
+  DropdownFilter,
+  SearchBar,
+  Tag,
+  Pagination,
+  Footer,
+  Header,
+  ProfilePicture,
+  Profile,
+];
+const defaultColors = ['primary', 'secondary'];
+module.exports = plugin.withOptions(
+  function (options = { colors: [], cssBase: true }) {
+    return function ({ addComponents, addBase, theme }) {
+      const optionColors = [...defaultColors, ...(options.colors || [])];
+      if (options.cssBase) {
+        addBase(base);
+      }
+      addComponents(components.map((component) => component(optionColors, theme)));
+    };
+  },
+  function () {
+    return preset;
+  }
+);