@sk-web-gui/core 2.0.1 → 2.2.0
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/alert-banner.js +1 -1
- package/dist/cjs/components/alert-banner.js.map +1 -1
- package/dist/cjs/components/button.js +6 -6
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/combobox.js +5 -2
- package/dist/cjs/components/combobox.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/input.js +5 -0
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/label.js +13 -4
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/notification.js +2 -2
- package/dist/cjs/components/notification.js.map +1 -1
- package/dist/cjs/components/search-field.js +14 -0
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/side-menu.js +7 -7
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/table-autotable.js +112 -20
- package/dist/cjs/components/table-autotable.js.map +1 -1
- package/dist/cjs/components/zebratable.js +0 -17
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/preset.js +3 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +6 -2
- package/dist/cjs/theme.js.map +1 -1
- package/dist/esm/components/alert-banner.js +1 -1
- package/dist/esm/components/alert-banner.js.map +1 -1
- package/dist/esm/components/button.js +6 -6
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/combobox.js +5 -2
- package/dist/esm/components/combobox.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/input.js +5 -0
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/label.js +13 -4
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/notification.js +2 -2
- package/dist/esm/components/notification.js.map +1 -1
- package/dist/esm/components/search-field.js +14 -0
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/side-menu.js +7 -7
- package/dist/esm/components/side-menu.js.map +1 -1
- package/dist/esm/components/table-autotable.js +112 -20
- package/dist/esm/components/table-autotable.js.map +1 -1
- package/dist/esm/components/zebratable.js +0 -17
- package/dist/esm/components/zebratable.js.map +1 -1
- package/dist/esm/preset.js +3 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +3 -0
- package/dist/esm/theme.js.map +1 -1
- package/dist/types/components/alert-banner.d.ts +24 -0
- package/dist/types/components/button.d.ts +6 -6
- package/dist/types/components/combobox.d.ts +5 -2
- package/dist/types/components/comments.d.ts +30 -0
- package/dist/types/components/context-menu.d.ts +39 -0
- package/dist/types/components/dropdown-filter.d.ts +58 -0
- package/dist/types/components/input.d.ts +5 -0
- package/dist/types/components/label.d.ts +11 -3
- package/dist/types/components/notification.d.ts +48 -0
- package/dist/types/components/search-field.d.ts +14 -0
- package/dist/types/components/side-menu.d.ts +219 -0
- package/dist/types/components/tab-menu.d.ts +57 -0
- package/dist/types/components/table-autotable.d.ts +107 -15
- package/dist/types/components/zebratable.d.ts +0 -17
- package/dist/types/preset.d.ts +3 -2
- package/package.json +5 -3
- package/dist/cjs/components/calendar.js +0 -67
- package/dist/cjs/components/calendar.js.map +0 -1
- package/dist/cjs/components/message.js +0 -52
- package/dist/cjs/components/message.js.map +0 -1
- package/dist/cjs/components/profile-picture.js +0 -15
- package/dist/cjs/components/profile-picture.js.map +0 -1
- package/dist/cjs/components/profile.js +0 -34
- package/dist/cjs/components/profile.js.map +0 -1
- package/dist/cjs/components/search-bar.js +0 -8
- package/dist/cjs/components/search-bar.js.map +0 -1
- package/dist/cjs/components/tag.js +0 -72
- package/dist/cjs/components/tag.js.map +0 -1
- package/dist/esm/components/calendar.js +0 -65
- package/dist/esm/components/calendar.js.map +0 -1
- package/dist/esm/components/message.js +0 -50
- package/dist/esm/components/message.js.map +0 -1
- package/dist/esm/components/profile-picture.js +0 -13
- package/dist/esm/components/profile-picture.js.map +0 -1
- package/dist/esm/components/profile.js +0 -32
- package/dist/esm/components/profile.js.map +0 -1
- package/dist/esm/components/search-bar.js +0 -6
- package/dist/esm/components/search-bar.js.map +0 -1
- package/dist/esm/components/tag.js +0 -79
- package/dist/esm/components/tag.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '
|
|
1
|
+
{"version":3,"file":"combobox.js","names":["ComboBox"],"sources":["../../../src/components/combobox.ts"],"sourcesContent":["export const ComboBox = () => ({\r\n '.sk-combobox-base': {\r\n '@apply w-auto inline-block relative': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply focus-within:ring ring-ring ring-offset': {},\r\n '@apply relative w-auto': {},\r\n '@apply inline-block': {},\r\n '&-sm': {\r\n '@apply h-[3.2rem]': {},\r\n '@apply rounded-button-sm': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-small': {},\r\n '@apply pr-[5.2rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply h-[4rem]': {},\r\n '@apply rounded-button-md': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-medium': {},\r\n '@apply pr-[6.1rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply h-[4.8rem]': {},\r\n '@apply rounded-button-lg': {},\r\n '.sk-form-combobox-select.active': {\r\n '@apply text-input-large': {},\r\n '@apply pr-[6.8rem]': {},\r\n },\r\n },\r\n\r\n '&[data-showvalue=\"true\"]': {\r\n '.sk-form-combobox-select': {\r\n '@apply caret-transparent': {},\r\n },\r\n },\r\n\r\n '&-select': {\r\n '@apply bg-right-12 bg-no-repeat': {},\r\n\r\n '&.sk-form-select': { '@apply focus:outline-none focus:ring-0 focus:ring-transparent': {} },\r\n '@apply w-full': {},\r\n\r\n '&:not(.active)': {\r\n '@apply cursor-default': {},\r\n },\r\n '@apply focus:border-transparent': {},\r\n '@apply focus:hover:border-transparent': {},\r\n '&.active': {\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n '@apply placeholder:text-dark-placeholder': {},\r\n '@apply text-dark-primary': {},\r\n '@apply border-transparent': {},\r\n },\r\n },\r\n '&-list': {\r\n '@apply w-full': {},\r\n '@apply max-h-[23rem] overflow-y-auto': {},\r\n '&-option': {\r\n '&.sk-popup-menu-item': {\r\n '@apply cursor-default': {},\r\n '@apply leading-none': {},\r\n '@apply h-auto': {},\r\n },\r\n\r\n '&-checkbox': {\r\n '@apply w-0 h-0 m-0 p-0 opacity-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,mBAAmB,EAAE;IACnB,qCAAqC,EAAE,CAAC;EAC1C,CAAC;EACD,mBAAmB,EAAE;IACnB,gDAAgD,EAAE,CAAC,CAAC;IACpD,wBAAwB,EAAE,CAAC,CAAC;IAC5B,qBAAqB,EAAE,CAAC,CAAC;IACzB,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,iBAAiB,EAAE,CAAC,CAAC;MACrB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IACD,MAAM,EAAE;MACN,mBAAmB,EAAE,CAAC,CAAC;MACvB,0BAA0B,EAAE,CAAC,CAAC;MAC9B,iCAAiC,EAAE;QACjC,yBAAyB,EAAE,CAAC,CAAC;QAC7B,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IAED,0BAA0B,EAAE;MAC1B,0BAA0B,EAAE;QAC1B,0BAA0B,EAAE,CAAC;MAC/B;IACF,CAAC;IAED,UAAU,EAAE;MACV,iCAAiC,EAAE,CAAC,CAAC;MAErC,kBAAkB,EAAE;QAAE,+DAA+D,EAAE,CAAC;MAAE,CAAC;MAC3F,eAAe,EAAE,CAAC,CAAC;MAEnB,gBAAgB,EAAE;QAChB,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,iCAAiC,EAAE,CAAC,CAAC;MACrC,uCAAuC,EAAE,CAAC,CAAC;MAC3C,UAAU,EAAE;QACV,yCAAyC,EAAE,CAAC,CAAC;QAC7C,4CAA4C,EAAE,CAAC,CAAC;QAChD,0CAA0C,EAAE,CAAC,CAAC;QAC9C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,eAAe,EAAE,CAAC,CAAC;MACnB,sCAAsC,EAAE,CAAC,CAAC;MAC1C,UAAU,EAAE;QACV,sBAAsB,EAAE;UACtB,uBAAuB,EAAE,CAAC,CAAC;UAC3B,qBAAqB,EAAE,CAAC,CAAC;UACzB,eAAe,EAAE,CAAC;QACpB,CAAC;QAED,YAAY,EAAE;UACZ,kCAAkC,EAAE,CAAC;QACvC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,9 +1,37 @@
|
|
|
1
1
|
module.exports = ContextMenu = () => ({
|
|
2
2
|
'.context-menu-wrapper': {
|
|
3
|
+
'@apply relative inline': {},
|
|
4
|
+
'> a, > button': {
|
|
5
|
+
'@apply inline-flex': {}
|
|
6
|
+
},
|
|
3
7
|
'.context-menu-items': {
|
|
4
|
-
'@apply absolute bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col
|
|
8
|
+
'@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
|
|
5
9
|
'.context-menu-item': {
|
|
6
|
-
'@apply
|
|
10
|
+
'@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {},
|
|
11
|
+
'a, button': {
|
|
12
|
+
'@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': {},
|
|
13
|
+
'&.active': {
|
|
14
|
+
'@apply bg-primary text-white': {}
|
|
15
|
+
},
|
|
16
|
+
'.MuiSvgIcon-root': {
|
|
17
|
+
'@apply text-base': {}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
'&:first-child a,&:first-child button': {
|
|
21
|
+
'@apply pt-[0.675rem] pb-[0.525rem]': {}
|
|
22
|
+
},
|
|
23
|
+
'&:last-child a,&:last-child button': {
|
|
24
|
+
'@apply pt-[0.525rem] pb-[0.675rem]': {}
|
|
25
|
+
},
|
|
26
|
+
'&:only-child a,&:only-child button': {
|
|
27
|
+
'@apply py-[0.6rem]': {}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
hr: {
|
|
31
|
+
'@apply mx-sm w-[calc(100%_-_16px)]': {}
|
|
32
|
+
},
|
|
33
|
+
'&.right': {
|
|
34
|
+
'@apply right-0': {}
|
|
7
35
|
}
|
|
8
36
|
}
|
|
9
37
|
}
|
|
@@ -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,GAAGA,CAAA,MAAO;EACpC,uBAAuB,EAAE;IACvB,wBAAwB,EAAE,CAAC,CAAC;IAE5B,eAAe,EAAE;MACf,oBAAoB,EAAE,CAAC;IACzB,CAAC;IAED,qBAAqB,EAAE;MACrB,uHAAuH,EACrH,CAAC,CAAC;MACJ,oBAAoB,EAAE;QACpB,2HAA2H,EACzH,CAAC,CAAC;QAEJ,WAAW,EAAE;UACX,sIAAsI,EACpI,CAAC,CAAC;UAEJ,UAAU,EAAE;YACV,8BAA8B,EAAE,CAAC;UACnC,CAAC;UAED,kBAAkB,EAAE;YAClB,kBAAkB,EAAE,CAAC;UACvB;QACF,CAAC;QAED,sCAAsC,EAAE;UACtC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oCAAoC,EAAE,CAAC;QACzC,CAAC;QACD,oCAAoC,EAAE;UACpC,oBAAoB,EAAE,CAAC;QACzB;MACF,CAAC;MAEDC,EAAE,EAAE;QACF,oCAAoC,EAAE,CAAC;MACzC,CAAC;MAED,SAAS,EAAE;QACT,gBAAgB,EAAE,CAAC;MACrB;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -219,6 +219,11 @@ export var Input = () => ({
|
|
|
219
219
|
'@apply focus:ring-offset': {},
|
|
220
220
|
'@apply focus:border-primitives-overlay-lighten-10': {},
|
|
221
221
|
'@apply dark:focus:border-primitives-overlay-darken-6': {},
|
|
222
|
+
'@apply focus-within:ring': {},
|
|
223
|
+
'@apply focus-within:ring-ring': {},
|
|
224
|
+
'@apply focus-within:ring-offset': {},
|
|
225
|
+
'@apply focus-within:border-primitives-overlay-lighten-10': {},
|
|
226
|
+
'@apply dark:focus-within:border-primitives-overlay-darken-6': {},
|
|
222
227
|
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
223
228
|
'@apply focus:hover:border-primitives-overlay-lighten-10': {},
|
|
224
229
|
'@apply dark:focus:hover:border-primitives-overlay-darken-6': {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"input.js","names":["calendar","clock","inputStandards","addin","svg","inputGroup","_extends","timeAndDatePicker","mask","maskSize","Input","display","margin"],"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-primitives-overlay-darken-6': {},\r\n '@apply dark:border-primitives-overlay-lighten-6': {},\r\n '@apply hover:border-primitives-overlay-darken-8': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-4': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-primitives-overlay-lighten-10': {},\r\n '@apply dark:bg-primitives-overlay-darken-6': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-primitives-overlay-darken-1': {},\r\n '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n '@apply border-primitives-overlay-darken-3': {},\r\n '@apply dark:border-primitives-overlay-lighten-3': {},\r\n '@apply hover:border-primitives-overlay-darken-3': {},\r\n '@apply dark:hover:border-primitives-overlay-lighten-3': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '@apply flex relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n\r\n // '&:disabled, &[aria-disabled=\"true\"]': {\r\n // '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n // '@apply color-black-disabled': {},\r\n // },\r\n // },\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-[1.6rem] h-[1.6rem]': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-[1.8rem] h-[1.8rem]': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-[1.1rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-[4.8rem]': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-[0.7rem]': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-[4rem]': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-[0.5rem]': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-[3.2rem]': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:border-primitives-overlay-darken-6': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus-within:border-primitives-overlay-darken-6': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-primitives-overlay-lighten-10': {},\r\n '@apply dark:focus:hover:border-primitives-overlay-darken-6': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
@@ -7,14 +7,14 @@ export var Label = colors => ({
|
|
|
7
7
|
'@apply h-24 max-h-24': {},
|
|
8
8
|
'@apply text-label-small': {},
|
|
9
9
|
'@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},
|
|
10
|
-
'@apply bg-primary
|
|
10
|
+
'@apply bg-dark-primary': {},
|
|
11
11
|
'@apply text-light-primary': {},
|
|
12
12
|
'&[data-rounded="true"]': {
|
|
13
13
|
'@apply rounded-full': {}
|
|
14
14
|
},
|
|
15
15
|
'&[data-inverted="true"]': {
|
|
16
|
-
'@apply bg-
|
|
17
|
-
'@apply text-
|
|
16
|
+
'@apply bg-tertiary-surface': {},
|
|
17
|
+
'@apply text-dark-primary': {}
|
|
18
18
|
}
|
|
19
19
|
}, colors.reduce((styles, color) => _extends({}, styles, {
|
|
20
20
|
["&[data-color=\"" + color + "\"]"]: {
|
|
@@ -25,6 +25,15 @@ export var Label = colors => ({
|
|
|
25
25
|
["@apply text-" + color + "-text-primary"]: {}
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
}), {})
|
|
28
|
+
}), {}), {
|
|
29
|
+
'&[data-color="tertiary"]': {
|
|
30
|
+
'@apply bg-dark-primary': {},
|
|
31
|
+
'@apply text-light-primary': {},
|
|
32
|
+
'&[data-inverted="true"]': {
|
|
33
|
+
'@apply bg-tertiary-surface': {},
|
|
34
|
+
'@apply text-dark-primary': {}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
})
|
|
29
38
|
});
|
|
30
39
|
//# sourceMappingURL=label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n '.sk-label': {\r\n '@apply inline-flex flex-row': {},\r\n '@apply justify-center items-center': {},\r\n '@apply gap-6 px-10 py-4': {},\r\n '@apply h-24 max-h-24': {},\r\n '@apply text-label-small': {},\r\n\r\n '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n '@apply bg-primary
|
|
1
|
+
{"version":3,"file":"label.js","names":["Label","colors","_extends","reduce","styles","color"],"sources":["../../../src/components/label.ts"],"sourcesContent":["export const Label = (colors: string[]) => ({\r\n '.sk-label': {\r\n '@apply inline-flex flex-row': {},\r\n '@apply justify-center items-center': {},\r\n '@apply gap-6 px-10 py-4': {},\r\n '@apply h-24 max-h-24': {},\r\n '@apply text-label-small': {},\r\n\r\n '@apply rounded-utility-sm md:rounded-utility-md xl:rounded-utility-lg': {},\r\n\r\n '@apply bg-dark-primary': {},\r\n '@apply text-light-primary': {},\r\n\r\n '&[data-rounded=\"true\"]': {\r\n '@apply rounded-full': {},\r\n },\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-tertiary-surface': {},\r\n '@apply text-dark-primary': {},\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n [`@apply text-${color}-text-secondary`]: {},\r\n '&[data-inverted=\"true\"]': {\r\n [`@apply bg-${color}-surface-accent`]: {},\r\n [`@apply text-${color}-text-primary`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-color=\"tertiary\"]': {\r\n '@apply bg-dark-primary': {},\r\n '@apply text-light-primary': {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply bg-tertiary-surface': {},\r\n '@apply text-dark-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,KAAK,GAAIC,MAAgB,KAAM;EAC1C,WAAW,EAAAC,QAAA;IACT,6BAA6B,EAAE,CAAC,CAAC;IACjC,oCAAoC,EAAE,CAAC,CAAC;IACxC,yBAAyB,EAAE,CAAC,CAAC;IAC7B,sBAAsB,EAAE,CAAC,CAAC;IAC1B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,uEAAuE,EAAE,CAAC,CAAC;IAE3E,wBAAwB,EAAE,CAAC,CAAC;IAC5B,2BAA2B,EAAE,CAAC,CAAC;IAE/B,wBAAwB,EAAE;MACxB,qBAAqB,EAAE,CAAC;IAC1B,CAAC;IACD,yBAAyB,EAAE;MACzB,4BAA4B,EAAE,CAAC,CAAC;MAChC,0BAA0B,EAAE,CAAC;IAC/B;EAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IACT,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;MAC1C,kBAAgBA,KAAK,uBAAoB,CAAC,CAAC;MAC3C,yBAAyB,EAAE;QACzB,gBAAcA,KAAK,uBAAoB,CAAC,CAAC;QACzC,kBAAgBA,KAAK,qBAAkB,CAAC;MAC1C;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,0BAA0B,EAAE;MAC1B,wBAAwB,EAAE,CAAC,CAAC;MAC5B,2BAA2B,EAAE,CAAC,CAAC;MAC/B,yBAAyB,EAAE;QACzB,4BAA4B,EAAE,CAAC,CAAC;QAChC,0BAA0B,EAAE,CAAC;MAC/B;IACF;EAAC;AAEL,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
module.exports = Notification = () => ({
|
|
2
2
|
'.notification': {
|
|
3
|
-
'@apply relative flex p-4 text-
|
|
3
|
+
'@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
|
|
4
4
|
'@apply text-body bg-white border border-neutral-200': {},
|
|
5
5
|
// dark
|
|
6
6
|
'@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
|
|
@@ -38,7 +38,7 @@ module.exports = Notification = () => ({
|
|
|
38
38
|
right: 16,
|
|
39
39
|
top: 16,
|
|
40
40
|
'&-undo': {
|
|
41
|
-
'@apply h-auto p-0 text-
|
|
41
|
+
'@apply h-auto p-0 text-small': {}
|
|
42
42
|
},
|
|
43
43
|
'&-close-button': {
|
|
44
44
|
'@apply cursor-base text-neutral-700 hover:text-body': {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n '.notification': {\r\n '@apply relative flex p-4 text-
|
|
1
|
+
{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n '.notification': {\r\n '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n '@apply text-body bg-white border border-neutral-200': {},\r\n // dark\r\n '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n },\r\n\r\n '.notification-icon': {\r\n '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n '&-info': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n },\r\n '&-success': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n },\r\n '&-error': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n },\r\n '&-warning': {\r\n '--tw-text-opacity': '1',\r\n color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n },\r\n },\r\n\r\n '.notification-content': {\r\n '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n '&-title': {\r\n '@apply font-semibold': {},\r\n },\r\n\r\n '&-description': {\r\n '@apply text-neutral-500 dark:text-neutral-400': {},\r\n },\r\n },\r\n\r\n '.notification-action': {\r\n '@apply absolute space-x-2': {},\r\n right: 16,\r\n top: 16,\r\n\r\n '&-undo': {\r\n '@apply h-auto p-0 text-small': {},\r\n },\r\n\r\n '&-close-button': {\r\n '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAGA,CAAA,MAAO;EACrC,eAAe,EAAE;IACf,4FAA4F,EAAE,CAAC,CAAC;IAChG,qDAAqD,EAAE,CAAC,CAAC;IACzD;IACA,0EAA0E,EAAE,CAAC;EAC/E,CAAC;EAED,oBAAoB,EAAE;IACpB,mCAAmC,EAAE,CAAC,CAAC;IAEvC,QAAQ,EAAE;MACR,mBAAmB,EAAE,GAAG;MACxBC,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,SAAS,EAAE;MACT,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT,CAAC;IACD,WAAW,EAAE;MACX,mBAAmB,EAAE,GAAG;MACxBA,KAAK,EAAE;IACT;EACF,CAAC;EAED,uBAAuB,EAAE;IACvB,+DAA+D,EAAE,CAAC,CAAC;IAEnE,SAAS,EAAE;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IAED,eAAe,EAAE;MACf,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;EAED,sBAAsB,EAAE;IACtB,2BAA2B,EAAE,CAAC,CAAC;IAC/BC,KAAK,EAAE,EAAE;IACTC,GAAG,EAAE,EAAE;IAEP,QAAQ,EAAE;MACR,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,gBAAgB,EAAE;MAChB,qDAAqD,EAAE,CAAC,CAAC;MACzD,0DAA0D,EAAE,CAAC;IAC/D;EACF;AACF,CAAC,CAAC"}
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
export var SearchField = () => ({
|
|
2
|
+
'.sk-search-field-suggestions': {
|
|
3
|
+
'&.sk-form-combobox': {
|
|
4
|
+
'@apply h-auto': {}
|
|
5
|
+
},
|
|
6
|
+
'.sk-form-combobox': {
|
|
7
|
+
'&-list': {
|
|
8
|
+
'&-option': {
|
|
9
|
+
'.sk-icon': {
|
|
10
|
+
'@apply hidden': {}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
2
16
|
'.sk-search-field': {
|
|
3
17
|
'&-md': {
|
|
4
18
|
'.sk-search-field-icon': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"search-field.js","names":["SearchField","svg"],"sources":["../../../src/components/search-field.ts"],"sourcesContent":["export const SearchField = () => ({\r\n '.sk-search-field-suggestions': {\r\n '&.sk-form-combobox': {\r\n '@apply h-auto': {},\r\n },\r\n '.sk-form-combobox': {\r\n '&-list': {\r\n '&-option': {\r\n '.sk-icon': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n '.sk-search-field': {\r\n '&-md': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n svg: {\r\n '@apply w-[2rem] h-[2rem]': {},\r\n },\r\n },\r\n },\r\n '&-lg': {\r\n '.sk-search-field-icon': {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n svg: {\r\n '@apply w-[2.2rem] h-[2.2rem]': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAGA,CAAA,MAAO;EAChC,8BAA8B,EAAE;IAC9B,oBAAoB,EAAE;MACpB,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,mBAAmB,EAAE;MACnB,QAAQ,EAAE;QACR,UAAU,EAAE;UACV,UAAU,EAAE;YACV,eAAe,EAAE,CAAC;UACpB;QACF;MACF;IACF;EACF,CAAC;EACD,kBAAkB,EAAE;IAClB,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC,CAAC;QAC9BC,GAAG,EAAE;UACH,0BAA0B,EAAE,CAAC;QAC/B;MACF;IACF,CAAC;IACD,MAAM,EAAE;MACN,uBAAuB,EAAE;QACvB,8BAA8B,EAAE,CAAC,CAAC;QAClCA,GAAG,EAAE;UACH,8BAA8B,EAAE,CAAC;QACnC;MACF;IACF;EACF;AACF,CAAC,CAAC"}
|
|
@@ -83,7 +83,7 @@ module.exports = Menu = () => ({
|
|
|
83
83
|
'@apply pointer-events-none': {}
|
|
84
84
|
},
|
|
85
85
|
'& > .sk-sidemenu-wrapper::after': {
|
|
86
|
-
'@apply bg-info-
|
|
86
|
+
'@apply bg-info-surface-accent block relative w-full h-[44px]': {},
|
|
87
87
|
content: "''"
|
|
88
88
|
}
|
|
89
89
|
},
|
|
@@ -107,7 +107,7 @@ module.exports = Menu = () => ({
|
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
'&-separator': {
|
|
110
|
-
'@apply text-
|
|
110
|
+
'@apply text-divider': {},
|
|
111
111
|
height: '1px',
|
|
112
112
|
width: '100%',
|
|
113
113
|
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)",
|
|
@@ -120,7 +120,7 @@ module.exports = Menu = () => ({
|
|
|
120
120
|
'@apply border-t-0': {}
|
|
121
121
|
},
|
|
122
122
|
'> .sk-sidemenu-wrapper': {
|
|
123
|
-
'@apply h-[64px] max-h-[64px] border border-
|
|
123
|
+
'@apply h-[64px] max-h-[64px] border border-divider': {},
|
|
124
124
|
'> .sk-sidemenu-item-link': {
|
|
125
125
|
'@apply py-md': {},
|
|
126
126
|
paddingLeft: '3.2rem'
|
|
@@ -133,14 +133,14 @@ module.exports = Menu = () => ({
|
|
|
133
133
|
'@apply border-t-0': {}
|
|
134
134
|
},
|
|
135
135
|
'> .items': {
|
|
136
|
-
'@apply border-l border-r border-
|
|
136
|
+
'@apply border-l border-r border-divider': {}
|
|
137
137
|
},
|
|
138
138
|
'&.open > .items': {
|
|
139
|
-
'@apply border-b border-
|
|
139
|
+
'@apply border-b border-divider': {}
|
|
140
140
|
},
|
|
141
141
|
'&.separator': {
|
|
142
142
|
'& + .lvl-0': {
|
|
143
|
-
'@apply border-t border-
|
|
143
|
+
'@apply border-t border-divider': {}
|
|
144
144
|
}
|
|
145
145
|
},
|
|
146
146
|
'&.separator > .sk-sidemenu-wrapper': {
|
|
@@ -153,7 +153,7 @@ module.exports = Menu = () => ({
|
|
|
153
153
|
'@apply h-[56px] max-h-[56px]': {}
|
|
154
154
|
},
|
|
155
155
|
'&.open > .sk-sidemenu-wrapper': {
|
|
156
|
-
'@apply border-b border-
|
|
156
|
+
'@apply border-b border-divider': {}
|
|
157
157
|
},
|
|
158
158
|
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
159
159
|
paddingLeft: '4.8rem'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","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 '& .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 '&[aria-disabled=\"true\"]': {\r\n '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n '.sk-sidemenu-item-label': {\r\n '@apply text-neutral-600': {},\r\n },\r\n },\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 '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n path: {\r\n '@apply fill-gray-stroke': {},\r\n },\r\n },\r\n\r\n path: {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply fill-primary 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\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n },\r\n },\r\n\r\n '&.separator': {\r\n '@apply bg-transparent relative': {},\r\n\r\n '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {\r\n '@apply h-[44px]': {},\r\n },\r\n },\r\n },\r\n\r\n '&-separator': {\r\n '@apply text-svartvik-200': {},\r\n height: '1px',\r\n width: '100%',\r\n backgroundImage: `repeating-linear-gradient(0deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(90deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(180deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px), repeating-linear-gradient(270deg, currentColor, currentColor 19px, transparent 19px, transparent 38px, currentColor 38px)`,\r\n backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',\r\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n '&.lvl-0': {\r\n '&:first-child > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n '> .sk-sidemenu-wrapper': {\r\n '@apply h-[64px] max-h-[64px] border border-svartvik-200': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply py-md': {},\r\n paddingLeft: '3.2rem',\r\n },\r\n },\r\n\r\n '.sk-sidemenu-item-link': {\r\n '@apply h-[64px] max-h-[64px]': {},\r\n },\r\n\r\n '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {\r\n '@apply border-t-0': {},\r\n },\r\n\r\n '> .items': {\r\n '@apply border-l border-r border-svartvik-200': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-svartvik-200': {},\r\n },\r\n },\r\n\r\n '&.separator > .sk-sidemenu-wrapper': {\r\n '@apply border-0': {},\r\n },\r\n },\r\n\r\n '&.lvl-1': {\r\n '@apply bg-gray-lighter': {},\r\n\r\n '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {\r\n '@apply h-[56px] max-h-[56px]': {},\r\n },\r\n\r\n '&.open > .sk-sidemenu-wrapper': {\r\n '@apply border-b border-svartvik-200': {},\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '4.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-2': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-gray-middle h-[48px] max-h-[48px]': {},\r\n\r\n '> .sk-sidemenu-item-link': {\r\n '@apply h-[48px] max-h-[48px]': {},\r\n },\r\n },\r\n\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '6.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-3': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '8rem',\r\n },\r\n },\r\n\r\n '&.lvl-4': {\r\n '.sk-sidemenu-wrapper': {\r\n '@apply bg-[#d4d4d4]': {},\r\n },\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '9.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-5': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '11.2rem',\r\n },\r\n },\r\n\r\n '&.lvl-6': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '12.8rem',\r\n },\r\n },\r\n\r\n '&.lvl-7': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '14.4rem',\r\n },\r\n },\r\n\r\n '&.lvl-8': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '16rem',\r\n },\r\n },\r\n\r\n '&.lvl-9': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '17.6rem',\r\n },\r\n },\r\n\r\n '&.lvl-10': {\r\n '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {\r\n paddingLeft: '19.2rem',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"side-menu.js","names":["module","exports","Menu","span","boxShadow","path","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 '& .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 '&[aria-disabled=\"true\"]': {\r\n '@apply text-neutral-600 cursor-not-allowed': {},\r\n\r\n '.sk-sidemenu-item-label': {\r\n '@apply text-neutral-600': {},\r\n },\r\n },\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 '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\r\n\r\n path: {\r\n '@apply fill-gray-stroke': {},\r\n },\r\n },\r\n\r\n path: {\r\n '@apply fill-primary': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply fill-primary 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-surface-accent 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\r\n '&[aria-disabled=\"true\"]': {\r\n '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {},\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-divider': {},\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-divider': {},\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-divider': {},\r\n },\r\n\r\n '&.open > .items': {\r\n '@apply border-b border-divider': {},\r\n },\r\n\r\n '&.separator': {\r\n '& + .lvl-0': {\r\n '@apply border-t border-divider': {},\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-divider': {},\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,11 +1,22 @@
|
|
|
1
1
|
export var TableAutoTable = () => ({
|
|
2
2
|
'.sk-table-wrapper': {
|
|
3
3
|
'@apply rounded-groups': {},
|
|
4
|
-
'@apply border-1': {},
|
|
4
|
+
'@apply border-1 border-divider': {},
|
|
5
5
|
'@apply bg-background-content': {},
|
|
6
|
+
'@apply relative': {},
|
|
6
7
|
'&-inside': {
|
|
7
8
|
'@apply border-0 rounded-t-groups': {},
|
|
8
|
-
'@apply overflow-hidden': {}
|
|
9
|
+
'@apply overflow-hidden': {},
|
|
10
|
+
'@apply w-full': {},
|
|
11
|
+
'&[data-scroll="x"]': {
|
|
12
|
+
'@apply overflow-x-auto': {}
|
|
13
|
+
},
|
|
14
|
+
'&[data-scroll="y"]': {
|
|
15
|
+
'@apply overflow-y-auto': {}
|
|
16
|
+
},
|
|
17
|
+
'&[data-scroll="true"]': {
|
|
18
|
+
'@apply overflow-auto': {}
|
|
19
|
+
}
|
|
9
20
|
},
|
|
10
21
|
'&:not([data-background="true"])': {
|
|
11
22
|
'@apply border-0': {},
|
|
@@ -21,20 +32,39 @@ export var TableAutoTable = () => ({
|
|
|
21
32
|
'&-thead': {
|
|
22
33
|
'@apply border-b-1 border-dark-primary': {},
|
|
23
34
|
'@apply h-[5.6rem]': {},
|
|
35
|
+
'.sk-table-sticky-col': {
|
|
36
|
+
'@apply top-0': {},
|
|
37
|
+
'@apply h-[5.6rem]': {}
|
|
38
|
+
},
|
|
24
39
|
'&-tr': {
|
|
25
40
|
'@apply table-row': {},
|
|
26
41
|
'@apply text-label-small': {}
|
|
27
42
|
},
|
|
28
43
|
'.sk-table-th': {
|
|
29
|
-
'
|
|
30
|
-
|
|
44
|
+
'&:first-of-type': {
|
|
45
|
+
'.sk-table-sticky-col': {
|
|
46
|
+
'@apply rounded-tl-groups': {}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
'&:last-of-type': {
|
|
50
|
+
'.sk-table-sticky-col': {
|
|
51
|
+
'@apply rounded-tr-groups': {}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
'.sk-table-col-content': {
|
|
55
|
+
'@apply py-4': {},
|
|
56
|
+
'@apply px-16': {}
|
|
57
|
+
},
|
|
31
58
|
"&[data-isColumnSortable='true']": {
|
|
32
59
|
'@apply cursor-pointer': {}
|
|
33
60
|
}
|
|
34
61
|
},
|
|
35
62
|
'@apply bg-transparent': {},
|
|
36
63
|
'&[data-background="true"]': {
|
|
37
|
-
'@apply bg-vattjom-background-200 border-b-transparent': {}
|
|
64
|
+
'@apply bg-vattjom-background-200 border-b-transparent': {},
|
|
65
|
+
'.sk-table-sticky-col': {
|
|
66
|
+
'@apply bg-vattjom-background-200': {}
|
|
67
|
+
}
|
|
38
68
|
}
|
|
39
69
|
},
|
|
40
70
|
'&-sortbutton': {
|
|
@@ -72,52 +102,114 @@ export var TableAutoTable = () => ({
|
|
|
72
102
|
'&-tr': {
|
|
73
103
|
'@apply bg-transparent': {},
|
|
74
104
|
'@apply hover:bg-background-100': {},
|
|
75
|
-
'@apply border-b-1': {},
|
|
105
|
+
'@apply border-b-1 border-divider': {},
|
|
76
106
|
'@apply last-of-type:border-b-transparent': {},
|
|
77
|
-
'@apply focus-visible:shadow-insetring': {}
|
|
107
|
+
'@apply focus-visible:shadow-insetring': {},
|
|
108
|
+
'&:hover': {
|
|
109
|
+
'.sk-table-sticky-col': {
|
|
110
|
+
'@apply bg-background-100': {}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
78
113
|
},
|
|
79
114
|
'&-td, .sk-table-th': {
|
|
80
115
|
'@apply text-small': {},
|
|
81
|
-
'@apply justify-start items-center': {},
|
|
82
|
-
'@apply gap-8': {},
|
|
83
|
-
'@apply py-8 px-18': {},
|
|
84
116
|
'@apply h-[6.3rem]': {},
|
|
85
117
|
'@apply min-h-[6.3rem]': {},
|
|
86
|
-
'
|
|
118
|
+
'.sk-table-sticky-col': {
|
|
119
|
+
'@apply h-[6.1rem]': {},
|
|
120
|
+
'@apply min-h-[6.1rem]': {}
|
|
121
|
+
},
|
|
122
|
+
'@apply focus-visible:shadow-insetring': {},
|
|
123
|
+
'.sk-table-col-content': {
|
|
124
|
+
'@apply py-8 px-18': {},
|
|
125
|
+
'@apply gap-8': {}
|
|
126
|
+
}
|
|
87
127
|
}
|
|
88
128
|
},
|
|
129
|
+
'&-col-content': {
|
|
130
|
+
'@apply flex': {},
|
|
131
|
+
'@apply w-full': {},
|
|
132
|
+
'@apply justify-start items-center': {},
|
|
133
|
+
'@apply h-full': {}
|
|
134
|
+
},
|
|
89
135
|
'&[data-dense="dense"]': {
|
|
90
136
|
'.sk-table': {
|
|
137
|
+
'&-col-content': {
|
|
138
|
+
'@apply py-0': {}
|
|
139
|
+
},
|
|
91
140
|
'&-thead': {
|
|
92
141
|
'@apply h-[4.8rem]': {},
|
|
93
|
-
'.sk-table-
|
|
94
|
-
'@apply
|
|
142
|
+
'.sk-table-sticky-col': {
|
|
143
|
+
'@apply h-[4.6rem]': {}
|
|
95
144
|
}
|
|
96
145
|
},
|
|
97
146
|
'&-tbody': {
|
|
98
147
|
'&-td, .sk-table-th': {
|
|
99
|
-
'@apply py-0': {},
|
|
100
148
|
'@apply h-[4.7rem]': {},
|
|
101
|
-
'@apply min-h-[4.7rem]': {}
|
|
149
|
+
'@apply min-h-[4.7rem]': {},
|
|
150
|
+
'.sk-table-sticky-col': {
|
|
151
|
+
'@apply h-[4.5rem]': {},
|
|
152
|
+
'@apply min-h-[4.5rem]': {}
|
|
153
|
+
}
|
|
102
154
|
}
|
|
103
155
|
}
|
|
104
156
|
}
|
|
105
157
|
},
|
|
158
|
+
'.sk-table-sticky-col': {
|
|
159
|
+
'@apply absolute': {},
|
|
160
|
+
'@apply bg-background-content': {}
|
|
161
|
+
},
|
|
162
|
+
'[data-sticky="true"]': {
|
|
163
|
+
'> .sk-table-col-content': {
|
|
164
|
+
'@apply collapse': {}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
'&[data-hasscroll="true"]': {
|
|
168
|
+
'.sk-table-sticky-col': {
|
|
169
|
+
'@apply box-content': {}
|
|
170
|
+
},
|
|
171
|
+
'.sk-table-tbody': {
|
|
172
|
+
'.sk-table-sticky-col': {
|
|
173
|
+
'@apply border-b-primitives-overlay-darken-2 dark:border-b-primitives-overlay-lighten-3 border-b-1': {}
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
'td:first-of-type, th:first-of-type': {
|
|
177
|
+
'.sk-table-sticky-col': {
|
|
178
|
+
'@apply left-0': {},
|
|
179
|
+
'@apply border-r-1 border-r-divider': {}
|
|
180
|
+
}
|
|
181
|
+
},
|
|
182
|
+
'td:last-of-type, th:last-of-type': {
|
|
183
|
+
'.sk-table-sticky-col': {
|
|
184
|
+
'@apply border-l-1 border-r-divider': {},
|
|
185
|
+
'@apply right-0': {}
|
|
186
|
+
}
|
|
187
|
+
}
|
|
188
|
+
},
|
|
106
189
|
'&-paginationwrapper': {
|
|
107
|
-
'@apply
|
|
108
|
-
'@apply shrink': {}
|
|
190
|
+
'@apply max-w-[60rem]': {},
|
|
191
|
+
'@apply shrink grow': {},
|
|
192
|
+
'@apply hidden @screen-md/footer:flex': {}
|
|
109
193
|
},
|
|
110
194
|
'&-bottom': {
|
|
195
|
+
'@apply @container/footer': {},
|
|
111
196
|
'@apply py-14 px-16': {},
|
|
112
|
-
'@apply border-t-1': {},
|
|
197
|
+
'@apply border-t-1 border-divider': {},
|
|
113
198
|
'@apply flex flex-row': {},
|
|
114
|
-
'@apply
|
|
199
|
+
'@apply flex-wrap': {},
|
|
200
|
+
'@apply @screen-lg/footer:gap-32': {},
|
|
201
|
+
'@apply @screen-md/footer:gap-16': {},
|
|
202
|
+
'@apply gap-8': {},
|
|
115
203
|
'@apply justify-between items-center': {},
|
|
116
204
|
'&-section': {
|
|
117
205
|
'@apply shrink-0': {},
|
|
118
|
-
'@apply flex flex-
|
|
206
|
+
'@apply flex flex-col': {},
|
|
119
207
|
'@apply justify-start items-center': {},
|
|
208
|
+
'@apply @screen-sm/footer:flex-row': {},
|
|
120
209
|
'@apply gap-8': {},
|
|
210
|
+
'&.sk-table-pagination-mobile': {
|
|
211
|
+
'@apply @screen-md/footer:hidden': {}
|
|
212
|
+
},
|
|
121
213
|
'&-label': {
|
|
122
214
|
'@apply font-normal': {},
|
|
123
215
|
'@apply text-small': {},
|