@sk-web-gui/core 0.1.88 → 0.1.90
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.
- package/dist/cjs/base.js +0 -2
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +0 -2
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +0 -2
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/alert-banner.js +0 -2
- package/dist/cjs/components/alert-banner.js.map +1 -1
- package/dist/cjs/components/alert.js +0 -2
- package/dist/cjs/components/alert.js.map +1 -1
- package/dist/cjs/components/avatar.js +0 -2
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +0 -2
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +0 -2
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +0 -2
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +12 -53
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/calendar.js +0 -2
- package/dist/cjs/components/calendar.js.map +1 -1
- package/dist/cjs/components/card.js +0 -2
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +0 -2
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/code.js +0 -2
- package/dist/cjs/components/code.js.map +1 -1
- package/dist/cjs/components/comments.js +0 -2
- package/dist/cjs/components/comments.js.map +1 -1
- package/dist/cjs/components/context-menu.js +0 -2
- package/dist/cjs/components/context-menu.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +0 -2
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +0 -2
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +0 -2
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +0 -2
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/dropdown-filter.js +0 -2
- package/dist/cjs/components/dropdown-filter.js.map +1 -1
- package/dist/cjs/components/footer.js +0 -2
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js +0 -2
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +0 -2
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +0 -2
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/kbd.js +0 -2
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/link.js +0 -2
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/message.js +0 -2
- package/dist/cjs/components/message.js.map +1 -1
- package/dist/cjs/components/modal.js +0 -2
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/notification.js +0 -2
- package/dist/cjs/components/notification.js.map +1 -1
- package/dist/cjs/components/pagination.js +1 -3
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/profile-picture.js +0 -2
- package/dist/cjs/components/profile-picture.js.map +1 -1
- package/dist/cjs/components/profile.js +0 -2
- package/dist/cjs/components/profile.js.map +1 -1
- package/dist/cjs/components/radio.js +0 -2
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-bar.js +0 -2
- package/dist/cjs/components/search-bar.js.map +1 -1
- package/dist/cjs/components/side-menu.js +0 -2
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/switch.js +0 -2
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/tab-menu.js +0 -2
- package/dist/cjs/components/tab-menu.js.map +1 -1
- package/dist/cjs/components/table.js +0 -2
- package/dist/cjs/components/table.js.map +1 -1
- package/dist/cjs/components/tabs.js +0 -2
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tag.js +0 -2
- package/dist/cjs/components/tag.js.map +1 -1
- package/dist/cjs/components/user-menu.js +0 -2
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components/zebratable.js +0 -2
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +0 -2
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +0 -2
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +0 -2
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/with-opacity.js +0 -2
- package/dist/cjs/with-opacity.js.map +1 -1
- package/dist/esm/components/button.js +10 -78
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/pagination.js +1 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/package.json +7 -7
- package/src/components/button.js +8 -84
- package/src/components/pagination.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n '.form-radio': {\r\n '@apply shadow-sm': {},\r\n backgroundColor: 'inherit',\r\n '@apply border-neutral-300': {},\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n // dark colors\r\n '@apply dark:border-neutral-400': {},\r\n '.dark &[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n '.dark &[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n\r\n '@media (prefers-color-scheme: dark)': {\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n },\r\n\r\n '&:checked': {\r\n borderColor: 'transparent',\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600`]: {},\r\n [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n [`@apply dark:text-${color}-500`]: {},\r\n [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-3 h-3': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-4 h-4': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-5 h-5': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply w-6 h-6': {},\r\n },\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n {},\r\n '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n },\r\n\r\n // label\r\n '&-label': {\r\n '@apply ml-2 select-none text-sm': {},\r\n '@apply text-body': {},\r\n // dark colors\r\n '@apply dark:text-neutral-100': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply text-lg': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio.js","names":["module","exports","Radio","colors","_extends","backgroundColor","borderColor","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/radio.js"],"sourcesContent":["module.exports = Radio = (colors) => ({\r\n '.form-radio': {\r\n '@apply shadow-sm': {},\r\n backgroundColor: 'inherit',\r\n '@apply border-neutral-300': {},\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n // dark colors\r\n '@apply dark:border-neutral-400': {},\r\n '.dark &[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n '.dark &[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(248, 113, 113, var(--tw-border-opacity))',\r\n },\r\n\r\n '@media (prefers-color-scheme: dark)': {\r\n '&[aria-invalid=true]': {\r\n '--tw-border-opacity': '1',\r\n borderColor: 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n '&[aria-invalid=true]:hover': {\r\n '--tw-border-opacity': '1',\r\n 'border-color': 'rgba(220, 38, 38, var(--tw-border-opacity))',\r\n },\r\n },\r\n\r\n '&:checked': {\r\n borderColor: 'transparent',\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600`]: {},\r\n [`@apply focus-visible:border-${color}-600 focus-visible:ring-${color}-600`]: {},\r\n [`@apply dark:text-${color}-500`]: {},\r\n [`@apply dark:focus-visible:border-${color}-400 dark:focus-visible:ring-${color}-400`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '@apply dark:focus-visible:ring-offset-neutral-900': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply w-3 h-3': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply w-4 h-4': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply w-5 h-5': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply w-6 h-6': {},\r\n },\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300':\r\n {},\r\n '@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20': {},\r\n },\r\n\r\n // label\r\n '&-label': {\r\n '@apply ml-2 select-none text-sm': {},\r\n '@apply text-body': {},\r\n // dark colors\r\n '@apply dark:text-neutral-100': {},\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n },\r\n\r\n '&-xl': {\r\n '@apply text-lg': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAACC,MAAM;EAAA,OAAM;IACpC,aAAa,EAAAC,QAAA;MACX,kBAAkB,EAAE,CAAC,CAAC;MACtBC,eAAe,EAAE,SAAS;MAC1B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,sBAAsB,EAAE;QACtB,qBAAqB,EAAE,GAAG;QAC1BC,WAAW,EAAE;MACf,CAAC;MACD,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1B,cAAc,EAAE;MAClB,CAAC;MACD;MACA,gCAAgC,EAAE,CAAC,CAAC;MACpC,4BAA4B,EAAE;QAC5B,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MACD,kCAAkC,EAAE;QAClC,qBAAqB,EAAE,GAAG;QAC1BA,WAAW,EAAE;MACf,CAAC;MAED,qCAAqC,EAAE;QACrC,sBAAsB,EAAE;UACtB,qBAAqB,EAAE,GAAG;UAC1BA,WAAW,EAAE;QACf,CAAC;QACD,4BAA4B,EAAE;UAC5B,qBAAqB,EAAE,GAAG;UAC1B,cAAc,EAAE;QAClB;MACF,CAAC;MAED,WAAW,EAAE;QACXA,WAAW,EAAE;MACf;IAAC,GAGEH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTI,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,kCACAD,KAAK,gCAA2BA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uBAC3DD,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,uCACAD,KAAK,qCAAgCA,KAAK,aAAS,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAE5F,EACF,CAAC,CACH,CAAC;MAED,mDAAmD,EAAE,CAAC,CAAC;MAEvD;MACA,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC;MACrB,CAAC;MAED;MACA,YAAY,EAAE;QACZ,iHAAiH,EAC/G,CAAC,CAAC;QACJ,qGAAqG,EAAE,CAAC;MAC1G,CAAC;MAED;MACA,SAAS,EAAE;QACT,iCAAiC,EAAE,CAAC,CAAC;QACrC,kBAAkB,EAAE,CAAC,CAAC;QACtB;QACA,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB,CAAC;QAED,MAAM,EAAE;UACN,kBAAkB,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,EAAE;UACN,gBAAgB,EAAE,CAAC;QACrB;MACF;IAAC;EAEL,CAAC;AAAA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n '.search-bar': {\r\n '@apply w-full relative': {},\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n '.search-bar': {\r\n '@apply w-full relative': {},\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.sk-sidemenu': {\r\n '@apply w-[440px]': {},\r\n\r\n '&-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold flex items-center w-full': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '&-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '> ul.items': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&.open > ul.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .sk-sidemenu-wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.sk-sidemenu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .sk-sidemenu-wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n '@apply focus-visible:z-base': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .sk-sidemenu-wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .sk-sidemenu-menuitem-movebutton': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-svartvik-200': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","content","svg","height","width","backgroundImage","backgroundSize","backgroundPosition","backgroundRepeat","paddingLeft"],"sources":["../../../src/components/side-menu.js"],"sourcesContent":["module.exports = Menu = () => ({\r\n '.sk-sidemenu': {\r\n '@apply w-[440px]': {},\r\n\r\n '&-header': {\r\n '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},\r\n\r\n '.label-small': {\r\n '@apply text-[1.6rem]': {},\r\n },\r\n\r\n '.label-button': {\r\n '@apply w-full justify-between p-0 leading-[inherit]': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '&-label': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold flex items-center w-full': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '&-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '> ul.items': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&.open > ul.items': {\r\n '@apply block': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex-grow select-none flex items-center': {},\r\n },\r\n\r\n '&.active': {\r\n '> .sk-sidemenu-wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.sk-sidemenu-item-label': {\r\n '@apply underline': {},\r\n },\r\n },\r\n },\r\n\r\n '.expand path': {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '& .sk-sidemenu-wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},\r\n '@apply focus-visible:z-base': {},\r\n },\r\n\r\n '.expand': {\r\n '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},\r\n\r\n '&-button': {\r\n '@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&.open': {\r\n '& + .menu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .sk-sidemenu-wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .sk-sidemenu-wrapper::after': {\r\n '@apply bg-info-light block relative w-full h-[44px]': {},\r\n content: \"''\",\r\n },\r\n },\r\n\r\n '&.moving': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '& .sk-sidemenu-menuitem-movebutton': {\r\n '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},\r\n\r\n svg: {\r\n '@apply h-full': {},\r\n },\r\n '&-label': {\r\n '@apply text-[#B65A06]': {},\r\n },\r\n },\r\n\r\n '&.moved-here': {\r\n \"[draggable='true']\": {\r\n '@apply text-warning': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-svartvik-200': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
2
|
module.exports = Switch = function Switch(colors) {
|
|
5
3
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","_ref","_extends2","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"switch.js","names":["module","exports","Switch","colors","_extends","border","backgroundColor","transform","reduce","styles","color","_ref","_extends2","height","width"],"sources":["../../../src/components/switch.js"],"sourcesContent":["module.exports = Switch = (colors) => ({\r\n '.form-switch-label': {\r\n '@apply inline-block align-middle': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.form-switch': {\r\n '@apply rounded-full p-0.5 cursor-base focus:outline-none': {},\r\n '@apply bg-gray-stroke dark:bg-neutral-700': {},\r\n // Hover\r\n //\"@apply hover:bg-neutral-300 dark:hover:bg-neutral-600\": {},\r\n\r\n border: '0.1rem solid transparent',\r\n\r\n 'input[type=checkbox]:checked + &, input[type=checkbox][aria-checked=mixed] + &': {\r\n backgroundColor: 'currentColor',\r\n '.form-switch-box-sm': {\r\n transform: 'translateX(1.42rem)',\r\n },\r\n '.form-switch-box-md': {\r\n transform: 'translateX(1.6rem)',\r\n },\r\n '.form-switch-box-lg': {\r\n transform: 'translateX(1.78rem)',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply z-base !important': {},\r\n '@apply border-primary !important': {},\r\n '@apply ring-4 ring-black !important': {},\r\n },\r\n\r\n 'input[type=checkbox]:checked:focus-visible + &, input[type=checkbox][aria-checked=mixed]:focus-visible + &': {\r\n '@apply ring-black !important': {},\r\n },\r\n '.dark input[type=checkbox]:checked:focus-visible + &,.dark input[type=checkbox][aria-checked=mixed]:focus-visible + &':\r\n {\r\n '@apply ring-black !important': {},\r\n },\r\n 'input[type=checkbox]:checked:hover:not(:disabled) + &, input[type=checkbox][aria-checked=mixed]:hover:not(:disabled) + &':\r\n {\r\n '@apply cursor-base': {},\r\n },\r\n\r\n // colors\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}`]: {},\r\n\r\n // 'input[type=checkbox]:focus + &': {\r\n // borderColor: `${theme(`colors.${color}.DEFAULT`)}`,\r\n // boxShadow: `0 0 5px ${theme(`colors.${color}.DEFAULT`)}`,\r\n // borderWidth: '0.1rem',\r\n // },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n // disabled\r\n '&-disabled': {\r\n '@apply cursor-not-allowed': {},\r\n\r\n '&': {\r\n backgroundColor: '#ECECEC',\r\n },\r\n },\r\n\r\n 'input[type=checkbox]:not(:checked) + &-disabled .form-switch-box': {\r\n '@apply bg-gray-stroke': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '2.16rem',\r\n width: '3.6rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2.4rem',\r\n width: '4rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.64rem',\r\n width: '4.4rem',\r\n },\r\n },\r\n\r\n // Knob\r\n '.form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform bg-white rounded-full shadow translate-x-0': {},\r\n\r\n // sizing\r\n '&-sm': {\r\n height: '1.6rem',\r\n width: '1.7rem',\r\n },\r\n\r\n '&-md': {\r\n height: '2rem',\r\n width: '2rem',\r\n },\r\n\r\n '&-lg': {\r\n height: '2.2rem',\r\n width: '2.2rem',\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,oBAAoB,EAAE;MACpB,kCAAkC,EAAE,CAAC,CAAC;MAEtC,kBAAkB,EAAE;QAClB,eAAe,EAAE,CAAC,CAAC;QAEnB,cAAc,EAAE;UACd,eAAe,EAAE,CAAC;QACpB;MACF;IACF,CAAC;IACD,cAAc,EAAAC,QAAA;MACZ,0DAA0D,EAAE,CAAC,CAAC;MAC9D,2CAA2C,EAAE,CAAC,CAAC;MAC/C;MACA;;MAEAC,MAAM,EAAE,0BAA0B;MAElC,gFAAgF,EAAE;QAChFC,eAAe,EAAE,cAAc;QAC/B,qBAAqB,EAAE;UACrBC,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb,CAAC;QACD,qBAAqB,EAAE;UACrBA,SAAS,EAAE;QACb;MACF,CAAC;MAED,wCAAwC,EAAE;QACxC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,kCAAkC,EAAE,CAAC,CAAC;QACtC,qCAAqC,EAAE,CAAC;MAC1C,CAAC;MAED,4GAA4G,EAAE;QAC5G,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,uHAAuH,EACrH;QACE,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACH,0HAA0H,EACxH;QACE,oBAAoB,EAAE,CAAC;MACzB;IAAC,GAGAJ,MAAM,CAACK,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAR,QAAA,KACTK,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,kBACLD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAQ9B,EACF,CAAC,CACH,CAAC;MAED;MACA,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAE/B,GAAG,EAAE;UACHN,eAAe,EAAE;QACnB;MACF,CAAC;MAED,kEAAkE,EAAE;QAClE,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MAED;MACA,MAAM,EAAE;QACNO,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IAAC,EACF;IAED;IACA,kBAAkB,EAAE;MAClB,2GAA2G,EAAE,CAAC,CAAC;MAE/G;MACA,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE;MACT,CAAC;MAED,MAAM,EAAE;QACND,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAE;MACT;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -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":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n '.table': {\r\n '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n '&-item': {\r\n '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n '&:nth-child(odd)': {\r\n '@apply bg-gray-lighter': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"table.js","names":["module","exports","Table"],"sources":["../../../src/components/table.js"],"sourcesContent":["module.exports = Table = () => ({\r\n '.table': {\r\n '@apply min-w-full border-collapse border-gray-stroke divide-gray-lighter table-auto': {},\r\n\r\n '&-item': {\r\n '@apply px-6 py-4 border border-gray-stroke whitespace-nowrap': {},\r\n\r\n '&:nth-child(odd)': {\r\n '@apply bg-gray-lighter': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,QAAQ,EAAE;MACR,qFAAqF,EAAE,CAAC,CAAC;MAEzF,QAAQ,EAAE;QACR,8DAA8D,EAAE,CAAC,CAAC;QAElE,kBAAkB,EAAE;UAClB,wBAAwB,EAAE,CAAC;QAC7B;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -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":"
|
|
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,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
2
|
function tagOutline(colors) {
|
|
5
3
|
var _href;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n return {\r\n '.tag-outline': {\r\n '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n return {\r\n '.tag-solid': {\r\n '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n\r\n '.tag-close-button': {\r\n '@apply text-white hover:text-body': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n return {\r\n '.tag-light': {\r\n '@apply border border-transparent text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover`]: {},\r\n [`@apply active:border-hover`]: {},\r\n [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n '.tag': {\r\n '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n {},\r\n width: 'fit-content',\r\n height: 'fit-content',\r\n padding: '0 1.145em 0 1.145em',\r\n borderRadius: '3.2rem',\r\n\r\n '&-text': {\r\n padding: '0.5em 0',\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minWidth: '1.25rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n minWidth: '1.5rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minWidth: '1.75rem',\r\n },\r\n },\r\n\r\n // variants\r\n ...tagOutline(colors),\r\n ...tagSolid(colors),\r\n ...tagLight(colors),\r\n\r\n '.tag-close-button': {\r\n '@apply border-transparent cursor-base': {},\r\n fontSize: '1em',\r\n padding: '0.36em',\r\n marginLeft: '0.25em',\r\n marginRight: '-1em',\r\n\r\n '&-icon': {\r\n fontSize: '1em !important',\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n return {\r\n '.tag-outline': {\r\n '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n return {\r\n '.tag-solid': {\r\n '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:text-white hover:bg-hover`]: {},\r\n [`@apply active:text-white active:bg-hover`]: {},\r\n [`@apply focus-visible:text-white focus-visible:ring-4 focus-visible:ring-black focus-visible:bg-hover`]: {},\r\n },\r\n\r\n '.tag-close-button': {\r\n '@apply text-white hover:text-body': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n return {\r\n '.tag-light': {\r\n '@apply border border-transparent text-body': {},\r\n\r\n '&[href]': {\r\n [`@apply hover:border-hover`]: {},\r\n [`@apply active:border-hover`]: {},\r\n [`@apply focus-visible:border-hover focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n '.tag': {\r\n '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n {},\r\n width: 'fit-content',\r\n height: 'fit-content',\r\n padding: '0 1.145em 0 1.145em',\r\n borderRadius: '3.2rem',\r\n\r\n '&-text': {\r\n padding: '0.5em 0',\r\n },\r\n\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minWidth: '1.25rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n minWidth: '1.5rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minWidth: '1.75rem',\r\n },\r\n },\r\n\r\n // variants\r\n ...tagOutline(colors),\r\n ...tagSolid(colors),\r\n ...tagLight(colors),\r\n\r\n '.tag-close-button': {\r\n '@apply border-transparent cursor-base': {},\r\n fontSize: '1em',\r\n padding: '0.36em',\r\n marginLeft: '0.25em',\r\n marginRight: '-1em',\r\n\r\n '&-icon': {\r\n fontSize: '1em !important',\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,2GAC0D,CAAC,CAAC,EAAAA,KAAA;IAEhH;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,2GAC0D,CAAC,CAAC,EAAAA,MAAA,CAC7G;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,sFACmD,CAAC,CAAC,EAAAA,MAAA;IAE3F;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.sk-usermenu': {\r\n '@apply text-body mx-auto lg:mx-sm lg:relative': {},\r\n\r\n '&-wrapper': {\r\n '@apply block max-lg:-mr-md': {},\r\n },\r\n\r\n '&-button': {\r\n '&-content': {\r\n '@apply max-lg:font-bold lg:items-center lg:text-left': {},\r\n },\r\n '&-icon': {\r\n '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},\r\n },\r\n },\r\n\r\n '&-first-row': {\r\n '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex align-middle mt-md lg:mb-xs': {},\r\n '&-content': {\r\n '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':\r\n {},\r\n },\r\n '&-line': {\r\n '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':\r\n {},\r\n '&[data-open=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':\r\n {},\r\n '&[aria-expanded=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:shadow-none': {},\r\n },\r\n },\r\n '&-group': {\r\n 'a, button': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n '&.active': {\r\n 'a, button': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n '&-divider': {\r\n '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"],"sources":["../../../src/components/user-menu.js"],"sourcesContent":["module.exports = UserMenu = (colors) => ({\r\n '.sk-usermenu': {\r\n '@apply text-body mx-auto lg:mx-sm lg:relative': {},\r\n\r\n '&-wrapper': {\r\n '@apply block max-lg:-mr-md': {},\r\n },\r\n\r\n '&-button': {\r\n '&-content': {\r\n '@apply max-lg:font-bold lg:items-center lg:text-left': {},\r\n },\r\n '&-icon': {\r\n '@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {},\r\n },\r\n },\r\n\r\n '&-first-row': {\r\n '@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply flex align-middle mt-md lg:mb-xs': {},\r\n '&-content': {\r\n '@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap':\r\n {},\r\n },\r\n '&-line': {\r\n '@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {},\r\n },\r\n },\r\n\r\n '&-body': {\r\n '@apply py-sm absolute rounded border-t-0 bg-white mt-6 right-0 left-0 border-none max-lg:shadow-lg lg:-mt-2 lg:border-2 lg:border-solid lg:border-white':\r\n {},\r\n '&[data-open=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent':\r\n {},\r\n '&[aria-expanded=\"true\"]': {\r\n '@apply lg:border-gray-300 lg:shadow-none': {},\r\n },\r\n },\r\n '&-group': {\r\n 'a, button': {\r\n '@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},\r\n '&.active': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n '&.active': {\r\n 'a, button': {\r\n '@apply bg-hover text-white no-underline': {},\r\n },\r\n },\r\n },\r\n '&-divider': {\r\n '@apply bg-white border-t-2 pb-sm mt-sm mx-md': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAACC,MAAM;EAAA,OAAM;IACvC,cAAc,EAAE;MACd,+CAA+C,EAAE,CAAC,CAAC;MAEnD,WAAW,EAAE;QACX,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,UAAU,EAAE;QACV,WAAW,EAAE;UACX,sDAAsD,EAAE,CAAC;QAC3D,CAAC;QACD,QAAQ,EAAE;UACR,oEAAoE,EAAE,CAAC;QACzE;MACF,CAAC;MAED,aAAa,EAAE;QACb,4DAA4D,EAAE,CAAC;MACjE,CAAC;MAED,SAAS,EAAE;QACT,yCAAyC,EAAE,CAAC,CAAC;QAC7C,WAAW,EAAE;UACX,8GAA8G,EAC5G,CAAC;QACL,CAAC;QACD,QAAQ,EAAE;UACR,kFAAkF,EAAE,CAAC;QACvF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,yJAAyJ,EACvJ,CAAC,CAAC;QACJ,qBAAqB,EAAE;UACrB,sDAAsD,EAAE,CAAC;QAC3D;MACF,CAAC;MAED,UAAU,EAAE;QACV,iHAAiH,EAC/G,CAAC,CAAC;QACJ,yBAAyB,EAAE;UACzB,0CAA0C,EAAE,CAAC;QAC/C;MACF,CAAC;MACD,SAAS,EAAE;QACT,WAAW,EAAE;UACX,yFAAyF,EAAE,CAAC,CAAC;UAC7F,UAAU,EAAE;YACV,yCAAyC,EAAE,CAAC;UAC9C;QACF,CAAC;QACD,UAAU,EAAE;UACV,WAAW,EAAE;YACX,yCAAyC,EAAE,CAAC;UAC9C;QACF;MACF,CAAC;MACD,WAAW,EAAE;QACX,8CAA8C,EAAE,CAAC;MACnD;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '&-pagination-pagesizes': {\r\n '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n '&-label': {\r\n '@apply font-bold': {},\r\n },\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"zebratable.js","names":["module","exports","ZebraTable","fontSize"],"sources":["../../../src/components/zebratable.js"],"sourcesContent":["module.exports = ZebraTable = () => ({\r\n '.sk-zebratable': {\r\n '@apply w-full text-left table-auto': {},\r\n\r\n '&-thead': {\r\n '&-tr': {\r\n '@apply text-sm hidden lg:table-row': {},\r\n },\r\n\r\n '&-th': {\r\n '@apply py-sm first-of-type:pl-lg': {},\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply py-sm cursor-pointer': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply !text-lg': {},\r\n },\r\n\r\n '&-sort': {\r\n '@apply text-black transform': {},\r\n\r\n \"&[data-sortmodeascending='true']\": {\r\n '@apply -rotate-90': {},\r\n },\r\n\r\n \"&[data-sortmodeascending='false']\": {\r\n '@apply rotate-90': {},\r\n },\r\n },\r\n\r\n '&-more': {\r\n '@apply text-gray': {},\r\n },\r\n },\r\n },\r\n\r\n '.material-icons-outlined': {\r\n fontSize: '1.25em',\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-body lg:bg-white': {},\r\n\r\n '&-tr': {\r\n '@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg':\r\n {},\r\n\r\n '&.highlighted': {\r\n '@apply lg:border-4 lg:border-hover': {},\r\n },\r\n },\r\n\r\n '&-td': {\r\n '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':\r\n {},\r\n },\r\n },\r\n\r\n '&-paginationwrapper': {\r\n '@apply w-full text-lg flex justify-center lg:justify-start': {},\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n },\r\n '&-pagination-pagesizes': {\r\n '@apply grow-0 flex gap-xs flex-row justify-end items-center': {},\r\n '&-label': {\r\n '@apply font-bold': {},\r\n },\r\n '&.-select': {\r\n '@apply w-auto': {},\r\n },\r\n },\r\n\r\n '&-bottomwrapper': {\r\n '@apply mt-lg px-lg flex items-center justify-end': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,UAAU,GAAG,SAAAA,WAAA;EAAA,OAAO;IACnC,gBAAgB,EAAE;MAChB,oCAAoC,EAAE,CAAC,CAAC;MAExC,SAAS,EAAE;QACT,MAAM,EAAE;UACN,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,MAAM,EAAE;UACN,kCAAkC,EAAE,CAAC,CAAC;UAEtC,iCAAiC,EAAE;YACjC,6BAA6B,EAAE,CAAC;UAClC;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,0BAA0B,EAAE,CAAC,CAAC;QAE9B,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC,CAAC;UAE9B,kBAAkB,EAAE;YAClB,iBAAiB,EAAE,CAAC;UACtB,CAAC;UAED,QAAQ,EAAE;YACR,6BAA6B,EAAE,CAAC,CAAC;YAEjC,kCAAkC,EAAE;cAClC,mBAAmB,EAAE,CAAC;YACxB,CAAC;YAED,mCAAmC,EAAE;cACnC,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,QAAQ,EAAE;YACR,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MAED,0BAA0B,EAAE;QAC1BC,QAAQ,EAAE;MACZ,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE,CAAC,CAAC;QAElC,MAAM,EAAE;UACN,gMAAgM,EAC9L,CAAC,CAAC;UAEJ,eAAe,EAAE;YACf,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QAED,MAAM,EAAE;UACN,8QAA8Q,EAC5Q,CAAC;QACL;MACF,CAAC;MAED,qBAAqB,EAAE;QACrB,4DAA4D,EAAE,CAAC;MACjE,CAAC;MACD,cAAc,EAAE;QACd,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,wBAAwB,EAAE;QACxB,6DAA6D,EAAE,CAAC,CAAC;QACjE,SAAS,EAAE;UACT,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,eAAe,EAAE,CAAC;QACpB;MACF,CAAC;MAED,iBAAiB,EAAE;QACjB,kDAAkD,EAAE,CAAC;MACvD;IACF;EACF,CAAC;AAAA,CAAC"}
|
package/dist/cjs/index.js
CHANGED
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n default: plugin,\n plugin: plugin,\n preset: preset,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n default: plugin,\n plugin: plugin,\n preset: preset,\n};\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACf,WAASF,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
|
package/dist/cjs/plugin.js
CHANGED
package/dist/cjs/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","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","optionColors","concat","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst theme = require('./theme');\n\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');\nconst Comments = require('./components/comments');\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 Comments,\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 {\n theme: theme,\n };\n }\n);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"plugin.js","names":["plugin","require","base","theme","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","optionColors","concat","map","component"],"sources":["../../src/plugin.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\n\nconst base = require('./base');\nconst theme = require('./theme');\n\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');\nconst Comments = require('./components/comments');\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 Comments,\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 {\n theme: theme,\n };\n }\n);\n"],"mappings":"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"}
|
package/dist/cjs/preset.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
2
|
var plugin = require('tailwindcss/plugin');
|
|
5
3
|
module.exports = function (options) {
|
package/dist/cjs/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["plugin","require","module","exports","options","customScrollbar","tailwindForms","colors","cssBase","theme","_extends","plugins","concat","nocompatible","_ref","addBase","variants","scrollbar"],"sources":["../../src/preset.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nmodule.exports = function (\r\n options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n theme: {\r\n ...(options.customScrollbar\r\n ? {\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n }\r\n : {}),\r\n },\r\n plugins: [\r\n ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),\r\n ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),\r\n ...(options.customScrollbar\r\n ? [\r\n plugin(function ({ addBase }) {\r\n addBase({\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n });\r\n }),\r\n ]\r\n : []),\r\n require('./plugin')(options.plugin),\r\n ],\r\n variants: {\r\n ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),\r\n },\r\n };\r\n};\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"preset.js","names":["plugin","require","module","exports","options","customScrollbar","tailwindForms","colors","cssBase","theme","_extends","plugins","concat","nocompatible","_ref","addBase","variants","scrollbar"],"sources":["../../src/preset.js"],"sourcesContent":["const plugin = require('tailwindcss/plugin');\r\n\r\nmodule.exports = function (\r\n options = { customScrollbar: true, tailwindForms: true, plugin: { colors: [], cssBase: true } }\r\n) {\r\n return {\r\n theme: {\r\n ...(options.customScrollbar\r\n ? {\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n }\r\n : {}),\r\n },\r\n plugins: [\r\n ...(options.tailwindForms ? [require('@tailwindcss/forms')] : []),\r\n ...(options.customScrollbar ? [require('tailwind-scrollbar')({ nocompatible: true })] : []),\r\n ...(options.customScrollbar\r\n ? [\r\n plugin(function ({ addBase }) {\r\n addBase({\r\n '.custom-scrollbar': {\r\n '@apply scrollbar scrollbar-h-5 scrollbar-w-4 scrollbar-thumb-gray-300 scrollbar-track-gray-100 scrollbar-thumb-rounded-full scrollbar-track-rounded-full':\r\n {},\r\n },\r\n });\r\n }),\r\n ]\r\n : []),\r\n require('./plugin')(options.plugin),\r\n ],\r\n variants: {\r\n ...(options.customScrollbar ? { scrollbar: ['rounded'] } : {}),\r\n },\r\n };\r\n};\r\n"],"mappings":";AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,oBAAoB,CAAC;AAE5CC,MAAM,CAACC,OAAO,GAAG,UACfC,OAAO,EACP;EAAA,IADAA,OAAO;IAAPA,OAAO,GAAG;MAAEC,eAAe,EAAE,IAAI;MAAEC,aAAa,EAAE,IAAI;MAAEN,MAAM,EAAE;QAAEO,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAE/F,OAAO;IACLC,KAAK,EAAAC,QAAA,KACCN,OAAO,CAACC,eAAe,GACvB;MACE,mBAAmB,EAAE;QACnB,0JAA0J,EACxJ,CAAC;MACL;IACF,CAAC,GACD,CAAC,CAAC,CACP;IACDM,OAAO,KAAAC,MAAA,CACDR,OAAO,CAACE,aAAa,GAAG,CAACL,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,EAAE,EAC5DG,OAAO,CAACC,eAAe,GAAG,CAACJ,OAAO,CAAC,oBAAoB,CAAC,CAAC;MAAEY,YAAY,EAAE;IAAK,CAAC,CAAC,CAAC,GAAG,EAAE,EACtFT,OAAO,CAACC,eAAe,GACvB,CACEL,MAAM,CAAC,UAAAc,IAAA,EAAuB;MAAA,IAAXC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MACxBA,OAAO,CAAC;QACN,mBAAmB,EAAE;UACnB,0JAA0J,EACxJ,CAAC;QACL;MACF,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,GACD,EAAE,GACNd,OAAO,CAAC,UAAU,CAAC,CAACG,OAAO,CAACJ,MAAM,CAAC,EACpC;IACDgB,QAAQ,EAAAN,QAAA,KACFN,OAAO,CAACC,eAAe,GAAG;MAAEY,SAAS,EAAE,CAAC,SAAS;IAAE,CAAC,GAAG,CAAC,CAAC;EAEjE,CAAC;AACH,CAAC"}
|
package/dist/cjs/theme.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
2
|
var _require = require('@sk-web-gui/theme'),
|
|
5
3
|
colors = _require.colors;
|
package/dist/cjs/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n fontSize: {\n tiny: '1rem',\n xs: '1.2rem',\n sm: '1.4rem',\n base: '1.6rem',\n lg: '1.8rem',\n xl: '2.0rem',\n '2xl': '2.4rem',\n '3xl': '3.2rem',\n '4xl': '4.0rem',\n '5xl': '5.2rem',\n },\n extend: {\n colors: {\n ...colors,\n current: 'currentColor',\n },\n cursor: {\n base: 'var(--vc-cursor)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '48px',\n },\n lineHeight: {\n tiny: '1.4rem',\n xs: '1.6rem',\n sm: '2rem',\n base: '2.4rem',\n lg: '2.4rem',\n xl: '3.2rem',\n '2xl': '3.2rem',\n '3xl': '4rem',\n '4xl': '4.8rem',\n '5xl': '5.8rem',\n },\n opacity: {\n 15: '0.15',\n },\n backgroundColor: {\n base: withOpacity('--vc-colors-bg-base'),\n fill: withOpacity('--vc-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--vc-colors-text-foreground'),\n muted: withOpacity('--vc-colors-text-muted'),\n },\n borderRadius: {\n base: 'var(--vc-rounded)',\n },\n zIndex: {\n hide: -1,\n none: 0,\n base: 1,\n docked: 10,\n dropdown: 1000,\n sticky: 1100,\n banner: 1200,\n overlay: 1300,\n modal: 1400,\n popover: 1500,\n skipLink: 1600,\n toast: 1700,\n tooltip: 1800,\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n },\n },\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.js","names":["_require","require","colors","withOpacity","module","exports","fontSize","tiny","xs","sm","base","lg","xl","extend","_extends","current","cursor","spacing","md","lineHeight","opacity","backgroundColor","fill","textColor","foreground","muted","borderRadius","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const { colors } = require('@sk-web-gui/theme');\nconst withOpacity = require('./with-opacity');\n\nmodule.exports = {\n fontSize: {\n tiny: '1rem',\n xs: '1.2rem',\n sm: '1.4rem',\n base: '1.6rem',\n lg: '1.8rem',\n xl: '2.0rem',\n '2xl': '2.4rem',\n '3xl': '3.2rem',\n '4xl': '4.0rem',\n '5xl': '5.2rem',\n },\n extend: {\n colors: {\n ...colors,\n current: 'currentColor',\n },\n cursor: {\n base: 'var(--vc-cursor)',\n },\n spacing: {\n xs: '4px',\n sm: '8px',\n md: '16px',\n lg: '24px',\n xl: '48px',\n },\n lineHeight: {\n tiny: '1.4rem',\n xs: '1.6rem',\n sm: '2rem',\n base: '2.4rem',\n lg: '2.4rem',\n xl: '3.2rem',\n '2xl': '3.2rem',\n '3xl': '4rem',\n '4xl': '4.8rem',\n '5xl': '5.8rem',\n },\n opacity: {\n 15: '0.15',\n },\n backgroundColor: {\n base: withOpacity('--vc-colors-bg-base'),\n fill: withOpacity('--vc-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--vc-colors-text-foreground'),\n muted: withOpacity('--vc-colors-text-muted'),\n },\n borderRadius: {\n base: 'var(--vc-rounded)',\n },\n zIndex: {\n hide: -1,\n none: 0,\n base: 1,\n docked: 10,\n dropdown: 1000,\n sticky: 1100,\n banner: 1200,\n overlay: 1300,\n modal: 1400,\n popover: 1500,\n skipLink: 1600,\n toast: 1700,\n tooltip: 1800,\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n },\n },\n};\n"],"mappings":";AAAA,IAAAA,QAAA,GAAmBC,OAAO,CAAC,mBAAmB,CAAC;EAAvCC,MAAM,GAAAF,QAAA,CAANE,MAAM;AACd,IAAMC,WAAW,GAAGF,OAAO,CAAC,gBAAgB,CAAC;AAE7CG,MAAM,CAACC,OAAO,GAAG;EACfC,QAAQ,EAAE;IACRC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAE,QAAQ;IACZC,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNX,MAAM,EAAAY,QAAA,KACDZ,MAAM;MACTa,OAAO,EAAE;IAAc,EACxB;IACDC,MAAM,EAAE;MACNN,IAAI,EAAE;IACR,CAAC;IACDO,OAAO,EAAE;MACPT,EAAE,EAAE,KAAK;MACTC,EAAE,EAAE,KAAK;MACTS,EAAE,EAAE,MAAM;MACVP,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACN,CAAC;IACDO,UAAU,EAAE;MACVZ,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,MAAM;MACVC,IAAI,EAAE,QAAQ;MACdC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE,MAAM;MACb,KAAK,EAAE,QAAQ;MACf,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACP,EAAE,EAAE;IACN,CAAC;IACDC,eAAe,EAAE;MACfX,IAAI,EAAEP,WAAW,CAAC,qBAAqB,CAAC;MACxCmB,IAAI,EAAEnB,WAAW,CAAC,qBAAqB;IACzC,CAAC;IACDoB,SAAS,EAAE;MACTC,UAAU,EAAErB,WAAW,CAAC,6BAA6B,CAAC;MACtDsB,KAAK,EAAEtB,WAAW,CAAC,wBAAwB;IAC7C,CAAC;IACDuB,YAAY,EAAE;MACZhB,IAAI,EAAE;IACR,CAAC;IACDiB,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC,CAAC;MACRC,IAAI,EAAE,CAAC;MACPnB,IAAI,EAAE,CAAC;MACPoB,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE,IAAI;MACZC,OAAO,EAAE,IAAI;MACbC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE,IAAI;MACbC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE,IAAI;MACXC,OAAO,EAAE;IACX,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;QAChB,UAAU,EAAE;UACVC,QAAQ,EAAE;QACZ;MACF;IACF,CAAC;IACDC,SAAS,EAAE;MACT,gBAAgB,EAAE;IACpB;EACF;AACF,CAAC"}
|
package/dist/cjs/with-opacity.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"with-opacity.js","names":["module","exports","withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.js"],"sourcesContent":["module.exports = function withOpacity(variableName) {\r\n return ({ opacityValue }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"with-opacity.js","names":["module","exports","withOpacity","variableName","_ref","opacityValue"],"sources":["../../src/with-opacity.js"],"sourcesContent":["module.exports = function withOpacity(variableName) {\r\n return ({ opacityValue }) => {\r\n if (opacityValue) return `rgba(var(${variableName}), ${opacityValue})`;\r\n return `rgb(var(${variableName}))`;\r\n };\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG,SAASC,WAAWA,CAACC,YAAY,EAAE;EAClD,OAAO,UAAAC,IAAA,EAAsB;IAAA,IAAnBC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACpB,IAAIA,YAAY,EAAE,qBAAmBF,YAAY,WAAME,YAAY;IACnE,oBAAkBF,YAAY;EAChC,CAAC;AACH,CAAC"}
|
|
@@ -66,8 +66,8 @@ function buttonSolid(colors) {
|
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
'&.btn': {
|
|
69
|
-
'&-disabled': {
|
|
70
|
-
'@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
|
|
69
|
+
'&-disabled, &[aria-disabled="true"]': {
|
|
70
|
+
'@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},
|
|
71
71
|
'&.active': {
|
|
72
72
|
'@apply border-gray-stroke': {}
|
|
73
73
|
}
|
|
@@ -138,8 +138,8 @@ function buttonOutline(colors) {
|
|
|
138
138
|
}
|
|
139
139
|
}), {}), {
|
|
140
140
|
'&.btn': {
|
|
141
|
-
'&-disabled': {
|
|
142
|
-
'@apply disabled:border-gray-stroke hover:border-gray-stroke': {},
|
|
141
|
+
'&-disabled, &[aria-disabled="true"]': {
|
|
142
|
+
'@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},
|
|
143
143
|
'&.active': {
|
|
144
144
|
'@apply border-gray-stroke': {}
|
|
145
145
|
}
|
|
@@ -151,81 +151,13 @@ function buttonOutline(colors) {
|
|
|
151
151
|
function buttonGhost(colors) {
|
|
152
152
|
return {
|
|
153
153
|
'&-ghost': _extends({
|
|
154
|
-
'@apply text-body bg-transparent': {},
|
|
155
|
-
'@apply hover:bg-neutral-100': {},
|
|
156
|
-
/* focus */
|
|
157
|
-
'@apply focus-visible:z-base': {},
|
|
158
|
-
'@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
|
|
159
|
-
/* active */
|
|
160
|
-
'@apply active:bg-neutral-200': {},
|
|
161
|
-
/* dark mode */
|
|
162
|
-
'@apply dark:text-neutral-100 dark:bg-transparent': {},
|
|
163
|
-
/* dark hover */
|
|
164
|
-
'@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},
|
|
165
|
-
/* dark active */
|
|
166
|
-
'@apply dark:active:bg-neutral-600 dark:active:border-neutral-400': {}
|
|
167
|
-
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
168
|
-
["&[data-color=\"" + color + "\"]"]: {
|
|
169
|
-
["@apply text-" + color + "-600"]: {},
|
|
170
|
-
["@apply hover:bg-" + color + "-50"]: {},
|
|
171
|
-
/* focus */
|
|
172
|
-
["@apply focus-visible:ring-" + color + "-500"]: {},
|
|
173
|
-
["@apply active:bg-" + color + "-100"]: {},
|
|
174
|
-
// dark colors
|
|
175
|
-
["@apply dark:text-" + color + "-200 dark:bg-transparent"]: {},
|
|
176
|
-
["@apply dark:border-" + color + "-300 dark:hover:bg-" + color + "-200"]: {},
|
|
177
|
-
["@apply dark:hover:bg-opacity-15"]: {},
|
|
178
|
-
["@apply dark:active:bg-" + color + "-200"]: {},
|
|
179
|
-
["@apply dark:active:bg-opacity-25"]: {}
|
|
180
|
-
}
|
|
181
|
-
}), {}))
|
|
182
|
-
};
|
|
183
|
-
}
|
|
184
|
-
function buttonLight(colors) {
|
|
185
|
-
return {
|
|
186
|
-
'&-light': _extends({
|
|
187
|
-
'@apply shadow-sm': {},
|
|
188
|
-
'@apply border border-transparent': {},
|
|
189
|
-
'@apply text-body bg-neutral-100': {},
|
|
190
|
-
/* hover */
|
|
191
|
-
'@apply hover:bg-neutral-200': {},
|
|
192
154
|
/* focus */
|
|
193
155
|
'@apply focus-visible:z-base': {},
|
|
194
|
-
'@apply focus-visible:
|
|
195
|
-
'@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},
|
|
196
|
-
/* active */
|
|
197
|
-
'@apply active:bg-neutral-300': {},
|
|
198
|
-
/* dark mode */
|
|
199
|
-
'@apply dark:border-transparent': {},
|
|
200
|
-
'@apply dark:text-neutral-100 dark:bg-neutral-700': {},
|
|
201
|
-
/* dark hover */
|
|
202
|
-
'@apply dark:hover:bg-neutral-600': {},
|
|
203
|
-
/* dark focus */
|
|
204
|
-
'@apply dark:focus-visible:border-primary-500': {},
|
|
205
|
-
/* dark active */
|
|
206
|
-
'@apply dark:active:bg-neutral-600': {}
|
|
156
|
+
'@apply focus-visible:ring-4 focus-visible:ring-primary-500': {}
|
|
207
157
|
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
208
158
|
["&[data-color=\"" + color + "\"]"]: {
|
|
209
|
-
["@apply text-" + color + "-600 bg-" + color + "-50"]: {},
|
|
210
|
-
/* hover */
|
|
211
|
-
["@apply hover:bg-" + color + "-100"]: {},
|
|
212
159
|
/* focus */
|
|
213
|
-
["@apply focus-visible:
|
|
214
|
-
["@apply focus-visible:ring-" + color + "-500"]: {},
|
|
215
|
-
/* active */
|
|
216
|
-
["@apply active:bg-" + color + "-200"]: {},
|
|
217
|
-
/* dark mode */
|
|
218
|
-
["@apply dark:text-" + color + "-300 dark:bg-" + color + "-500"]: {},
|
|
219
|
-
["@apply dark:bg-opacity-15"]: {},
|
|
220
|
-
/* dark hover */
|
|
221
|
-
["@apply dark:hover:bg-" + color + "-500"]: {},
|
|
222
|
-
["@apply dark:hover:bg-opacity-25"]: {},
|
|
223
|
-
/* dark focus */
|
|
224
|
-
["@apply dark:focus-visible:border-" + color + "-500"]: {},
|
|
225
|
-
["@apply dark:focus-visible:ring-" + color + "-500"]: {},
|
|
226
|
-
/* dark active */
|
|
227
|
-
["@apply dark:active:bg-" + color + "-500"]: {},
|
|
228
|
-
["@apply dark:active:bg-opacity-30"]: {}
|
|
160
|
+
["@apply focus-visible:ring-" + color + "-500"]: {}
|
|
229
161
|
}
|
|
230
162
|
}), {}))
|
|
231
163
|
};
|
|
@@ -289,16 +221,16 @@ module.exports = Button = colors => ({
|
|
|
289
221
|
},
|
|
290
222
|
// State
|
|
291
223
|
|
|
292
|
-
'&-disabled': {
|
|
293
|
-
'@apply disabled:shadow-none disabled:cursor-not-allowed': {},
|
|
294
|
-
'@apply disabled:text-gray disabled:bg-gray-light !important': {}
|
|
224
|
+
'&-disabled, &[aria-disabled="true"]': {
|
|
225
|
+
'@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},
|
|
226
|
+
'@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {}
|
|
295
227
|
},
|
|
296
228
|
'.MuiSvgIcon-root': {
|
|
297
229
|
fontSize: '1.5em',
|
|
298
230
|
width: '1em',
|
|
299
231
|
height: '1em'
|
|
300
232
|
}
|
|
301
|
-
}, buttonSolid(colors), buttonOutline(colors), buttonLink(colors)),
|
|
233
|
+
}, buttonSolid(colors), buttonOutline(colors), buttonGhost(colors), buttonLink(colors)),
|
|
302
234
|
'.btn-has-icon': {
|
|
303
235
|
'&-left .MuiSvgIcon-root': {
|
|
304
236
|
'@apply mr-sm': {}
|