@sk-web-gui/core 0.1.86 → 0.1.88
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/components/comments.js.map +1 -1
- package/dist/cjs/components/forms.js +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/side-menu.js +49 -40
- package/dist/cjs/components/side-menu.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/components/user-menu.js +44 -26
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/components/comments.js.map +1 -1
- package/dist/esm/components/forms.js +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/side-menu.js +49 -40
- package/dist/esm/components/side-menu.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/components/user-menu.js +44 -26
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/package.json +2 -2
- package/src/components/comments.js +33 -33
- package/src/components/forms.js +9 -9
- package/src/components/side-menu.js +51 -40
- package/src/components/tab-menu.js +58 -58
- package/src/components/tabs.js +64 -64
- package/src/components/user-menu.js +50 -26
- package/src/index.js +8 -8
- package/src/plugin.js +120 -120
- package/src/theme.js +84 -84
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');\
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \
|
|
1
|
+
{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n '.comment-header': {\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n },\n\n '.comment-item':{\n '@apply w-full': {},\n\n '&-container': {\n '@apply flex gap-2': {},\n },\n '&-text': {\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n },\n '&-commentorpublished': {\n '@apply float-right text-neutral-600 m-0': {},\n },\n },\n '.comment-input':{\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n '&-inactive': {\n '@apply text-neutral-300 !text-3xl': {},\n },\n\n '&-active': {\n '@apply text-primary !text-3xl': {},\n }\n\n },\n\n \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"}
|
|
@@ -122,7 +122,7 @@ function formInputGroup() {
|
|
|
122
122
|
},
|
|
123
123
|
'.form-input-addon': {
|
|
124
124
|
'@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},
|
|
125
|
-
'@apply text-
|
|
125
|
+
'@apply text-gray bg-neutral-50': {},
|
|
126
126
|
// dark colors
|
|
127
127
|
'@apply dark:border-neutral-700': {},
|
|
128
128
|
'@apply dark:text-neutral-100 dark:bg-white/30': {},
|
|
@@ -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 '&[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-list-transition': {\r\n '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm': {},\r\n '&.showabove': {\r\n '@apply mb-1 bottom-full': {}\r\n },\r\n '&:not(.showabove)': {\r\n '@apply mt-1 top-full': {}\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 border-b': {\r\n },\r\n '&.showabove': {\r\n '@apply border-t border-b-0': {}\r\n }\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-gray 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-list-transition': {\r\n '@apply absolute z-50 w-full bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm':\r\n {},\r\n '&.showabove': {\r\n '@apply mb-1 bottom-full': {},\r\n },\r\n '&:not(.showabove)': {\r\n '@apply mt-1 top-full': {},\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 border-b': {},\r\n '&.showabove': {\r\n '@apply border-t border-b-0': {},\r\n },\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,39 +1,42 @@
|
|
|
1
1
|
module.exports = Menu = () => ({
|
|
2
|
-
'.
|
|
2
|
+
'.sk-sidemenu': {
|
|
3
3
|
'@apply w-[440px]': {},
|
|
4
|
-
'
|
|
4
|
+
'&-header': {
|
|
5
5
|
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
6
6
|
'.label-small': {
|
|
7
7
|
'@apply text-[1.6rem]': {}
|
|
8
8
|
},
|
|
9
9
|
'.label-button': {
|
|
10
|
-
'@apply w-full justify-between p-0': {},
|
|
10
|
+
'@apply w-full justify-between p-0 leading-[inherit]': {},
|
|
11
11
|
'&-icon': {
|
|
12
12
|
'@apply !text-xl': {}
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
|
-
'
|
|
15
|
+
'&-label': {
|
|
16
16
|
'@apply flex items-center': {},
|
|
17
17
|
'label, .label': {
|
|
18
|
-
'@apply text-xl font-bold': {}
|
|
18
|
+
'@apply text-xl font-bold flex items-center w-full': {}
|
|
19
19
|
},
|
|
20
20
|
span: {
|
|
21
21
|
'@apply ml-auto': {}
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
|
-
'
|
|
25
|
+
'&-item': {
|
|
26
26
|
'@apply bg-white h-full': {},
|
|
27
|
-
'.items': {
|
|
27
|
+
'> ul.items': {
|
|
28
|
+
'@apply hidden': {}
|
|
29
|
+
},
|
|
30
|
+
'&.open > ul.items': {
|
|
28
31
|
'@apply block': {}
|
|
29
32
|
},
|
|
30
33
|
'&-label': {
|
|
31
34
|
'@apply flex-grow select-none flex items-center': {}
|
|
32
35
|
},
|
|
33
36
|
'&.active': {
|
|
34
|
-
'> .wrapper': {
|
|
37
|
+
'> .sk-sidemenu-wrapper': {
|
|
35
38
|
boxShadow: 'inset 6px 0 0 0 #005595',
|
|
36
|
-
'.
|
|
39
|
+
'.sk-sidemenu-item-label': {
|
|
37
40
|
'@apply underline': {}
|
|
38
41
|
}
|
|
39
42
|
}
|
|
@@ -41,10 +44,11 @@ module.exports = Menu = () => ({
|
|
|
41
44
|
'.expand path': {
|
|
42
45
|
'@apply fill-primary': {}
|
|
43
46
|
},
|
|
44
|
-
'& .wrapper': {
|
|
47
|
+
'& .sk-sidemenu-wrapper': {
|
|
45
48
|
'@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
|
|
46
|
-
'.
|
|
47
|
-
'@apply flex-grow relative flex items-center text-base text-left justify-start
|
|
49
|
+
'.sk-sidemenu-item-link': {
|
|
50
|
+
'@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
|
|
51
|
+
'@apply focus-visible:z-base': {}
|
|
48
52
|
},
|
|
49
53
|
'.expand': {
|
|
50
54
|
'@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
|
|
@@ -54,19 +58,19 @@ module.exports = Menu = () => ({
|
|
|
54
58
|
}
|
|
55
59
|
},
|
|
56
60
|
'&.open': {
|
|
57
|
-
'& + .menu-item > .wrapper': {
|
|
61
|
+
'& + .menu-item > .sk-sidemenu-wrapper': {
|
|
58
62
|
'@apply border-t': {}
|
|
59
63
|
}
|
|
60
64
|
},
|
|
61
65
|
'&.draggable': {
|
|
62
66
|
'&.dragenter': {
|
|
63
|
-
'> .wrapper': {
|
|
67
|
+
'> .sk-sidemenu-wrapper': {
|
|
64
68
|
'@apply h-full max-h-full': {}
|
|
65
69
|
},
|
|
66
|
-
"> .wrapper > *:not([draggable='true'])": {
|
|
70
|
+
"> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
|
|
67
71
|
'@apply pointer-events-none': {}
|
|
68
72
|
},
|
|
69
|
-
'& > .wrapper::after': {
|
|
73
|
+
'& > .sk-sidemenu-wrapper::after': {
|
|
70
74
|
'@apply bg-info-light block relative w-full h-[44px]': {},
|
|
71
75
|
content: "''"
|
|
72
76
|
}
|
|
@@ -74,7 +78,7 @@ module.exports = Menu = () => ({
|
|
|
74
78
|
'&.moving': {
|
|
75
79
|
'@apply hidden': {}
|
|
76
80
|
},
|
|
77
|
-
'& .
|
|
81
|
+
'& .sk-sidemenu-menuitem-movebutton': {
|
|
78
82
|
'@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
|
|
79
83
|
svg: {
|
|
80
84
|
'@apply h-full': {}
|
|
@@ -90,7 +94,7 @@ module.exports = Menu = () => ({
|
|
|
90
94
|
},
|
|
91
95
|
'&.separator': {
|
|
92
96
|
'@apply bg-transparent relative': {},
|
|
93
|
-
'> div.wrapper, > .
|
|
97
|
+
'> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
|
|
94
98
|
'@apply h-[44px]': {}
|
|
95
99
|
}
|
|
96
100
|
}
|
|
@@ -105,20 +109,20 @@ module.exports = Menu = () => ({
|
|
|
105
109
|
backgroundRepeat: 'no-repeat'
|
|
106
110
|
},
|
|
107
111
|
'&.lvl-0': {
|
|
108
|
-
'&:first-child > .wrapper': {
|
|
112
|
+
'&:first-child > .sk-sidemenu-wrapper': {
|
|
109
113
|
'@apply border-t-0': {}
|
|
110
114
|
},
|
|
111
|
-
'> .wrapper': {
|
|
115
|
+
'> .sk-sidemenu-wrapper': {
|
|
112
116
|
'@apply h-[64px] max-h-[64px] border border-svartvik-200': {},
|
|
113
|
-
'> .
|
|
117
|
+
'> .sk-sidemenu-item-link': {
|
|
114
118
|
'@apply py-md': {},
|
|
115
119
|
paddingLeft: '3.2rem'
|
|
116
120
|
}
|
|
117
121
|
},
|
|
118
|
-
'.
|
|
122
|
+
'.sk-sidemenu-item-link': {
|
|
119
123
|
'@apply h-[64px] max-h-[64px]': {}
|
|
120
124
|
},
|
|
121
|
-
'& + .
|
|
125
|
+
'& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
|
|
122
126
|
'@apply border-t-0': {}
|
|
123
127
|
},
|
|
124
128
|
'> .items': {
|
|
@@ -127,73 +131,78 @@ module.exports = Menu = () => ({
|
|
|
127
131
|
'&.open > .items': {
|
|
128
132
|
'@apply border-b border-svartvik-200': {}
|
|
129
133
|
},
|
|
130
|
-
'&.separator
|
|
131
|
-
'
|
|
134
|
+
'&.separator': {
|
|
135
|
+
'& + .lvl-0': {
|
|
136
|
+
'@apply border-t border-svartvik-200': {}
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
'&.separator > .sk-sidemenu-wrapper': {
|
|
140
|
+
'@apply border-0': {}
|
|
132
141
|
}
|
|
133
142
|
},
|
|
134
143
|
'&.lvl-1': {
|
|
135
144
|
'@apply bg-gray-lighter': {},
|
|
136
|
-
'> .wrapper, .
|
|
145
|
+
'> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
|
|
137
146
|
'@apply h-[56px] max-h-[56px]': {}
|
|
138
147
|
},
|
|
139
|
-
'&.open > .wrapper': {
|
|
148
|
+
'&.open > .sk-sidemenu-wrapper': {
|
|
140
149
|
'@apply border-b border-svartvik-200': {}
|
|
141
150
|
},
|
|
142
|
-
'> .wrapper > .
|
|
151
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
143
152
|
paddingLeft: '4.8rem'
|
|
144
153
|
}
|
|
145
154
|
},
|
|
146
155
|
'&.lvl-2': {
|
|
147
|
-
'.wrapper': {
|
|
156
|
+
'.sk-sidemenu-wrapper': {
|
|
148
157
|
'@apply bg-gray-middle h-[48px] max-h-[48px]': {},
|
|
149
|
-
'> .
|
|
158
|
+
'> .sk-sidemenu-item-link': {
|
|
150
159
|
'@apply h-[48px] max-h-[48px]': {}
|
|
151
160
|
}
|
|
152
161
|
},
|
|
153
|
-
'> .wrapper > .
|
|
162
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
154
163
|
paddingLeft: '6.4rem'
|
|
155
164
|
}
|
|
156
165
|
},
|
|
157
166
|
'&.lvl-3': {
|
|
158
|
-
'> .wrapper > .
|
|
167
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
159
168
|
paddingLeft: '8rem'
|
|
160
169
|
}
|
|
161
170
|
},
|
|
162
171
|
'&.lvl-4': {
|
|
163
|
-
'.wrapper': {
|
|
172
|
+
'.sk-sidemenu-wrapper': {
|
|
164
173
|
'@apply bg-[#d4d4d4]': {}
|
|
165
174
|
},
|
|
166
|
-
'> .wrapper > .
|
|
175
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
167
176
|
paddingLeft: '9.6rem'
|
|
168
177
|
}
|
|
169
178
|
},
|
|
170
179
|
'&.lvl-5': {
|
|
171
|
-
'> .wrapper > .
|
|
180
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
172
181
|
paddingLeft: '11.2rem'
|
|
173
182
|
}
|
|
174
183
|
},
|
|
175
184
|
'&.lvl-6': {
|
|
176
|
-
'> .wrapper > .
|
|
185
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
177
186
|
paddingLeft: '12.8rem'
|
|
178
187
|
}
|
|
179
188
|
},
|
|
180
189
|
'&.lvl-7': {
|
|
181
|
-
'> .wrapper > .
|
|
190
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
182
191
|
paddingLeft: '14.4rem'
|
|
183
192
|
}
|
|
184
193
|
},
|
|
185
194
|
'&.lvl-8': {
|
|
186
|
-
'> .wrapper > .
|
|
195
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
187
196
|
paddingLeft: '16rem'
|
|
188
197
|
}
|
|
189
198
|
},
|
|
190
199
|
'&.lvl-9': {
|
|
191
|
-
'> .wrapper > .
|
|
200
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
192
201
|
paddingLeft: '17.6rem'
|
|
193
202
|
}
|
|
194
203
|
},
|
|
195
204
|
'&.lvl-10': {
|
|
196
|
-
'> .wrapper > .
|
|
205
|
+
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
197
206
|
paddingLeft: '19.2rem'
|
|
198
207
|
}
|
|
199
208
|
}
|
|
@@ -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 '.side-menu': {\r\n '@apply w-[440px]': {},\r\n\r\n '.menu-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': {},\r\n\r\n '&-icon': {\r\n '@apply !text-xl': {},\r\n },\r\n },\r\n\r\n '.label-header': {\r\n '@apply flex items-center': {},\r\n\r\n 'label, .label': {\r\n '@apply text-xl font-bold': {},\r\n },\r\n\r\n span: {\r\n '@apply ml-auto': {},\r\n },\r\n },\r\n },\r\n\r\n '.menu-item': {\r\n '@apply bg-white h-full': {},\r\n\r\n '.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 '> .wrapper': {\r\n boxShadow: 'inset 6px 0 0 0 #005595',\r\n '.menu-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 '& .wrapper': {\r\n '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},\r\n\r\n '.menu-item-link': {\r\n '@apply flex-grow relative flex items-center text-base text-left justify-start py-sm pr-sm h-full': {},\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 > .wrapper': {\r\n '@apply border-t': {},\r\n },\r\n },\r\n\r\n '&.draggable': {\r\n '&.dragenter': {\r\n '> .wrapper': {\r\n '@apply h-full max-h-full': {},\r\n },\r\n \"> .wrapper > *:not([draggable='true'])\": {\r\n '@apply pointer-events-none': {},\r\n },\r\n\r\n '& > .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 '& .menu-item-move-button': {\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.wrapper, > .menu-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 > .wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.menu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .menu-item > .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 > .wrapper': {\r\n '@apply border-l-0 border-r-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .wrapper, .menu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .menu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .wrapper > .menu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,YAAY,EAAE;IACZ,kBAAkB,EAAE,CAAC,CAAC;IAEtB,cAAc,EAAE;MACd,+EAA+E,EAAE,CAAC,CAAC;MAEnF,cAAc,EAAE;QACd,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,mCAAmC,EAAE,CAAC,CAAC;QAEvC,QAAQ,EAAE;UACR,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MAED,eAAe,EAAE;QACf,0BAA0B,EAAE,CAAC,CAAC;QAE9B,eAAe,EAAE;UACf,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QAEDC,IAAI,EAAE;UACJ,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF,CAAC;IAED,YAAY,EAAE;MACZ,wBAAwB,EAAE,CAAC,CAAC;MAE5B,QAAQ,EAAE;QACR,cAAc,EAAE,CAAC;MACnB,CAAC;MAED,SAAS,EAAE;QACT,gDAAgD,EAAE,CAAC;MACrD,CAAC;MAED,UAAU,EAAE;QACV,YAAY,EAAE;UACZC,SAAS,EAAE,yBAAyB;UACpC,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC;UACvB;QACF;MACF,CAAC;MAED,cAAc,EAAE;QACd,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,YAAY,EAAE;QACZ,uEAAuE,EAAE,CAAC,CAAC;QAE3E,iBAAiB,EAAE;UACjB,kGAAkG,EAAE,CAAC;QACvG,CAAC;QAED,SAAS,EAAE;UACT,qEAAqE,EAAE,CAAC,CAAC;UAEzE,UAAU,EAAE;YACV,uFAAuF,EAAE,CAAC;UAC5F;QACF;MACF,CAAC;MAED,QAAQ,EAAE;QACR,2BAA2B,EAAE;UAC3B,iBAAiB,EAAE,CAAC;QACtB;MACF,CAAC;MAED,aAAa,EAAE;QACb,aAAa,EAAE;UACb,YAAY,EAAE;YACZ,0BAA0B,EAAE,CAAC;UAC/B,CAAC;UACD,wCAAwC,EAAE;YACxC,4BAA4B,EAAE,CAAC;UACjC,CAAC;UAED,qBAAqB,EAAE;YACrB,qDAAqD,EAAE,CAAC,CAAC;YACzDC,OAAO,EAAE;UACX;QACF,CAAC;QAED,UAAU,EAAE;UACV,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,0BAA0B,EAAE;UAC1B,yFAAyF,EAAE,CAAC,CAAC;UAE7FC,GAAG,EAAE;YACH,eAAe,EAAE,CAAC;UACpB,CAAC;UACD,SAAS,EAAE;YACT,uBAAuB,EAAE,CAAC;UAC5B;QACF,CAAC;QAED,cAAc,EAAE;UACd,oBAAoB,EAAE;YACpB,qBAAqB,EAAE,CAAC;UAC1B;QACF,CAAC;QAED,aAAa,EAAE;UACb,gCAAgC,EAAE,CAAC,CAAC;UAEpC,kCAAkC,EAAE;YAClC,iBAAiB,EAAE,CAAC;UACtB;QACF;MACF,CAAC;MAED,aAAa,EAAE;QACb,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,MAAM,EAAE,KAAK;QACbC,KAAK,EAAE,MAAM;QACbC,eAAe,2eAA2e;QAC1fC,cAAc,EAAE,yCAAyC;QACzDC,kBAAkB,EAAE,0BAA0B;QAC9CC,gBAAgB,EAAE;MACpB,CAAC;MAED,SAAS,EAAE;QACT,0BAA0B,EAAE;UAC1B,mBAAmB,EAAE,CAAC;QACxB,CAAC;QACD,YAAY,EAAE;UACZ,yDAAyD,EAAE,CAAC,CAAC;UAE7D,mBAAmB,EAAE;YACnB,eAAe,EAAE,CAAC,CAAC;YACnBC,WAAW,EAAE;UACf;QACF,CAAC;QAED,iBAAiB,EAAE;UACjB,8BAA8B,EAAE,CAAC;QACnC,CAAC;QAED,2BAA2B,EAAE;UAC3B,mBAAmB,EAAE,CAAC;QACxB,CAAC;QAED,UAAU,EAAE;UACV,8CAA8C,EAAE,CAAC;QACnD,CAAC;QAED,iBAAiB,EAAE;UACjB,qCAAqC,EAAE,CAAC;QAC1C,CAAC;QAED,wBAAwB,EAAE;UACxB,8BAA8B,EAAE,CAAC;QACnC;MACF,CAAC;MAED,SAAS,EAAE;QACT,wBAAwB,EAAE,CAAC,CAAC;QAE5B,6BAA6B,EAAE;UAC7B,8BAA8B,EAAE,CAAC;QACnC,CAAC;QAED,mBAAmB,EAAE;UACnB,qCAAqC,EAAE,CAAC;QAC1C,CAAC;QAED,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,UAAU,EAAE;UACV,6CAA6C,EAAE,CAAC,CAAC;UAEjD,mBAAmB,EAAE;YACnB,8BAA8B,EAAE,CAAC;UACnC;QACF,CAAC;QAED,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,UAAU,EAAE;UACV,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QACD,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,SAAS,EAAE;QACT,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF,CAAC;MAED,UAAU,EAAE;QACV,8BAA8B,EAAE;UAC9BA,WAAW,EAAE;QACf;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
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 +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 = () => ({\
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\
|
|
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,38 +1,56 @@
|
|
|
1
1
|
module.exports = UserMenu = colors => ({
|
|
2
|
-
'.usermenu': {
|
|
3
|
-
|
|
4
|
-
'
|
|
5
|
-
|
|
6
|
-
'&-is-open': {
|
|
7
|
-
// "@apply border-2 border-gray-300 border-solid rounded": {},
|
|
8
|
-
// "box-shadow": "0px 4px 12px rgba(27, 29, 31, 0.12)",
|
|
2
|
+
'.sk-usermenu': {
|
|
3
|
+
'@apply text-body mx-auto lg:mx-sm lg:relative': {},
|
|
4
|
+
'&-wrapper': {
|
|
5
|
+
'@apply block max-lg:-mr-md': {}
|
|
9
6
|
},
|
|
10
|
-
'&-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
'
|
|
15
|
-
|
|
16
|
-
|
|
7
|
+
'&-button': {
|
|
8
|
+
'&-content': {
|
|
9
|
+
'@apply max-lg:font-bold lg:items-center lg:text-left': {}
|
|
10
|
+
},
|
|
11
|
+
'&-icon': {
|
|
12
|
+
'@apply !text-2xl ml-auto align-top max-lg:mr-2 max-lg:text-primary': {}
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
'&-first-row': {
|
|
16
|
+
'@apply max-lg:hidden bg-white border-t-2 pb-sm -mt-0 mx-md': {}
|
|
17
|
+
},
|
|
18
|
+
'&-label': {
|
|
19
|
+
'@apply flex align-middle mt-md lg:mb-xs': {},
|
|
20
|
+
'&-content': {
|
|
21
|
+
'@apply inline-block px-lg py-md lg:pl-md lg:pr-md lg:py-sm text-sm font-semibold uppercase whitespace-nowrap': {}
|
|
22
|
+
},
|
|
23
|
+
'&-line': {
|
|
24
|
+
'@apply inline-block w-full h-px border-gray-300 border-t-2 mt-[2.6rem] lg:hidden': {}
|
|
25
|
+
}
|
|
17
26
|
},
|
|
18
|
-
'&-
|
|
19
|
-
|
|
20
|
-
'
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
'line-clamp': '1',
|
|
24
|
-
'-webkit-box-orient': 'vertical'
|
|
27
|
+
'&-body': {
|
|
28
|
+
'@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': {},
|
|
29
|
+
'&[data-open="true"]': {
|
|
30
|
+
'@apply lg:border-gray-300 lg:border-t-0 lg:shadow-lg': {}
|
|
31
|
+
}
|
|
25
32
|
},
|
|
26
33
|
'&-header': {
|
|
27
|
-
'
|
|
28
|
-
|
|
34
|
+
'@apply px-md py-sm bg-white border-none rounded lg:border-2 lg:border-solid lg:border-b-0 lg:border-transparent': {},
|
|
35
|
+
'&[aria-expanded="true"]': {
|
|
36
|
+
'@apply lg:border-gray-300 lg:shadow-none': {}
|
|
29
37
|
}
|
|
30
38
|
},
|
|
31
|
-
'&-
|
|
32
|
-
'
|
|
39
|
+
'&-group': {
|
|
40
|
+
'a, button': {
|
|
41
|
+
'@apply block px-lg py-md lg:px-md lg:py-sm w-full cursor-pointer text-body no-underline': {},
|
|
42
|
+
'&.active': {
|
|
43
|
+
'@apply bg-hover text-white no-underline': {}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
33
46
|
'&.active': {
|
|
34
|
-
'
|
|
47
|
+
'a, button': {
|
|
48
|
+
'@apply bg-hover text-white no-underline': {}
|
|
49
|
+
}
|
|
35
50
|
}
|
|
51
|
+
},
|
|
52
|
+
'&-divider': {
|
|
53
|
+
'@apply bg-white border-t-2 pb-sm mt-sm mx-md': {}
|
|
36
54
|
}
|
|
37
55
|
}
|
|
38
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"user-menu.js","names":["module","exports","UserMenu","colors"
|
|
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,GAAIC,MAAM,KAAM;EACvC,cAAc,EAAE;IACd,+CAA+C,EAAE,CAAC,CAAC;IAEnD,WAAW,EAAE;MACX,4BAA4B,EAAE,CAAC;IACjC,CAAC;IAED,UAAU,EAAE;MACV,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC;MAC3D,CAAC;MACD,QAAQ,EAAE;QACR,oEAAoE,EAAE,CAAC;MACzE;IACF,CAAC;IAED,aAAa,EAAE;MACb,4DAA4D,EAAE,CAAC;IACjE,CAAC;IAED,SAAS,EAAE;MACT,yCAAyC,EAAE,CAAC,CAAC;MAC7C,WAAW,EAAE;QACX,8GAA8G,EAC5G,CAAC;MACL,CAAC;MACD,QAAQ,EAAE;QACR,kFAAkF,EAAE,CAAC;MACvF;IACF,CAAC;IAED,QAAQ,EAAE;MACR,yJAAyJ,EACvJ,CAAC,CAAC;MACJ,qBAAqB,EAAE;QACrB,sDAAsD,EAAE,CAAC;MAC3D;IACF,CAAC;IAED,UAAU,EAAE;MACV,iHAAiH,EAC/G,CAAC,CAAC;MACJ,yBAAyB,EAAE;QACzB,0CAA0C,EAAE,CAAC;MAC/C;IACF,CAAC;IACD,SAAS,EAAE;MACT,WAAW,EAAE;QACX,yFAAyF,EAAE,CAAC,CAAC;QAC7F,UAAU,EAAE;UACV,yCAAyC,EAAE,CAAC;QAC9C;MACF,CAAC;MACD,UAAU,EAAE;QACV,WAAW,EAAE;UACX,yCAAyC,EAAE,CAAC;QAC9C;MACF;IACF,CAAC;IACD,WAAW,EAAE;MACX,8CAA8C,EAAE,CAAC;IACnD;EACF;AACF,CAAC,CAAC"}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\
|
|
1
|
+
{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"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;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
|