@sk-web-gui/core 0.1.91 → 0.1.93
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/badge.js +3 -3
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/button.js +18 -8
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/comments.js +2 -2
- package/dist/cjs/components/comments.js.map +1 -1
- package/dist/cjs/components/context-menu.js +30 -2
- package/dist/cjs/components/context-menu.js.map +1 -1
- package/dist/cjs/components/link.js +3 -0
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/menubar.js +44 -0
- package/dist/cjs/components/menubar.js.map +1 -0
- package/dist/cjs/components/popup-menu.js +108 -0
- package/dist/cjs/components/popup-menu.js.map +1 -0
- package/dist/cjs/components/progress-stepper.js +53 -0
- package/dist/cjs/components/progress-stepper.js.map +1 -0
- package/dist/cjs/components/side-menu.js +19 -12
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/snackbar.js +27 -0
- package/dist/cjs/components/snackbar.js.map +1 -0
- package/dist/cjs/units.js +250 -0
- package/dist/cjs/units.js.map +1 -0
- package/dist/esm/components/badge.js +3 -3
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/button.js +18 -8
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/comments.js +2 -2
- package/dist/esm/components/comments.js.map +1 -1
- package/dist/esm/components/context-menu.js +30 -2
- package/dist/esm/components/context-menu.js.map +1 -1
- package/dist/esm/components/link.js +3 -0
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/menubar.js +49 -0
- package/dist/esm/components/menubar.js.map +1 -0
- package/dist/esm/components/popup-menu.js +106 -0
- package/dist/esm/components/popup-menu.js.map +1 -0
- package/dist/esm/components/progress-stepper.js +51 -0
- package/dist/esm/components/progress-stepper.js.map +1 -0
- package/dist/esm/components/side-menu.js +19 -12
- package/dist/esm/components/side-menu.js.map +1 -1
- package/dist/esm/components/snackbar.js +25 -0
- package/dist/esm/components/snackbar.js.map +1 -0
- package/dist/esm/units.js +250 -0
- package/dist/esm/units.js.map +1 -0
- package/package.json +2 -2
- package/src/components/badge.js +3 -3
- package/src/components/button.js +20 -8
- package/src/components/comments.js +27 -31
- package/src/components/context-menu.js +40 -2
- package/src/components/link.js +4 -0
- package/src/components/side-menu.js +23 -12
|
@@ -12,7 +12,7 @@ function badgeSolid(colors) {
|
|
|
12
12
|
'@apply bg-primary': {}
|
|
13
13
|
},
|
|
14
14
|
"&[data-color='warning']": {
|
|
15
|
-
'@apply bg-
|
|
15
|
+
'@apply bg-[#B05F03]': {}
|
|
16
16
|
},
|
|
17
17
|
"&[data-color='error']": {
|
|
18
18
|
'@apply bg-error': {}
|
|
@@ -45,8 +45,8 @@ function badgeOutline(colors) {
|
|
|
45
45
|
'@apply text-primary': {}
|
|
46
46
|
},
|
|
47
47
|
"&[data-color='warning']": {
|
|
48
|
-
'@apply border-
|
|
49
|
-
'@apply text-
|
|
48
|
+
'@apply border-[#B05F03]': {},
|
|
49
|
+
'@apply text-[#B05F03]': {}
|
|
50
50
|
},
|
|
51
51
|
"&[data-color='error']": {
|
|
52
52
|
'@apply border-error': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border-2 border-white box-border': {},\r\n '@apply text-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n //[`@apply border-${color}`]: {},\r\n [`@apply text-white bg-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary': {},\r\n },\r\n \"&[data-color='warning']\": {\r\n '@apply bg-
|
|
1
|
+
{"version":3,"file":"badge.js","names":["badgeSolid","colors","_extends","reduce","styles","color","_ref","_extends2","badgeOutline","_ref2","_extends3","module","exports","badge","minHeight","maxHeight","minWidth","fontSize"],"sources":["../../../src/components/badge.js"],"sourcesContent":["function badgeSolid(colors) {\r\n return {\r\n '&-solid': {\r\n '@apply border-2 border-white box-border': {},\r\n '@apply text-white': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n //[`@apply border-${color}`]: {},\r\n [`@apply text-white bg-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary': {},\r\n },\r\n \"&[data-color='warning']\": {\r\n '@apply bg-[#B05F03]': {},\r\n },\r\n \"&[data-color='error']\": {\r\n '@apply bg-error': {},\r\n },\r\n \"&[data-color='neutral']\": {\r\n '@apply bg-neutral-400': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction badgeOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply border border-gray-stroke': {},\r\n '@apply text-body bg-transparent': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply border-current`]: {},\r\n [`@apply text-${color}`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&.badge': {\r\n '&-disabled': {\r\n '@apply disabled:border-gray-stroke hover:border-gray-stroke': {},\r\n '&.active': {\r\n '@apply border-gray-stroke': {},\r\n },\r\n },\r\n },\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply border-primary': {},\r\n '@apply text-primary': {},\r\n },\r\n \"&[data-color='warning']\": {\r\n '@apply border-[#B05F03]': {},\r\n '@apply text-[#B05F03]': {},\r\n },\r\n \"&[data-color='error']\": {\r\n '@apply border-error': {},\r\n '@apply text-error': {},\r\n },\r\n \"&[data-color='neutral']\": {\r\n '@apply border-neutral-300': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = badge = (colors) => ({\r\n '.badge': {\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply inline-flex items-center justify-center content-center align-middle': {},\r\n '@apply font-sans leading-none': {},\r\n\r\n '&-fullrounded': {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n //rounding\r\n '&-roundedcorners-md': {\r\n '@apply rounded-3xl px-sm': {},\r\n },\r\n\r\n '&-roundedcorners-lg': {\r\n '@apply rounded-3xl px-sm': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-opacity-0 text-[0rem] overflow-hidden rounded-full': {},\r\n minHeight: '10px',\r\n maxHeight: '10px',\r\n minWidth: '10px',\r\n\r\n '&.noborder': {\r\n '@apply border-none': {},\r\n minHeight: '6px',\r\n maxHeight: '6px',\r\n minWidth: '6px',\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-xs font-bold': {},\r\n minHeight: '24px',\r\n maxHeight: '24px',\r\n minWidth: '24px',\r\n\r\n '&.noborder': {\r\n '@apply border-none': {},\r\n minHeight: '20px',\r\n maxHeight: '20px',\r\n minWidth: '20px',\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-sm font-bold': {},\r\n minHeight: '28px',\r\n maxHeight: '28px',\r\n minWidth: '28px',\r\n\r\n '&.noborder': {\r\n '@apply border-none': {},\r\n minHeight: '24px',\r\n maxHeight: '24px',\r\n minWidth: '24px',\r\n },\r\n },\r\n\r\n '&-standard-sm': {\r\n '@apply right-[-4px] self-center': {},\r\n '&.noborder': {\r\n '@apply right-[-5px]': {},\r\n },\r\n },\r\n '&-standard-md': {\r\n '@apply right-[-4px] self-center': {},\r\n '&.noborder': {\r\n '@apply right-[-5px]': {},\r\n },\r\n },\r\n '&-standard-lg': {\r\n '@apply right-[-4px] self-center': {},\r\n '&.noborder': {\r\n '@apply right-[-5px]': {},\r\n },\r\n },\r\n\r\n '&-super-sm': {\r\n '@apply right-[-2px] top-[-5px]': {},\r\n '&.noborder': {\r\n '@apply right-[-3px]': {},\r\n },\r\n },\r\n '&-super-md': {\r\n '@apply right-[-3px] top-[-8px]': {},\r\n '&.noborder': {\r\n '@apply right-[-4px]': {},\r\n },\r\n },\r\n '&-super-lg': {\r\n '@apply right-[-4px] top-[-8px]': {},\r\n '&.noborder': {\r\n '@apply right-[-5px]': {},\r\n },\r\n },\r\n\r\n '&-superoverlap-sm': {\r\n '@apply right-[3px] top-[-5px]': {},\r\n '&.noborder': {\r\n '@apply right-[2px]': {},\r\n },\r\n },\r\n '&-superoverlap-md': {\r\n '@apply right-[8px] top-[-6px]': {},\r\n '&.noborder': {\r\n '@apply right-[7px]': {},\r\n },\r\n },\r\n '&-superoverlap-lg': {\r\n '@apply right-[8px] top-[-8px]': {},\r\n '&.noborder': {\r\n '@apply right-[7px]': {},\r\n },\r\n },\r\n\r\n '&-fit-content': {\r\n '@apply p-0': {},\r\n fontSize: 'inherit',\r\n },\r\n\r\n // variants\r\n ...badgeSolid(colors),\r\n ...badgeOutline(colors),\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -170,11 +170,17 @@ module.exports = Button = function Button(colors) {
|
|
|
170
170
|
}
|
|
171
171
|
}, buttonSolid(colors), buttonOutline(colors), buttonGhost(colors), buttonLink(colors)),
|
|
172
172
|
'.btn-has-icon': {
|
|
173
|
-
'&-left
|
|
174
|
-
'@apply
|
|
173
|
+
'&-left': {
|
|
174
|
+
'@apply h-full flex items-center justify-center': {},
|
|
175
|
+
'.MuiSvgIcon-root': {
|
|
176
|
+
'@apply mr-sm': {}
|
|
177
|
+
}
|
|
175
178
|
},
|
|
176
|
-
'&-right
|
|
177
|
-
'@apply
|
|
179
|
+
'&-right': {
|
|
180
|
+
'@apply h-full flex items-center justify-center': {},
|
|
181
|
+
'.MuiSvgIcon-root': {
|
|
182
|
+
'@apply ml-sm': {}
|
|
183
|
+
}
|
|
178
184
|
}
|
|
179
185
|
},
|
|
180
186
|
'[data-icon=true]': {
|
|
@@ -195,11 +201,15 @@ module.exports = Button = function Button(colors) {
|
|
|
195
201
|
maxWidth: '4.8rem'
|
|
196
202
|
},
|
|
197
203
|
'.btn-has-icon': {
|
|
198
|
-
'&-left
|
|
199
|
-
'
|
|
204
|
+
'&-left': {
|
|
205
|
+
'.MuiSvgIcon-root': {
|
|
206
|
+
'@apply mr-0': {}
|
|
207
|
+
}
|
|
200
208
|
},
|
|
201
|
-
'&-right
|
|
202
|
-
'
|
|
209
|
+
'&-right': {
|
|
210
|
+
'.MuiSvgIcon-root': {
|
|
211
|
+
'@apply ml-0': {}
|
|
212
|
+
}
|
|
203
213
|
}
|
|
204
214
|
}
|
|
205
215
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLink","_ref4","_extends5","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n return {\r\n '&-solid': {\r\n //\"@apply text-\": {},\r\n '@apply font-semibold border border-gray-stroke': {},\r\n '@apply text-body bg-white': {},\r\n /* hover */\r\n '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n /* keyboard active */\r\n '&.active': {\r\n '@apply text-white bg-hover border-primary-active': {},\r\n /* dark */\r\n '@apply dark:border-hover dark:bg-neutral-600': {},\r\n },\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:border-primary': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n /* active */\r\n '@apply active:bg-hover active:text-white': {},\r\n\r\n /* dark mode */\r\n '@apply dark:border-neutral-600': {},\r\n '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n /* dark hover */\r\n '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n /* dark focus */\r\n '@apply dark:focus-visible:border-primary-500': {},\r\n /* dark active */\r\n '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n //[`@apply border-${color}`]: {},\r\n [`@apply text-white bg-${color}`]: {},\r\n // hover\r\n [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply text-white bg-${color}-active`]: {},\r\n },\r\n\r\n [`@apply active:text-white active:bg-${color}-active`]: {},\r\n [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n // focus\r\n //[`@apply focus-visible:bg-${color}-700`]: {},\r\n //[`@apply focus-visible:border-${color}-500`]: {},\r\n //[`@apply focus-visible:ring-${color}-500`]: {},\r\n // active\r\n //[`@apply active:bg-${color}-600`]: {},\r\n // dark mode\r\n //[`@apply dark:border-${color}-500`]: {},\r\n //[`@apply dark:bg-${color}-600`]: {},\r\n // dark hover\r\n //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n // dark focus\r\n //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n // dark active\r\n //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply border-primary hover:border-primary-active': {},\r\n '&.active': {\r\n '@apply border-primary-active': {},\r\n },\r\n },\r\n\r\n '&.btn': {\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n '&.active': {\r\n '@apply border-gray-stroke': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply font-semibold border border-gray-stroke': {},\r\n '@apply text-body bg-transparent': {},\r\n /* hover */\r\n '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n /* keyboard active */\r\n '&.active': {\r\n '@apply text-white bg-primary-active border-primary-active': {},\r\n /* dark keyboard active */\r\n '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n },\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:border-primary-500': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n /* active */\r\n '@apply active:bg-neutral-200': {},\r\n /* dark mode */\r\n '@apply dark:border-neutral-600': {},\r\n '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n /* dark hover */\r\n '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n /* dark focus */\r\n '@apply dark:focus-visible:border-primary-500': {},\r\n /* dark active */\r\n '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply border-current`]: {},\r\n [`@apply text-${color}-600 bg-transparent`]: {},\r\n /* hover */\r\n [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n /* keyboard active */\r\n '&.active': {\r\n [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n /* dark keyboard active */\r\n [`@apply dark:bg-${color}-200`]: {},\r\n [`@apply dark:bg-opacity-15`]: {},\r\n },\r\n /* focus */\r\n [`@apply focus-visible:border-${color}-500`]: {},\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n /* active */\r\n [`@apply active:bg-${color}-100`]: {},\r\n /* dark mode */\r\n [`@apply dark:border-${color}-200`]: {},\r\n [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n [`@apply dark:border-${color}-300`]: {},\r\n /* dark hover */\r\n [`@apply dark:hover:bg-${color}-200`]: {},\r\n [`@apply dark:hover:bg-opacity-15`]: {},\r\n /* dark focus */\r\n [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n /* dark active */\r\n [`@apply dark:active:bg-${color}-200`]: {},\r\n [`@apply dark:active:bg-opacity-25`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&.btn': {\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n '&.active': {\r\n '@apply border-gray-stroke': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n return {\r\n '&-ghost': {\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n /* focus */\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n // dark colors\r\n [`@apply dark:text-${color}-200`]: {},\r\n [`@apply dark:active:text-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n '.btn': {\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-[3.2rem]': {},\r\n '@apply py-0': {},\r\n '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply font-medium leading-tight': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n borderRadius: '3.2rem',\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minHeight: '4rem',\r\n maxHeight: '4rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n minHeight: '4.4rem',\r\n maxHeight: '4.4rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minHeight: '4.8rem',\r\n maxHeight: '4.8rem',\r\n },\r\n '&-fit-content': {\r\n '@apply p-0': {},\r\n fontSize: 'inherit',\r\n },\r\n\r\n // State\r\n\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n },\r\n '.MuiSvgIcon-root': {\r\n fontSize: '1.5em',\r\n width: '1em',\r\n height: '1em',\r\n },\r\n\r\n // variants\r\n ...buttonSolid(colors),\r\n ...buttonOutline(colors),\r\n ...buttonGhost(colors),\r\n ...buttonLink(colors),\r\n },\r\n '.btn-has-icon': {\r\n '&-left .MuiSvgIcon-root': {\r\n '@apply mr-sm': {},\r\n },\r\n '&-right .MuiSvgIcon-root': {\r\n '@apply ml-sm': {},\r\n },\r\n },\r\n '[data-icon=true]': {\r\n '@apply p-0': {},\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n '&.btn-sm': {\r\n minWidth: '4rem',\r\n maxWidth: '4rem',\r\n },\r\n\r\n '&.btn-md': {\r\n minWidth: '4.4rem',\r\n maxWidth: '4.4rem',\r\n },\r\n\r\n '&.btn-lg': {\r\n minWidth: '4.8rem',\r\n maxWidth: '4.8rem',\r\n },\r\n '.btn-has-icon': {\r\n '&-left .MuiSvgIcon-root': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right .MuiSvgIcon-root': {\r\n '@apply ml-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button.js","names":["buttonSolid","colors","_extends","reduce","styles","color","_active","_ref","_extends2","buttonOutline","_active2","_ref2","_extends3","buttonGhost","_ref3","_extends4","buttonLink","_ref4","_extends5","module","exports","Button","transitionProperty","borderRadius","minHeight","maxHeight","fontSize","width","height","minWidth","maxWidth"],"sources":["../../../src/components/button.js"],"sourcesContent":["function buttonSolid(colors) {\r\n return {\r\n '&-solid': {\r\n //\"@apply text-\": {},\r\n '@apply font-semibold border border-gray-stroke': {},\r\n '@apply text-body bg-white': {},\r\n /* hover */\r\n '@apply hover:text-white hover:bg-hover hover:border-primary-active': {},\r\n /* keyboard active */\r\n '&.active': {\r\n '@apply text-white bg-hover border-primary-active': {},\r\n /* dark */\r\n '@apply dark:border-hover dark:bg-neutral-600': {},\r\n },\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:border-primary': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-black': {},\r\n /* active */\r\n '@apply active:bg-hover active:text-white': {},\r\n\r\n /* dark mode */\r\n '@apply dark:border-neutral-600': {},\r\n '@apply dark:text-neutral-100 dark:bg-neutral-700': {},\r\n /* dark hover */\r\n '@apply dark:hover:border-hover dark:hover:bg-neutral-600': {},\r\n /* dark focus */\r\n '@apply dark:focus-visible:border-primary-500': {},\r\n /* dark active */\r\n '@apply dark:active:bg-neutral-900 dark:active:border-neutral-600': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n //[`@apply border-${color}`]: {},\r\n [`@apply text-white bg-${color}`]: {},\r\n // hover\r\n [`@apply hover:text-white hover:bg-${color}-active`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply text-white bg-${color}-active`]: {},\r\n },\r\n\r\n [`@apply active:text-white active:bg-${color}-active`]: {},\r\n [`@apply focus-visible:ring-4 focus-visible:ring-black`]: {},\r\n\r\n // focus\r\n //[`@apply focus-visible:bg-${color}-700`]: {},\r\n //[`@apply focus-visible:border-${color}-500`]: {},\r\n //[`@apply focus-visible:ring-${color}-500`]: {},\r\n // active\r\n //[`@apply active:bg-${color}-600`]: {},\r\n // dark mode\r\n //[`@apply dark:border-${color}-500`]: {},\r\n //[`@apply dark:bg-${color}-600`]: {},\r\n // dark hover\r\n //[`@apply dark:hover:border-${color}-400 dark:hover:bg-${color}-500`]: {},\r\n // dark focus\r\n //[`@apply dark:focus-visible:border-${color}-500`]: {},\r\n //[`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n // dark active\r\n //[`@apply dark:active:bg-${color}-800 dark:active:border-${color}-600`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply border-primary hover:border-primary-active': {},\r\n '&.active': {\r\n '@apply border-primary-active': {},\r\n },\r\n },\r\n\r\n '&.btn': {\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n '&.active': {\r\n '@apply border-gray-stroke': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonOutline(colors) {\r\n return {\r\n '&-outline': {\r\n '@apply font-semibold border border-gray-stroke': {},\r\n '@apply text-body bg-transparent': {},\r\n /* hover */\r\n '@apply hover:text-white hover:bg-primary-active hover:border-primary-active': {},\r\n /* keyboard active */\r\n '&.active': {\r\n '@apply text-white bg-primary-active border-primary-active': {},\r\n /* dark keyboard active */\r\n '@apply dark:border-neutral-300 dark:bg-neutral-700': {},\r\n },\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:border-primary-500': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n /* active */\r\n '@apply active:bg-neutral-200': {},\r\n /* dark mode */\r\n '@apply dark:border-neutral-600': {},\r\n '@apply dark:text-neutral-100 dark:bg-transparent': {},\r\n /* dark hover */\r\n '@apply dark:hover:border-neutral-300 dark:hover:bg-neutral-700': {},\r\n /* dark focus */\r\n '@apply dark:focus-visible:border-primary-500': {},\r\n /* dark active */\r\n '@apply dark:active:bg-neutral-600 dark:active:border-neutral-600': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply border-current`]: {},\r\n [`@apply text-${color}-600 bg-transparent`]: {},\r\n /* hover */\r\n [`@apply hover:text-white hover:bg-${color}-active hover:border-${color}-active`]: {},\r\n /* keyboard active */\r\n '&.active': {\r\n [`@apply text-white bg-${color}-active border-${color}-active`]: {},\r\n\r\n /* dark keyboard active */\r\n [`@apply dark:bg-${color}-200`]: {},\r\n [`@apply dark:bg-opacity-15`]: {},\r\n },\r\n /* focus */\r\n [`@apply focus-visible:border-${color}-500`]: {},\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n /* active */\r\n [`@apply active:bg-${color}-100`]: {},\r\n /* dark mode */\r\n [`@apply dark:border-${color}-200`]: {},\r\n [`@apply dark:text-${color}-200 dark:bg-transparent`]: {},\r\n [`@apply dark:border-${color}-300`]: {},\r\n /* dark hover */\r\n [`@apply dark:hover:bg-${color}-200`]: {},\r\n [`@apply dark:hover:bg-opacity-15`]: {},\r\n /* dark focus */\r\n [`@apply dark:focus-visible:border-${color}-500`]: {},\r\n [`@apply dark:focus-visible:ring-${color}-500`]: {},\r\n /* dark active */\r\n [`@apply dark:active:bg-${color}-200`]: {},\r\n [`@apply dark:active:bg-opacity-25`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n '&.btn': {\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:border-gray-stroke border-gray-stroke hover:border-gray-stroke': {},\r\n '&.active': {\r\n '@apply border-gray-stroke': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonGhost(colors) {\r\n return {\r\n '&-ghost': {\r\n /* focus */\r\n '@apply focus-visible:z-base': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n /* focus */\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n '@apply focus-visible:z-base focus-visible:ring-4 focus-visible:ring-primary-500': {},\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-600 active:text-${color}-700`]: {},\r\n [`@apply focus-visible:ring-${color}-500`]: {},\r\n // dark colors\r\n [`@apply dark:text-${color}-200`]: {},\r\n [`@apply dark:active:text-${color}-500`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nmodule.exports = Button = (colors) => ({\r\n '.btn': {\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-[3.2rem]': {},\r\n '@apply py-0': {},\r\n '@apply rounded-[0.4rem] inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply font-medium leading-tight': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none cursor-base select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n borderRadius: '3.2rem',\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-xs': {},\r\n minHeight: '4rem',\r\n maxHeight: '4rem',\r\n },\r\n\r\n '&-md': {\r\n '@apply text-sm': {},\r\n minHeight: '4.4rem',\r\n maxHeight: '4.4rem',\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-base': {},\r\n minHeight: '4.8rem',\r\n maxHeight: '4.8rem',\r\n },\r\n '&-fit-content': {\r\n '@apply p-0': {},\r\n fontSize: 'inherit',\r\n },\r\n\r\n // State\r\n\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-not-allowed cursor-not-allowed': {},\r\n '@apply disabled:text-gray text-gray disabled:bg-gray-light bg-gray-light !important': {},\r\n },\r\n '.MuiSvgIcon-root': {\r\n fontSize: '1.5em',\r\n width: '1em',\r\n height: '1em',\r\n },\r\n\r\n // variants\r\n ...buttonSolid(colors),\r\n ...buttonOutline(colors),\r\n ...buttonGhost(colors),\r\n ...buttonLink(colors),\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply mr-sm': {},\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center': {},\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply ml-sm': {},\r\n },\r\n },\r\n },\r\n '[data-icon=true]': {\r\n '@apply p-0': {},\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n '&.btn-sm': {\r\n minWidth: '4rem',\r\n maxWidth: '4rem',\r\n },\r\n\r\n '&.btn-md': {\r\n minWidth: '4.4rem',\r\n maxWidth: '4.4rem',\r\n },\r\n\r\n '&.btn-lg': {\r\n minWidth: '4.8rem',\r\n maxWidth: '4.8rem',\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '.MuiSvgIcon-root': {\r\n '@apply mr-0': {},\r\n },\r\n },\r\n '&-right': {\r\n '.MuiSvgIcon-root': {\r\n '@apply ml-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -6,9 +6,9 @@ module.exports = Comments = function Comments() {
|
|
|
6
6
|
'.comment-item': {
|
|
7
7
|
'@apply w-full': {},
|
|
8
8
|
'&-container': {
|
|
9
|
-
'@apply flex
|
|
9
|
+
'@apply flex relative w-full': {},
|
|
10
10
|
'&-textpic': {
|
|
11
|
-
'@apply flex gap-2': {}
|
|
11
|
+
'@apply flex gap-2 grow': {}
|
|
12
12
|
}
|
|
13
13
|
},
|
|
14
14
|
'&-text': {
|
|
@@ -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 = () => ({\r\n '.comment-header': {\r\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n },\r\n\r\n '.comment-item': {\r\n '@apply w-full': {},\r\n\r\n '&-container': {\r\n '@apply flex relative w-full': {},\r\n\r\n '&-textpic': {\r\n '@apply flex gap-2 grow': {},\r\n },\r\n },\r\n '&-text': {\r\n '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n },\r\n '&-commentorpublished': {\r\n '@apply float-right text-neutral-600 m-0': {},\r\n },\r\n },\r\n '.comment-input': {\r\n '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n '&-inactive': {\r\n '@apply text-neutral-300 !text-3xl': {},\r\n },\r\n\r\n '&-active': {\r\n '@apply text-primary !text-3xl': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC,iBAAiB,EAAE;MACjB,uEAAuE,EAAE,CAAC;IAC5E,CAAC;IAED,eAAe,EAAE;MACf,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACb,6BAA6B,EAAE,CAAC,CAAC;QAEjC,WAAW,EAAE;UACX,wBAAwB,EAAE,CAAC;QAC7B;MACF,CAAC;MACD,QAAQ,EAAE;QACR,2CAA2C,EAAE,CAAC;MAChD,CAAC;MACD,sBAAsB,EAAE;QACtB,yCAAyC,EAAE,CAAC;MAC9C;IACF,CAAC;IACD,gBAAgB,EAAE;MAChB,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACZ,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,UAAU,EAAE;QACV,+BAA+B,EAAE,CAAC;MACpC;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1,10 +1,38 @@
|
|
|
1
1
|
module.exports = ContextMenu = function ContextMenu() {
|
|
2
2
|
return {
|
|
3
3
|
'.context-menu-wrapper': {
|
|
4
|
+
'@apply relative inline': {},
|
|
5
|
+
'> a, > button': {
|
|
6
|
+
'@apply inline-flex': {}
|
|
7
|
+
},
|
|
4
8
|
'.context-menu-items': {
|
|
5
|
-
'@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col
|
|
9
|
+
'@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
|
|
6
10
|
'.context-menu-item': {
|
|
7
|
-
'@apply
|
|
11
|
+
'@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
|
|
12
|
+
'a, button': {
|
|
13
|
+
'@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {},
|
|
14
|
+
'&.active': {
|
|
15
|
+
'@apply bg-primary text-white': {}
|
|
16
|
+
},
|
|
17
|
+
'.MuiSvgIcon-root': {
|
|
18
|
+
'@apply text-base': {}
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
'&:first-child a,&:first-child button': {
|
|
22
|
+
'@apply pt-[0.675rem] pb-[0.525rem]': {}
|
|
23
|
+
},
|
|
24
|
+
'&:last-child a,&:last-child button': {
|
|
25
|
+
'@apply pt-[0.525rem] pb-[0.675rem]': {}
|
|
26
|
+
},
|
|
27
|
+
'&:only-child a,&:only-child button': {
|
|
28
|
+
'@apply py-[0.6rem]': {}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
hr: {
|
|
32
|
+
'@apply mx-sm w-[calc(100%_-_16px)]': {}
|
|
33
|
+
},
|
|
34
|
+
'&.right': {
|
|
35
|
+
'@apply right-0': {}
|
|
8
36
|
}
|
|
9
37
|
}
|
|
10
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n '.context-menu-wrapper': {\r\n '.context-menu-items': {\r\n '@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col
|
|
1
|
+
{"version":3,"file":"context-menu.js","names":["module","exports","ContextMenu","hr"],"sources":["../../../src/components/context-menu.js"],"sourcesContent":["module.exports = ContextMenu = () => ({\r\n '.context-menu-wrapper': {\r\n '@apply relative inline': {},\r\n\r\n '> a, > button': {\r\n '@apply inline-flex': {},\r\n },\r\n\r\n '.context-menu-items': {\r\n '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start':\r\n {},\r\n '.context-menu-item': {\r\n '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center':\r\n {},\r\n\r\n 'a, button': {\r\n '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start':\r\n {},\r\n\r\n '&.active': {\r\n '@apply bg-primary text-white': {},\r\n },\r\n\r\n '.MuiSvgIcon-root': {\r\n '@apply text-base': {},\r\n },\r\n },\r\n\r\n '&:first-child a,&:first-child button': {\r\n '@apply pt-[0.675rem] pb-[0.525rem]': {},\r\n },\r\n '&:last-child a,&:last-child button': {\r\n '@apply pt-[0.525rem] pb-[0.675rem]': {},\r\n },\r\n '&:only-child a,&:only-child button': {\r\n '@apply py-[0.6rem]': {},\r\n },\r\n },\r\n\r\n hr: {\r\n '@apply mx-sm w-[calc(100%_-_16px)]': {},\r\n },\r\n\r\n '&.right': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,WAAW,GAAG,SAAAA,YAAA;EAAA,OAAO;IACpC,uBAAuB,EAAE;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAE5B,eAAe,EAAE;QACf,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,qBAAqB,EAAE;QACrB,uHAAuH,EACrH,CAAC,CAAC;QACJ,oBAAoB,EAAE;UACpB,2HAA2H,EACzH,CAAC,CAAC;UAEJ,WAAW,EAAE;YACX,sIAAsI,EACpI,CAAC,CAAC;YAEJ,UAAU,EAAE;cACV,8BAA8B,EAAE,CAAC;YACnC,CAAC;YAED,kBAAkB,EAAE;cAClB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,sCAAsC,EAAE;YACtC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oCAAoC,EAAE,CAAC;UACzC,CAAC;UACD,oCAAoC,EAAE;YACpC,oBAAoB,EAAE,CAAC;UACzB;QACF,CAAC;QAEDC,EAAE,EAAE;UACF,oCAAoC,EAAE,CAAC;QACzC,CAAC;QAED,SAAS,EAAE;UACT,gBAAgB,EAAE,CAAC;QACrB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -14,6 +14,9 @@ module.exports = Link = function Link() {
|
|
|
14
14
|
marginLeft: '.25em',
|
|
15
15
|
verticalAlign: 'text-top'
|
|
16
16
|
},
|
|
17
|
+
'&[type="button"]': {
|
|
18
|
+
'@apply inline-flex items-center align-bottom': {}
|
|
19
|
+
},
|
|
17
20
|
'&-disabled': {
|
|
18
21
|
'@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
|
|
19
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link.js","names":["module","exports","Link","fontSize","lineHeight","marginLeft","verticalAlign"],"sources":["../../../src/components/link.js"],"sourcesContent":["module.exports = Link = () => ({\r\n '.link': {\r\n '@apply cursor-base underline outline-none hover:underline': {},\r\n '@apply text-primary dark:text-primary': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary': {},\r\n\r\n '@apply hover:text-primary-active': {},\r\n\r\n '&.active': {\r\n '@apply underline text-primary-active': {},\r\n },\r\n '&-external-icon': {\r\n fontSize: '0.875em !important',\r\n lineHeight: '1',\r\n marginLeft: '.25em',\r\n verticalAlign: 'text-top',\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,2DAA2D,EAAE,CAAC,CAAC;MAC/D,uCAAuC,EAAE,CAAC,CAAC;MAC3C,wDAAwD,EAAE,CAAC,CAAC;MAE5D,kCAAkC,EAAE,CAAC,CAAC;MAEtC,UAAU,EAAE;QACV,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,iBAAiB,EAAE;QACjBC,QAAQ,EAAE,oBAAoB;QAC9BC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE,OAAO;QACnBC,aAAa,EAAE;MACjB,CAAC;MAED,YAAY,EAAE;QACZ,8EAA8E,EAAE,CAAC;MACnF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"link.js","names":["module","exports","Link","fontSize","lineHeight","marginLeft","verticalAlign"],"sources":["../../../src/components/link.js"],"sourcesContent":["module.exports = Link = () => ({\r\n '.link': {\r\n '@apply cursor-base underline outline-none hover:underline': {},\r\n '@apply text-primary dark:text-primary': {},\r\n '@apply focus-visible:ring-4 focus-visible:ring-primary': {},\r\n\r\n '@apply hover:text-primary-active': {},\r\n\r\n '&.active': {\r\n '@apply underline text-primary-active': {},\r\n },\r\n '&-external-icon': {\r\n fontSize: '0.875em !important',\r\n lineHeight: '1',\r\n marginLeft: '.25em',\r\n verticalAlign: 'text-top',\r\n },\r\n\r\n '&[type=\"button\"]': {\r\n '@apply inline-flex items-center align-bottom': {},\r\n },\r\n\r\n '&-disabled': {\r\n '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,2DAA2D,EAAE,CAAC,CAAC;MAC/D,uCAAuC,EAAE,CAAC,CAAC;MAC3C,wDAAwD,EAAE,CAAC,CAAC;MAE5D,kCAAkC,EAAE,CAAC,CAAC;MAEtC,UAAU,EAAE;QACV,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,iBAAiB,EAAE;QACjBC,QAAQ,EAAE,oBAAoB;QAC9BC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE,OAAO;QACnBC,aAAa,EAAE;MACjB,CAAC;MAED,kBAAkB,EAAE;QAClB,8CAA8C,EAAE,CAAC;MACnD,CAAC;MAED,YAAY,EAAE;QACZ,8EAA8E,EAAE,CAAC;MACnF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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); }
|
|
2
|
+
module.exports = Avatar = function Avatar(colors) {
|
|
3
|
+
return {
|
|
4
|
+
'.sk-menubar': {
|
|
5
|
+
'@apply flex flex-row': {},
|
|
6
|
+
'@apply p-8 gap-16': {},
|
|
7
|
+
'@apply rounded-cards': {},
|
|
8
|
+
'&[data-background="true"]': {
|
|
9
|
+
'@apply bg-background-color-mixin-1': {}
|
|
10
|
+
},
|
|
11
|
+
'&-item': _extends({
|
|
12
|
+
'@apply inline-block': {},
|
|
13
|
+
'@apply relative': {},
|
|
14
|
+
'@apply h-40': {},
|
|
15
|
+
'a, button': {
|
|
16
|
+
color: 'unset'
|
|
17
|
+
},
|
|
18
|
+
'> *:first-child': {
|
|
19
|
+
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
|
|
20
|
+
'@apply cursor-pointer': {},
|
|
21
|
+
'@apply bg-transparent text-dark-primary': {},
|
|
22
|
+
'@apply hover:bg-tertiary-surface': {},
|
|
23
|
+
'@apply font-bold': {},
|
|
24
|
+
'@apply gap-2 px-14 py-8': {},
|
|
25
|
+
'@apply h-full min-h-full': {},
|
|
26
|
+
'@apply text-base leading-base': {},
|
|
27
|
+
'@apply inline-flex shrink-0 flex-nowrap': {},
|
|
28
|
+
'@apply border-0': {},
|
|
29
|
+
'@apply focus-visible:bg-background-content focus-visible:ring': {},
|
|
30
|
+
'&[aria-current="page"]:not(:hover)': {
|
|
31
|
+
'@apply bg-primary-surface text-light-primary': {},
|
|
32
|
+
'@apply focus-visible:ring': {}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}, colors.reduce(function (styles, color) {
|
|
36
|
+
var _ariaCurrentPage, _firstChild, _extends2;
|
|
37
|
+
return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = {
|
|
38
|
+
'> *:first-child': (_firstChild = {}, _firstChild["@apply hover:bg-" + color + "-surface-accent"] = {}, _firstChild["@apply hover:text-" + color + "-text-primary"] = {}, _firstChild['@apply focus-visible:bg-background-content focus-visible:ring'] = {}, _firstChild['&[aria-current="page"]:not(:hover)'] = (_ariaCurrentPage = {}, _ariaCurrentPage["@apply bg-" + color + "-surface-primary"] = {}, _ariaCurrentPage['@apply focus-visible:ring'] = {}, _ariaCurrentPage), _firstChild)
|
|
39
|
+
}, _extends2));
|
|
40
|
+
}, {}))
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.js","names":["module","exports","Avatar","colors","_extends","color","reduce","styles","_ariaCurrentPage","_firstChild","_extends2"],"sources":["../../../src/components/menubar.js"],"sourcesContent":["module.exports = Avatar = (colors) => ({\r\n '.sk-menubar': {\r\n '@apply flex flex-row': {},\r\n '@apply p-8 gap-16': {},\r\n '@apply rounded-cards': {},\r\n\r\n '&[data-background=\"true\"]': {\r\n '@apply bg-background-color-mixin-1': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply inline-block': {},\r\n '@apply relative': {},\r\n '@apply h-40': {},\r\n 'a, button': {\r\n color: 'unset',\r\n },\r\n\r\n '> *:first-child': {\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n '@apply cursor-pointer': {},\r\n '@apply bg-transparent text-dark-primary': {},\r\n '@apply hover:bg-tertiary-surface': {},\r\n '@apply font-bold': {},\r\n '@apply gap-2 px-14 py-8': {},\r\n '@apply h-full min-h-full': {},\r\n '@apply text-base leading-base': {},\r\n '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n '@apply border-0': {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover)': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n '> *:first-child': {\r\n [`@apply hover:bg-${color}-surface-accent`]: {},\r\n [`@apply hover:text-${color}-text-primary`]: {},\r\n '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n '&[aria-current=\"page\"]:not(:hover)': {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,OAAM;IACrC,aAAa,EAAE;MACb,sBAAsB,EAAE,CAAC,CAAC;MAC1B,mBAAmB,EAAE,CAAC,CAAC;MACvB,sBAAsB,EAAE,CAAC,CAAC;MAE1B,2BAA2B,EAAE;QAC3B,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,QAAQ,EAAAC,QAAA;QACN,qBAAqB,EAAE,CAAC,CAAC;QACzB,iBAAiB,EAAE,CAAC,CAAC;QACrB,aAAa,EAAE,CAAC,CAAC;QACjB,WAAW,EAAE;UACXC,KAAK,EAAE;QACT,CAAC;QAED,iBAAiB,EAAE;UACjB,oEAAoE,EAAE,CAAC,CAAC;UACxE,uBAAuB,EAAE,CAAC,CAAC;UAC3B,yCAAyC,EAAE,CAAC,CAAC;UAC7C,kCAAkC,EAAE,CAAC,CAAC;UACtC,kBAAkB,EAAE,CAAC,CAAC;UACtB,yBAAyB,EAAE,CAAC,CAAC;UAC7B,0BAA0B,EAAE,CAAC,CAAC;UAC9B,+BAA+B,EAAE,CAAC,CAAC;UACnC,yCAAyC,EAAE,CAAC,CAAC;UAE7C,iBAAiB,EAAE,CAAC,CAAC;UACrB,+DAA+D,EAAE,CAAC,CAAC;UACnE,oCAAoC,EAAE;YACpC,8CAA8C,EAAE,CAAC,CAAC;YAClD,2BAA2B,EAAE,CAAC;UAChC;QACF;MAAC,GACEF,MAAM,CAACG,MAAM,CACd,UAACC,MAAM,EAAEF,KAAK;QAAA,IAAAG,gBAAA,EAAAC,WAAA,EAAAC,SAAA;QAAA,OAAAN,QAAA,KACTG,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSL,KAAK,YAAO;UAC5B,iBAAiB,GAAAI,WAAA,OAAAA,WAAA,sBACKJ,KAAK,wBAAoB,CAAC,CAAC,EAAAI,WAAA,wBACzBJ,KAAK,sBAAkB,CAAC,CAAC,EAAAI,WAAA,CAC/C,+DAA+D,IAAE,CAAC,CAAC,EAAAA,WAAA,CACnE,oCAAoC,KAAAD,gBAAA,OAAAA,gBAAA,gBACpBH,KAAK,yBAAqB,CAAC,CAAC,EAAAG,gBAAA,CAC1C,2BAA2B,IAAE,CAAC,CAAC,EAAAA,gBAAA,GAAAC,WAAA;QAGrC,CAAC,EAAAC,SAAA;MAAA,CACD,EACF,CAAC,CACH,CAAC;IAEL;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
module.exports = PopupMenu = function PopupMenu() {
|
|
2
|
+
return {
|
|
3
|
+
'.sk-popup-menu-items': {
|
|
4
|
+
'&[data-position="left"]': {
|
|
5
|
+
'@apply mt-0 mr-8 right-[100%]': {},
|
|
6
|
+
'&[data-align="end"]': {
|
|
7
|
+
'@apply bottom-0': {}
|
|
8
|
+
},
|
|
9
|
+
'&[data-align="start"]': {
|
|
10
|
+
'@apply top-0': {}
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
'&[data-position="right"]': {
|
|
14
|
+
'@apply mt-0 ml-8 left-[100%]': {},
|
|
15
|
+
'&[data-align="end"]': {
|
|
16
|
+
'@apply bottom-0': {}
|
|
17
|
+
},
|
|
18
|
+
'&[data-align="start"]': {
|
|
19
|
+
'@apply top-0': {}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
'&[data-position="over"]': {
|
|
23
|
+
'@apply mt-0 mb-8 bottom-[100%]': {},
|
|
24
|
+
'&[data-align="end"]': {
|
|
25
|
+
'@apply right-0': {}
|
|
26
|
+
},
|
|
27
|
+
'&[data-align="start"]': {
|
|
28
|
+
'@apply left-0': {}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
'&[data-position="under"]': {
|
|
32
|
+
'&[data-align="end"]': {
|
|
33
|
+
'@apply right-0': {}
|
|
34
|
+
},
|
|
35
|
+
'&[data-align="start"]': {
|
|
36
|
+
'@apply left-0': {}
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
'@apply absolute flex flex-col justify-start items-start mt-8': {},
|
|
40
|
+
'@apply w-max': {},
|
|
41
|
+
'@apply rounded-utility': {},
|
|
42
|
+
'@apply bg-background-100': {},
|
|
43
|
+
'@apply z-10': {},
|
|
44
|
+
'@apply p-8 gap-4': {},
|
|
45
|
+
'@apply shadow-100': {},
|
|
46
|
+
'@apply border-0': {},
|
|
47
|
+
'@apply focus-within:border-0': {},
|
|
48
|
+
'@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
|
|
49
|
+
'.sk-popup-menu-item': {
|
|
50
|
+
'@apply w-full': {},
|
|
51
|
+
'@apply h-[4rem]': {},
|
|
52
|
+
'@apply min-h-[4rem]': {},
|
|
53
|
+
'@apply bg-transparent hover:bg-primitives-gray-200': {},
|
|
54
|
+
'@apply dark:hover:bg-primitives-overlay-lighten-1': {},
|
|
55
|
+
'@apply cursor-pointer': {},
|
|
56
|
+
'@apply flex flex-row shrink-0': {},
|
|
57
|
+
'@apply pl-8 pr-32 py-4 gap-12': {},
|
|
58
|
+
'@apply rounded-utility': {},
|
|
59
|
+
'@apply text-body font-normal': {},
|
|
60
|
+
'&.active, &:active': {
|
|
61
|
+
'@apply bg-primitives-gray-200': {},
|
|
62
|
+
'@apply dark:bg-primitives-overlay-lighten-1': {}
|
|
63
|
+
},
|
|
64
|
+
svg: {
|
|
65
|
+
'@apply w-[2rem] h-[2rem]': {}
|
|
66
|
+
},
|
|
67
|
+
'@apply justify-start': {},
|
|
68
|
+
'@apply border-0': {},
|
|
69
|
+
'@apply items-center': {},
|
|
70
|
+
'@apply no-underline': {}
|
|
71
|
+
},
|
|
72
|
+
'&-group': {
|
|
73
|
+
'@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},
|
|
74
|
+
'&:first-child': {
|
|
75
|
+
'@apply pt-0': {}
|
|
76
|
+
},
|
|
77
|
+
'&:last-child': {
|
|
78
|
+
'@apply border-0 pb-0': {}
|
|
79
|
+
},
|
|
80
|
+
'> *': {
|
|
81
|
+
'@apply pl-8 pr-32 py-4 gap-12': {}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
'&-sm': {
|
|
85
|
+
'@apply p-8 gap-6': {},
|
|
86
|
+
'.sk-popup-menu-item': {
|
|
87
|
+
'@apply h-[3.2rem]': {},
|
|
88
|
+
'@apply min-h-[3.2rem]': {},
|
|
89
|
+
'@apply gap-10 pl-8 pr-24 py-4': {},
|
|
90
|
+
'@apply text-small': {},
|
|
91
|
+
'&-group': {
|
|
92
|
+
'@apply gap-6 pb-6': {},
|
|
93
|
+
'> *': {
|
|
94
|
+
'@apply gap-10 pl-8 pr-24 py-4': {}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
svg: {
|
|
98
|
+
'@apply w-[1.8rem] h-[1.8rem]': {}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
'&.right': {
|
|
103
|
+
'@apply right-0': {}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=popup-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popup-menu.js","names":["module","exports","PopupMenu","svg"],"sources":["../../../src/components/popup-menu.js"],"sourcesContent":["module.exports = PopupMenu = () => ({\r\n '.sk-popup-menu-items': {\r\n '&[data-position=\"left\"]': {\r\n '@apply mt-0 mr-8 right-[100%]': {},\r\n '&[data-align=\"end\"]': {\r\n '@apply bottom-0': {},\r\n },\r\n '&[data-align=\"start\"]': {\r\n '@apply top-0': {},\r\n },\r\n },\r\n '&[data-position=\"right\"]': {\r\n '@apply mt-0 ml-8 left-[100%]': {},\r\n '&[data-align=\"end\"]': {\r\n '@apply bottom-0': {},\r\n },\r\n '&[data-align=\"start\"]': {\r\n '@apply top-0': {},\r\n },\r\n },\r\n '&[data-position=\"over\"]': {\r\n '@apply mt-0 mb-8 bottom-[100%]': {},\r\n '&[data-align=\"end\"]': {\r\n '@apply right-0': {},\r\n },\r\n '&[data-align=\"start\"]': {\r\n '@apply left-0': {},\r\n },\r\n },\r\n '&[data-position=\"under\"]': {\r\n '&[data-align=\"end\"]': {\r\n '@apply right-0': {},\r\n },\r\n '&[data-align=\"start\"]': {\r\n '@apply left-0': {},\r\n },\r\n },\r\n '@apply absolute flex flex-col justify-start items-start mt-8': {},\r\n '@apply w-max': {},\r\n '@apply rounded-utility': {},\r\n '@apply bg-background-100': {},\r\n '@apply z-10': {},\r\n '@apply p-8 gap-4': {},\r\n '@apply shadow-100': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:border-0': {},\r\n '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n\r\n '.sk-popup-menu-item': {\r\n '@apply w-full': {},\r\n '@apply h-[4rem]': {},\r\n '@apply min-h-[4rem]': {},\r\n '@apply bg-transparent hover:bg-primitives-gray-200': {},\r\n '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\r\n '@apply cursor-pointer': {},\r\n '@apply flex flex-row shrink-0': {},\r\n '@apply pl-8 pr-32 py-4 gap-12': {},\r\n\r\n '@apply rounded-utility': {},\r\n '@apply text-body font-normal': {},\r\n '&.active, &:active': {\r\n '@apply bg-primitives-gray-200': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n\r\n '@apply justify-start': {},\r\n\r\n '@apply border-0': {},\r\n '@apply items-center': {},\r\n '@apply no-underline': {},\r\n },\r\n '&-group': {\r\n '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},\r\n '&:first-child': {\r\n '@apply pt-0': {},\r\n },\r\n '&:last-child': {\r\n '@apply border-0 pb-0': {},\r\n },\r\n '> *': {\r\n '@apply pl-8 pr-32 py-4 gap-12': {},\r\n },\r\n },\r\n '&-sm': {\r\n '@apply p-8 gap-6': {},\r\n\r\n '.sk-popup-menu-item': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply min-h-[3.2rem]': {},\r\n '@apply gap-10 pl-8 pr-24 py-4': {},\r\n\r\n '@apply text-small': {},\r\n '&-group': {\r\n '@apply gap-6 pb-6': {},\r\n '> *': {\r\n '@apply gap-10 pl-8 pr-24 py-4': {},\r\n },\r\n },\r\n svg: {\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n },\r\n },\r\n '&.right': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
module.exports = ProgressStepper = function ProgressStepper() {
|
|
2
|
+
return {
|
|
3
|
+
'.sk-progress-stepper': {
|
|
4
|
+
'@apply flex justify-between': {},
|
|
5
|
+
hr: {
|
|
6
|
+
'@apply w-full mt-[1.9rem]': {}
|
|
7
|
+
},
|
|
8
|
+
'&-step': {
|
|
9
|
+
'@apply flex flex-col items-center': {},
|
|
10
|
+
'@apply gap-4': {},
|
|
11
|
+
'@apply w-auto': {},
|
|
12
|
+
'@apply shrink-0': {},
|
|
13
|
+
'@apply text-base leading-base text-dark-primary font-normal': {},
|
|
14
|
+
svg: {
|
|
15
|
+
'@apply w-20 h-20': {}
|
|
16
|
+
},
|
|
17
|
+
'&-wrapper': {
|
|
18
|
+
'@apply flex flex-row shrink w-full gap-4': {},
|
|
19
|
+
hr: {
|
|
20
|
+
'@apply w-full grow shrink mt-[1.9rem]': {}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
'&-box': {
|
|
24
|
+
'@apply box-border': {},
|
|
25
|
+
'@apply shrink-0': {},
|
|
26
|
+
'@apply h-[4rem] w-[4rem]': {},
|
|
27
|
+
'@apply bg-secondary-surface': {},
|
|
28
|
+
'@apply flex justify-center items-center': {},
|
|
29
|
+
'@apply text-label-medium': {},
|
|
30
|
+
'@apply border-2 border-secondary-outline': {},
|
|
31
|
+
'@apply text-dark-secondary': {},
|
|
32
|
+
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
|
|
33
|
+
},
|
|
34
|
+
'&[data-progress="current"]': {
|
|
35
|
+
'@apply font-bold': {},
|
|
36
|
+
'.sk-progress-stepper-step-box': {
|
|
37
|
+
'@apply border-vattjom-surface-primary': {},
|
|
38
|
+
'@apply bg-vattjom-surface-primary': {},
|
|
39
|
+
'@apply text-vattjom-text-secondary': {}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
'&[data-progress="done"]': {
|
|
43
|
+
'.sk-progress-stepper-step-box': {
|
|
44
|
+
'@apply border-success-surface-primary': {},
|
|
45
|
+
'@apply bg-success-surface-primary': {},
|
|
46
|
+
'@apply text-success-text-secondary': {}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=progress-stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-stepper.js","names":["module","exports","ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.js"],"sourcesContent":["module.exports = ProgressStepper = () => ({\r\n '.sk-progress-stepper': {\r\n '@apply flex justify-between': {},\r\n hr: {\r\n '@apply w-full mt-[1.9rem]': {},\r\n },\r\n '&-step': {\r\n '@apply flex flex-col items-center': {},\r\n '@apply gap-4': {},\r\n '@apply w-auto': {},\r\n '@apply shrink-0': {},\r\n '@apply text-base leading-base text-dark-primary font-normal': {},\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n '&-wrapper': {\r\n '@apply flex flex-row shrink w-full gap-4': {},\r\n hr: {\r\n '@apply w-full grow shrink mt-[1.9rem]': {},\r\n },\r\n },\r\n '&-box': {\r\n '@apply box-border': {},\r\n '@apply shrink-0': {},\r\n '@apply h-[4rem] w-[4rem]': {},\r\n '@apply bg-secondary-surface': {},\r\n '@apply flex justify-center items-center': {},\r\n '@apply text-label-medium': {},\r\n '@apply border-2 border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n },\r\n '&[data-progress=\"current\"]': {\r\n '@apply font-bold': {},\r\n '.sk-progress-stepper-step-box': {\r\n '@apply border-vattjom-surface-primary': {},\r\n '@apply bg-vattjom-surface-primary': {},\r\n '@apply text-vattjom-text-secondary': {},\r\n },\r\n },\r\n '&[data-progress=\"done\"]': {\r\n '.sk-progress-stepper-step-box': {\r\n '@apply border-success-surface-primary': {},\r\n '@apply bg-success-surface-primary': {},\r\n '@apply text-success-text-secondary': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,eAAe,GAAG,SAAAA,gBAAA;EAAA,OAAO;IACxC,sBAAsB,EAAE;MACtB,6BAA6B,EAAE,CAAC,CAAC;MACjCC,EAAE,EAAE;QACF,2BAA2B,EAAE,CAAC;MAChC,CAAC;MACD,QAAQ,EAAE;QACR,mCAAmC,EAAE,CAAC,CAAC;QACvC,cAAc,EAAE,CAAC,CAAC;QAClB,eAAe,EAAE,CAAC,CAAC;QACnB,iBAAiB,EAAE,CAAC,CAAC;QACrB,6DAA6D,EAAE,CAAC,CAAC;QACjEC,GAAG,EAAE;UACH,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,WAAW,EAAE;UACX,0CAA0C,EAAE,CAAC,CAAC;UAC9CD,EAAE,EAAE;YACF,uCAAuC,EAAE,CAAC;UAC5C;QACF,CAAC;QACD,OAAO,EAAE;UACP,mBAAmB,EAAE,CAAC,CAAC;UACvB,iBAAiB,EAAE,CAAC,CAAC;UACrB,0BAA0B,EAAE,CAAC,CAAC;UAC9B,6BAA6B,EAAE,CAAC,CAAC;UACjC,yCAAyC,EAAE,CAAC,CAAC;UAC7C,0BAA0B,EAAE,CAAC,CAAC;UAC9B,0CAA0C,EAAE,CAAC,CAAC;UAC9C,4BAA4B,EAAE,CAAC,CAAC;UAChC,oEAAoE,EAAE,CAAC;QACzE,CAAC;QACD,4BAA4B,EAAE;UAC5B,kBAAkB,EAAE,CAAC,CAAC;UACtB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF,CAAC;QACD,yBAAyB,EAAE;UACzB,+BAA+B,EAAE;YAC/B,uCAAuC,EAAE,CAAC,CAAC;YAC3C,mCAAmC,EAAE,CAAC,CAAC;YACvC,oCAAoC,EAAE,CAAC;UACzC;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -42,19 +42,31 @@ module.exports = Menu = function Menu() {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
'.expand path': {
|
|
46
|
-
'@apply fill-primary': {}
|
|
47
|
-
},
|
|
48
45
|
'& .sk-sidemenu-wrapper': {
|
|
49
46
|
'@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
|
|
50
47
|
'.sk-sidemenu-item-link': {
|
|
51
48
|
'@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
|
|
52
|
-
'@apply focus-visible:z-base': {}
|
|
49
|
+
'@apply focus-visible:z-base': {},
|
|
50
|
+
'&[aria-disabled="true"]': {
|
|
51
|
+
'@apply text-neutral-600 cursor-not-allowed': {},
|
|
52
|
+
'.sk-sidemenu-item-label': {
|
|
53
|
+
'@apply text-neutral-600': {}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
53
56
|
},
|
|
54
57
|
'.expand': {
|
|
55
58
|
'@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {},
|
|
59
|
+
'&[aria-disabled="true"]': {
|
|
60
|
+
'@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},
|
|
61
|
+
path: {
|
|
62
|
+
'@apply fill-gray-stroke': {}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
path: {
|
|
66
|
+
'@apply fill-primary': {}
|
|
67
|
+
},
|
|
56
68
|
'&-button': {
|
|
57
|
-
'@apply flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
|
|
69
|
+
'@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
|
|
58
70
|
}
|
|
59
71
|
}
|
|
60
72
|
},
|
|
@@ -84,13 +96,8 @@ module.exports = Menu = function Menu() {
|
|
|
84
96
|
svg: {
|
|
85
97
|
'@apply h-full': {}
|
|
86
98
|
},
|
|
87
|
-
'
|
|
88
|
-
'@apply text-
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
'&.moved-here': {
|
|
92
|
-
"[draggable='true']": {
|
|
93
|
-
'@apply text-warning': {}
|
|
99
|
+
'&[aria-disabled="true"]': {
|
|
100
|
+
'@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
|
|
94
101
|
}
|
|
95
102
|
},
|
|
96
103
|
'&.separator': {
|