@sk-web-gui/core 2.2.1 → 2.3.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/aria-plugin.js +47 -0
- package/dist/cjs/aria-plugin.js.map +1 -0
- package/dist/cjs/components/chip.js.map +1 -1
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/table-autotable.js +39 -43
- package/dist/cjs/components/table-autotable.js.map +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/data-plugin.js +30 -0
- package/dist/cjs/data-plugin.js.map +1 -0
- package/dist/cjs/index.js +4 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +5 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js.map +1 -1
- package/dist/esm/aria-plugin.js +42 -0
- package/dist/esm/aria-plugin.js.map +1 -0
- package/dist/esm/components/chip.js.map +1 -1
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/table-autotable.js +39 -43
- package/dist/esm/components/table-autotable.js.map +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/data-plugin.js +27 -0
- package/dist/esm/data-plugin.js.map +1 -0
- package/dist/esm/index.js +3 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +5 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js.map +1 -1
- package/dist/types/aria-plugin.d.ts +4 -0
- package/dist/types/components/table-autotable.d.ts +36 -40
- package/dist/types/data-plugin.d.ts +4 -0
- package/dist/types/index.d.ts +3 -1
- package/dist/types/preset.d.ts +2 -0
- package/package.json +2 -2
- package/dist/cjs/components/alert-banner.js +0 -26
- package/dist/cjs/components/alert-banner.js.map +0 -1
- package/dist/cjs/components/comments.js +0 -32
- package/dist/cjs/components/comments.js.map +0 -1
- package/dist/cjs/components/context-menu.js +0 -41
- package/dist/cjs/components/context-menu.js.map +0 -1
- package/dist/cjs/components/dropdown-filter.js +0 -60
- package/dist/cjs/components/dropdown-filter.js.map +0 -1
- package/dist/cjs/components/notification.js +0 -51
- package/dist/cjs/components/notification.js.map +0 -1
- package/dist/cjs/components/side-menu.js +0 -221
- package/dist/cjs/components/side-menu.js.map +0 -1
- package/dist/cjs/components/tab-menu.js +0 -59
- package/dist/cjs/components/tab-menu.js.map +0 -1
- package/dist/cjs/components/zebratable.js +0 -141
- package/dist/cjs/components/zebratable.js.map +0 -1
- package/dist/esm/components/alert-banner.js +0 -24
- package/dist/esm/components/alert-banner.js.map +0 -1
- package/dist/esm/components/comments.js +0 -30
- package/dist/esm/components/comments.js.map +0 -1
- package/dist/esm/components/context-menu.js +0 -39
- package/dist/esm/components/context-menu.js.map +0 -1
- package/dist/esm/components/dropdown-filter.js +0 -58
- package/dist/esm/components/dropdown-filter.js.map +0 -1
- package/dist/esm/components/notification.js +0 -49
- package/dist/esm/components/notification.js.map +0 -1
- package/dist/esm/components/side-menu.js +0 -219
- package/dist/esm/components/side-menu.js.map +0 -1
- package/dist/esm/components/tab-menu.js +0 -57
- package/dist/esm/components/tab-menu.js.map +0 -1
- package/dist/esm/components/zebratable.js +0 -135
- package/dist/esm/components/zebratable.js.map +0 -1
- package/dist/types/components/alert-banner.d.ts +0 -24
- package/dist/types/components/comments.d.ts +0 -30
- package/dist/types/components/context-menu.d.ts +0 -39
- package/dist/types/components/dropdown-filter.d.ts +0 -58
- package/dist/types/components/notification.d.ts +0 -48
- package/dist/types/components/side-menu.d.ts +0 -219
- package/dist/types/components/tab-menu.d.ts +0 -57
- package/dist/types/components/zebratable.d.ts +0 -134
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
module.exports = Comments = function Comments() {
|
|
2
|
-
return {
|
|
3
|
-
'.comment-header': {
|
|
4
|
-
'@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {}
|
|
5
|
-
},
|
|
6
|
-
'.comment-item': {
|
|
7
|
-
'@apply w-full': {},
|
|
8
|
-
'&-container': {
|
|
9
|
-
'@apply flex justify-between relative': {},
|
|
10
|
-
'&-textpic': {
|
|
11
|
-
'@apply flex gap-2': {}
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
'&-text': {
|
|
15
|
-
'@apply text-base font-bold mx-0 mb-0 mt-4': {}
|
|
16
|
-
},
|
|
17
|
-
'&-commentorpublished': {
|
|
18
|
-
'@apply float-right text-neutral-600 m-0': {}
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
'.comment-input': {
|
|
22
|
-
'@apply w-full flex gap-4 px-10 pt-8 pb-10': {},
|
|
23
|
-
'&-inactive': {
|
|
24
|
-
'@apply text-neutral-300 !text-3xl': {}
|
|
25
|
-
},
|
|
26
|
-
'&-active': {
|
|
27
|
-
'@apply text-primary !text-3xl': {}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=comments.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \r\n\r\n '.comment-header': {\r\n '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n },\r\n\r\n '.comment-item':{\r\n '@apply w-full': {},\r\n\r\n '&-container': {\r\n '@apply flex justify-between relative': {},\r\n\r\n '&-textpic': {\r\n '@apply flex gap-2': {},\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\r\n \r\n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IAE/B,iBAAiB,EAAE;MACf,uEAAuE,EAAE,CAAC;IAC9E,CAAC;IAED,eAAe,EAAC;MACZ,eAAe,EAAE,CAAC,CAAC;MAEnB,aAAa,EAAE;QACX,sCAAsC,EAAE,CAAC,CAAC;QAE1C,WAAW,EAAE;UACT,mBAAmB,EAAE,CAAC;QAC1B;MACJ,CAAC;MACD,QAAQ,EAAE;QACN,2CAA2C,EAAE,CAAC;MAClD,CAAC;MACD,sBAAsB,EAAE;QACpB,yCAAyC,EAAE,CAAC;MAChD;IACJ,CAAC;IACD,gBAAgB,EAAC;MACb,2CAA2C,EAAE,CAAC,CAAC;MAE/C,YAAY,EAAE;QACV,mCAAmC,EAAE,CAAC;MAC1C,CAAC;MAED,UAAU,EAAE;QACR,+BAA+B,EAAE,CAAC;MACtC;IAEJ;EAGJ,CAAC;AAAA,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
module.exports = ContextMenu = function ContextMenu() {
|
|
2
|
-
return {
|
|
3
|
-
'.context-menu-wrapper': {
|
|
4
|
-
'@apply relative inline': {},
|
|
5
|
-
'> a, > button': {
|
|
6
|
-
'@apply inline-flex': {}
|
|
7
|
-
},
|
|
8
|
-
'.context-menu-items': {
|
|
9
|
-
'@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {},
|
|
10
|
-
'.context-menu-item': {
|
|
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': {}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=context-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
module.exports = DropdownFilter = function DropdownFilter() {
|
|
2
|
-
return {
|
|
3
|
-
'.dropdown-filter': {
|
|
4
|
-
position: 'relative',
|
|
5
|
-
height: 50,
|
|
6
|
-
border: '1px solid #939393',
|
|
7
|
-
display: 'flex',
|
|
8
|
-
background: '#fff',
|
|
9
|
-
borderRadius: 2,
|
|
10
|
-
'.dropdown-button': {
|
|
11
|
-
'@apply flex justify-between items-center grow': {},
|
|
12
|
-
'.dropdown-button-icon': {
|
|
13
|
-
'@apply justify-self-end grow-0': {}
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
'.filter-container': {
|
|
17
|
-
position: 'absolute',
|
|
18
|
-
top: '100%',
|
|
19
|
-
left: '-1px',
|
|
20
|
-
zIndex: 10,
|
|
21
|
-
width: 'calc(100% + 2px)',
|
|
22
|
-
background: '#fff',
|
|
23
|
-
border: '1px solid #939393',
|
|
24
|
-
borderRadius: 2,
|
|
25
|
-
'.filter-controls': {
|
|
26
|
-
display: 'flex',
|
|
27
|
-
justifyContent: 'flex-end',
|
|
28
|
-
button: {
|
|
29
|
-
marginLeft: '1rem',
|
|
30
|
-
textDecoration: 'underline'
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
'.filter-item': {
|
|
34
|
-
'@apply px-md': {},
|
|
35
|
-
height: 48,
|
|
36
|
-
display: 'flex',
|
|
37
|
-
justifyContent: 'space-between',
|
|
38
|
-
alignItems: 'center',
|
|
39
|
-
borderBottom: '1px solid #939393',
|
|
40
|
-
'> label': {
|
|
41
|
-
'@apply w-full': {},
|
|
42
|
-
'> .form-checkbox-label': {
|
|
43
|
-
'@apply flex-grow': {}
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
'&.disabled': {
|
|
47
|
-
color: '#939393'
|
|
48
|
-
},
|
|
49
|
-
'&:first-of-type': {
|
|
50
|
-
borderTop: '1px solid #939393'
|
|
51
|
-
},
|
|
52
|
-
'&:last-child': {
|
|
53
|
-
borderBottom: 'none'
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=dropdown-filter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-filter.js","names":["module","exports","DropdownFilter","position","height","border","display","background","borderRadius","top","left","zIndex","width","justifyContent","button","marginLeft","textDecoration","alignItems","borderBottom","color","borderTop"],"sources":["../../../src/components/dropdown-filter.js"],"sourcesContent":["module.exports = DropdownFilter = () => ({\r\n '.dropdown-filter': {\r\n position: 'relative',\r\n height: 50,\r\n border: '1px solid #939393',\r\n display: 'flex',\r\n background: '#fff',\r\n borderRadius: 2,\r\n\r\n '.dropdown-button': {\r\n '@apply flex justify-between items-center grow': {},\r\n '.dropdown-button-icon': {\r\n '@apply justify-self-end grow-0': {},\r\n },\r\n },\r\n\r\n '.filter-container': {\r\n position: 'absolute',\r\n top: '100%',\r\n left: '-1px',\r\n zIndex: 10,\r\n width: 'calc(100% + 2px)',\r\n background: '#fff',\r\n border: '1px solid #939393',\r\n borderRadius: 2,\r\n\r\n '.filter-controls': {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n button: {\r\n marginLeft: '1rem',\r\n textDecoration: 'underline',\r\n },\r\n },\r\n\r\n '.filter-item': {\r\n '@apply px-md': {},\r\n height: 48,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n borderBottom: '1px solid #939393',\r\n\r\n '> label': {\r\n '@apply w-full': {},\r\n\r\n '> .form-checkbox-label': {\r\n '@apply flex-grow': {},\r\n },\r\n },\r\n\r\n '&.disabled': {\r\n color: '#939393',\r\n },\r\n\r\n '&:first-of-type': {\r\n borderTop: '1px solid #939393',\r\n },\r\n\r\n '&:last-child': {\r\n borderBottom: 'none',\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,mBAAmB;MAC3BC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,MAAM;MAClBC,YAAY,EAAE,CAAC;MAEf,kBAAkB,EAAE;QAClB,gDAAgD,EAAE,CAAC,CAAC;QACpD,uBAAuB,EAAE;UACvB,gCAAgC,EAAE,CAAC;QACrC;MACF,CAAC;MAED,mBAAmB,EAAE;QACnBL,QAAQ,EAAE,UAAU;QACpBM,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,MAAM;QACZC,MAAM,EAAE,EAAE;QACVC,KAAK,EAAE,kBAAkB;QACzBL,UAAU,EAAE,MAAM;QAClBF,MAAM,EAAE,mBAAmB;QAC3BG,YAAY,EAAE,CAAC;QAEf,kBAAkB,EAAE;UAClBF,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,UAAU;UAC1BC,MAAM,EAAE;YACNC,UAAU,EAAE,MAAM;YAClBC,cAAc,EAAE;UAClB;QACF,CAAC;QAED,cAAc,EAAE;UACd,cAAc,EAAE,CAAC,CAAC;UAClBZ,MAAM,EAAE,EAAE;UACVE,OAAO,EAAE,MAAM;UACfO,cAAc,EAAE,eAAe;UAC/BI,UAAU,EAAE,QAAQ;UACpBC,YAAY,EAAE,mBAAmB;UAEjC,SAAS,EAAE;YACT,eAAe,EAAE,CAAC,CAAC;YAEnB,wBAAwB,EAAE;cACxB,kBAAkB,EAAE,CAAC;YACvB;UACF,CAAC;UAED,YAAY,EAAE;YACZC,KAAK,EAAE;UACT,CAAC;UAED,iBAAiB,EAAE;YACjBC,SAAS,EAAE;UACb,CAAC;UAED,cAAc,EAAE;YACdF,YAAY,EAAE;UAChB;QACF;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
module.exports = Notification = function Notification() {
|
|
2
|
-
return {
|
|
3
|
-
'.notification': {
|
|
4
|
-
'@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
|
|
5
|
-
'@apply text-body bg-white border border-neutral-200': {},
|
|
6
|
-
// dark
|
|
7
|
-
'@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
|
|
8
|
-
},
|
|
9
|
-
'.notification-icon': {
|
|
10
|
-
'@apply flex-shrink-0 w-5 h-5 mr-3': {},
|
|
11
|
-
'&-info': {
|
|
12
|
-
'--tw-text-opacity': '1',
|
|
13
|
-
color: 'rgba(59, 130, 246, var(--tw-text-opacity))'
|
|
14
|
-
},
|
|
15
|
-
'&-success': {
|
|
16
|
-
'--tw-text-opacity': '1',
|
|
17
|
-
color: 'rgba(34, 197, 94, var(--tw-text-opacity))'
|
|
18
|
-
},
|
|
19
|
-
'&-error': {
|
|
20
|
-
'--tw-text-opacity': '1',
|
|
21
|
-
color: 'rgba(239, 68, 68, var(--tw-text-opacity))'
|
|
22
|
-
},
|
|
23
|
-
'&-warning': {
|
|
24
|
-
'--tw-text-opacity': '1',
|
|
25
|
-
color: 'rgba(234, 179, 8, var(--tw-text-opacity))'
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
'.notification-content': {
|
|
29
|
-
'@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
|
|
30
|
-
'&-title': {
|
|
31
|
-
'@apply font-semibold': {}
|
|
32
|
-
},
|
|
33
|
-
'&-description': {
|
|
34
|
-
'@apply text-neutral-500 dark:text-neutral-400': {}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
'.notification-action': {
|
|
38
|
-
'@apply absolute space-x-2': {},
|
|
39
|
-
right: 16,
|
|
40
|
-
top: 16,
|
|
41
|
-
'&-undo': {
|
|
42
|
-
'@apply h-auto p-0 text-small': {}
|
|
43
|
-
},
|
|
44
|
-
'&-close-button': {
|
|
45
|
-
'@apply cursor-base text-neutral-700 hover:text-body': {},
|
|
46
|
-
'@apply dark:text-neutral-400 dark:hover:text-neutral-100': {}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,4FAA4F,EAAE,CAAC,CAAC;MAChG,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,8BAA8B,EAAE,CAAC;MACnC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
module.exports = Menu = function Menu() {
|
|
2
|
-
return {
|
|
3
|
-
'.sk-sidemenu': {
|
|
4
|
-
'@apply w-[440px]': {},
|
|
5
|
-
'&-header': {
|
|
6
|
-
'@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {},
|
|
7
|
-
'.label-small': {
|
|
8
|
-
'@apply text-[1.6rem]': {}
|
|
9
|
-
},
|
|
10
|
-
'.label-button': {
|
|
11
|
-
'@apply w-full justify-between p-0 leading-[inherit]': {},
|
|
12
|
-
'&-icon': {
|
|
13
|
-
'@apply !text-xl': {}
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
'&-label': {
|
|
17
|
-
'@apply flex items-center': {},
|
|
18
|
-
'label, .label': {
|
|
19
|
-
'@apply text-xl font-bold flex items-center w-full': {}
|
|
20
|
-
},
|
|
21
|
-
span: {
|
|
22
|
-
'@apply ml-auto': {}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
'&-item': {
|
|
27
|
-
'@apply bg-white h-full': {},
|
|
28
|
-
'> ul.items': {
|
|
29
|
-
'@apply hidden': {}
|
|
30
|
-
},
|
|
31
|
-
'&.open > ul.items': {
|
|
32
|
-
'@apply block': {}
|
|
33
|
-
},
|
|
34
|
-
'&-label': {
|
|
35
|
-
'@apply flex-grow select-none flex items-center': {}
|
|
36
|
-
},
|
|
37
|
-
'&.active': {
|
|
38
|
-
'> .sk-sidemenu-wrapper': {
|
|
39
|
-
boxShadow: 'inset 6px 0 0 0 #005595',
|
|
40
|
-
'.sk-sidemenu-item-label': {
|
|
41
|
-
'@apply underline': {}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
'& .sk-sidemenu-wrapper': {
|
|
46
|
-
'@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {},
|
|
47
|
-
'.sk-sidemenu-item-link': {
|
|
48
|
-
'@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {},
|
|
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
|
-
}
|
|
56
|
-
},
|
|
57
|
-
'.expand': {
|
|
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
|
-
},
|
|
68
|
-
'&-button': {
|
|
69
|
-
'@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {}
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
'&.open': {
|
|
74
|
-
'& + .menu-item > .sk-sidemenu-wrapper': {
|
|
75
|
-
'@apply border-t': {}
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
'&.draggable': {
|
|
79
|
-
'&.dragenter': {
|
|
80
|
-
'> .sk-sidemenu-wrapper': {
|
|
81
|
-
'@apply h-full max-h-full': {}
|
|
82
|
-
},
|
|
83
|
-
"> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
|
|
84
|
-
'@apply pointer-events-none': {}
|
|
85
|
-
},
|
|
86
|
-
'& > .sk-sidemenu-wrapper::after': {
|
|
87
|
-
'@apply bg-info-surface-accent block relative w-full h-[44px]': {},
|
|
88
|
-
content: "''"
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
'&.moving': {
|
|
92
|
-
'@apply hidden': {}
|
|
93
|
-
},
|
|
94
|
-
'& .sk-sidemenu-menuitem-movebutton': {
|
|
95
|
-
'@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {},
|
|
96
|
-
svg: {
|
|
97
|
-
'@apply h-full': {}
|
|
98
|
-
},
|
|
99
|
-
'&[aria-disabled="true"]': {
|
|
100
|
-
'@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {}
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
'&.separator': {
|
|
104
|
-
'@apply bg-transparent relative': {},
|
|
105
|
-
'> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
|
|
106
|
-
'@apply h-[44px]': {}
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
'&-separator': {
|
|
111
|
-
'@apply text-divider': {},
|
|
112
|
-
height: '1px',
|
|
113
|
-
width: '100%',
|
|
114
|
-
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)",
|
|
115
|
-
backgroundSize: '2px 100%, 100% 2px, 2px 100% , 100% 2px',
|
|
116
|
-
backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',
|
|
117
|
-
backgroundRepeat: 'no-repeat'
|
|
118
|
-
},
|
|
119
|
-
'&.lvl-0': {
|
|
120
|
-
'&:first-child > .sk-sidemenu-wrapper': {
|
|
121
|
-
'@apply border-t-0': {}
|
|
122
|
-
},
|
|
123
|
-
'> .sk-sidemenu-wrapper': {
|
|
124
|
-
'@apply h-[64px] max-h-[64px] border border-divider': {},
|
|
125
|
-
'> .sk-sidemenu-item-link': {
|
|
126
|
-
'@apply py-md': {},
|
|
127
|
-
paddingLeft: '3.2rem'
|
|
128
|
-
}
|
|
129
|
-
},
|
|
130
|
-
'.sk-sidemenu-item-link': {
|
|
131
|
-
'@apply h-[64px] max-h-[64px]': {}
|
|
132
|
-
},
|
|
133
|
-
'& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
|
|
134
|
-
'@apply border-t-0': {}
|
|
135
|
-
},
|
|
136
|
-
'> .items': {
|
|
137
|
-
'@apply border-l border-r border-divider': {}
|
|
138
|
-
},
|
|
139
|
-
'&.open > .items': {
|
|
140
|
-
'@apply border-b border-divider': {}
|
|
141
|
-
},
|
|
142
|
-
'&.separator': {
|
|
143
|
-
'& + .lvl-0': {
|
|
144
|
-
'@apply border-t border-divider': {}
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
'&.separator > .sk-sidemenu-wrapper': {
|
|
148
|
-
'@apply border-0': {}
|
|
149
|
-
}
|
|
150
|
-
},
|
|
151
|
-
'&.lvl-1': {
|
|
152
|
-
'@apply bg-gray-lighter': {},
|
|
153
|
-
'> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
|
|
154
|
-
'@apply h-[56px] max-h-[56px]': {}
|
|
155
|
-
},
|
|
156
|
-
'&.open > .sk-sidemenu-wrapper': {
|
|
157
|
-
'@apply border-b border-divider': {}
|
|
158
|
-
},
|
|
159
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
160
|
-
paddingLeft: '4.8rem'
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
'&.lvl-2': {
|
|
164
|
-
'.sk-sidemenu-wrapper': {
|
|
165
|
-
'@apply bg-gray-middle h-[48px] max-h-[48px]': {},
|
|
166
|
-
'> .sk-sidemenu-item-link': {
|
|
167
|
-
'@apply h-[48px] max-h-[48px]': {}
|
|
168
|
-
}
|
|
169
|
-
},
|
|
170
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
171
|
-
paddingLeft: '6.4rem'
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
'&.lvl-3': {
|
|
175
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
176
|
-
paddingLeft: '8rem'
|
|
177
|
-
}
|
|
178
|
-
},
|
|
179
|
-
'&.lvl-4': {
|
|
180
|
-
'.sk-sidemenu-wrapper': {
|
|
181
|
-
'@apply bg-[#d4d4d4]': {}
|
|
182
|
-
},
|
|
183
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
184
|
-
paddingLeft: '9.6rem'
|
|
185
|
-
}
|
|
186
|
-
},
|
|
187
|
-
'&.lvl-5': {
|
|
188
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
189
|
-
paddingLeft: '11.2rem'
|
|
190
|
-
}
|
|
191
|
-
},
|
|
192
|
-
'&.lvl-6': {
|
|
193
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
194
|
-
paddingLeft: '12.8rem'
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
'&.lvl-7': {
|
|
198
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
199
|
-
paddingLeft: '14.4rem'
|
|
200
|
-
}
|
|
201
|
-
},
|
|
202
|
-
'&.lvl-8': {
|
|
203
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
204
|
-
paddingLeft: '16rem'
|
|
205
|
-
}
|
|
206
|
-
},
|
|
207
|
-
'&.lvl-9': {
|
|
208
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
209
|
-
paddingLeft: '17.6rem'
|
|
210
|
-
}
|
|
211
|
-
},
|
|
212
|
-
'&.lvl-10': {
|
|
213
|
-
'> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
|
|
214
|
-
paddingLeft: '19.2rem'
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
};
|
|
220
|
-
};
|
|
221
|
-
//# sourceMappingURL=side-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,59 +0,0 @@
|
|
|
1
|
-
module.exports = TabMenu = function TabMenu() {
|
|
2
|
-
return {
|
|
3
|
-
'.sk-tab-menu': {
|
|
4
|
-
'&-wrapper': {
|
|
5
|
-
display: 'flex',
|
|
6
|
-
flexDirection: 'row',
|
|
7
|
-
margin: 'auto'
|
|
8
|
-
},
|
|
9
|
-
'&-right': {
|
|
10
|
-
'@apply justify-end': {}
|
|
11
|
-
},
|
|
12
|
-
'&-center': {
|
|
13
|
-
'@apply justify-center': {}
|
|
14
|
-
},
|
|
15
|
-
'&-list': {
|
|
16
|
-
all: 'unset',
|
|
17
|
-
display: 'flex',
|
|
18
|
-
'&-stretch': {
|
|
19
|
-
'@apply w-full justify-between': {}
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
'&-underline': {
|
|
23
|
-
width: '100%',
|
|
24
|
-
height: 6,
|
|
25
|
-
'@apply bg-gray-light': {}
|
|
26
|
-
},
|
|
27
|
-
'&-item': {
|
|
28
|
-
all: 'unset',
|
|
29
|
-
height: 65,
|
|
30
|
-
display: 'flex',
|
|
31
|
-
padding: '0 1rem',
|
|
32
|
-
marginRight: '5rem',
|
|
33
|
-
alignItems: 'center',
|
|
34
|
-
position: 'relative',
|
|
35
|
-
cursor: 'pointer',
|
|
36
|
-
'&-stretch': {
|
|
37
|
-
'@apply mr-0': {}
|
|
38
|
-
},
|
|
39
|
-
'&-right': {
|
|
40
|
-
'@apply mr-0 ml-[5rem]': {}
|
|
41
|
-
},
|
|
42
|
-
'&-center:last-of-type': {
|
|
43
|
-
'@apply mr-0': {}
|
|
44
|
-
},
|
|
45
|
-
'&.active::after': {
|
|
46
|
-
content: '""',
|
|
47
|
-
display: 'block',
|
|
48
|
-
position: 'absolute',
|
|
49
|
-
width: '100%',
|
|
50
|
-
height: 6,
|
|
51
|
-
top: '100%',
|
|
52
|
-
left: 0,
|
|
53
|
-
'@apply bg-primary': {}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=tab-menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n '.sk-tab-menu': {\r\n '&-wrapper': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n margin: 'auto',\r\n },\r\n '&-right': {\r\n '@apply justify-end': {},\r\n },\r\n '&-center': {\r\n '@apply justify-center': {},\r\n },\r\n '&-list': {\r\n all: 'unset',\r\n display: 'flex',\r\n '&-stretch': {\r\n '@apply w-full justify-between': {},\r\n },\r\n },\r\n\r\n '&-underline': {\r\n width: '100%',\r\n height: 6,\r\n '@apply bg-gray-light': {},\r\n },\r\n '&-item': {\r\n all: 'unset',\r\n height: 65,\r\n display: 'flex',\r\n padding: '0 1rem',\r\n marginRight: '5rem',\r\n alignItems: 'center',\r\n position: 'relative',\r\n cursor: 'pointer',\r\n '&-stretch': {\r\n '@apply mr-0': {},\r\n },\r\n '&-right': {\r\n '@apply mr-0 ml-[5rem]': {},\r\n },\r\n '&-center:last-of-type': {\r\n '@apply mr-0': {},\r\n },\r\n\r\n '&.active::after': {\r\n content: '\"\"',\r\n display: 'block',\r\n position: 'absolute',\r\n width: '100%',\r\n height: 6,\r\n top: '100%',\r\n left: 0,\r\n '@apply bg-primary': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,cAAc,EAAE;MACd,WAAW,EAAE;QACXC,OAAO,EAAE,MAAM;QACfC,aAAa,EAAE,KAAK;QACpBC,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE,CAAC;MACzB,CAAC;MACD,UAAU,EAAE;QACV,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,QAAQ,EAAE;QACRC,GAAG,EAAE,OAAO;QACZH,OAAO,EAAE,MAAM;QACf,WAAW,EAAE;UACX,+BAA+B,EAAE,CAAC;QACpC;MACF,CAAC;MAED,aAAa,EAAE;QACbI,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACRF,GAAG,EAAE,OAAO;QACZE,MAAM,EAAE,EAAE;QACVL,OAAO,EAAE,MAAM;QACfM,OAAO,EAAE,QAAQ;QACjBC,WAAW,EAAE,MAAM;QACnBC,UAAU,EAAE,QAAQ;QACpBC,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE;UACX,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,SAAS,EAAE;UACT,uBAAuB,EAAE,CAAC;QAC5B,CAAC;QACD,uBAAuB,EAAE;UACvB,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,iBAAiB,EAAE;UACjBC,OAAO,EAAE,IAAI;UACbX,OAAO,EAAE,OAAO;UAChBS,QAAQ,EAAE,UAAU;UACpBL,KAAK,EAAE,MAAM;UACbC,MAAM,EAAE,CAAC;UACTO,GAAG,EAAE,MAAM;UACXC,IAAI,EAAE,CAAC;UACP,mBAAmB,EAAE,CAAC;QACxB;MACF;IACF;EACF,CAAC;AAAA,CAAC"}
|