@sk-web-gui/core 3.9.1 → 3.11.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 +98 -43
- package/dist/cjs/aria-plugin.js.map +1 -1
- package/dist/cjs/base.js +55 -48
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +676 -599
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +203 -196
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/ai/ai-corner-module.js +335 -278
- package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
- package/dist/cjs/components/ai/ai-feed.js +70 -63
- package/dist/cjs/components/ai/ai-feed.js.map +1 -1
- package/dist/cjs/components/ai/ai-service-module.js +218 -160
- package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
- package/dist/cjs/components/ai/assistant-presentation.js +62 -55
- package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
- package/dist/cjs/components/ai/assistant-switch.js +54 -47
- package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
- package/dist/cjs/components/ai/bubble.js +123 -66
- package/dist/cjs/components/ai/bubble.js.map +1 -1
- package/dist/cjs/components/ai/feedback.js +37 -30
- package/dist/cjs/components/ai/feedback.js.map +1 -1
- package/dist/cjs/components/ai/input-section.js +31 -24
- package/dist/cjs/components/ai/input-section.js.map +1 -1
- package/dist/cjs/components/ai/markdown-rendered.js +30 -23
- package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
- package/dist/cjs/components/ai/new-session-button.js +26 -19
- package/dist/cjs/components/ai/new-session-button.js.map +1 -1
- package/dist/cjs/components/ai/typing-bubble.js +28 -21
- package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
- package/dist/cjs/components/ai/typing-sequence.js +87 -30
- package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
- package/dist/cjs/components/avatar.js +101 -43
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +90 -32
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +47 -27
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +35 -28
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +290 -237
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/callout.js +92 -35
- package/dist/cjs/components/callout.js.map +1 -1
- package/dist/cjs/components/card.js +273 -209
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +137 -113
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/chip.js +47 -40
- package/dist/cjs/components/chip.js.map +1 -1
- package/dist/cjs/components/code.js +19 -12
- package/dist/cjs/components/code.js.map +1 -1
- package/dist/cjs/components/combobox.js +97 -91
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +51 -46
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +78 -21
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +60 -53
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +111 -56
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/file-upload.js +221 -214
- package/dist/cjs/components/file-upload.js.map +1 -1
- package/dist/cjs/components/filter.js +24 -17
- package/dist/cjs/components/filter.js.map +1 -1
- package/dist/cjs/components/footer.js +41 -34
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js +34 -27
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +38 -31
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +113 -55
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/input.js +285 -219
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/kbd.js +17 -12
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/label.js +93 -35
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/link.js +59 -52
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/list.js +63 -56
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js +58 -51
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js +243 -204
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js +100 -42
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/modal.js +58 -51
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/pagination.js +108 -101
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/popup-menu.js +148 -144
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js +80 -24
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js +80 -73
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/radio.js +140 -134
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-field.js +44 -37
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js +256 -182
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/snackbar.js +40 -33
- package/dist/cjs/components/snackbar.js.map +1 -1
- package/dist/cjs/components/spinner.js +80 -23
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/switch.js +89 -66
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/table.js +297 -236
- package/dist/cjs/components/table.js.map +1 -1
- package/dist/cjs/components/tabs.js +124 -16
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js +68 -61
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/components/user-menu.js +24 -17
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components.js +377 -177
- package/dist/cjs/components.js.map +1 -1
- package/dist/cjs/data-plugin.js +64 -26
- package/dist/cjs/data-plugin.js.map +1 -1
- package/dist/cjs/fonts.js +17 -10
- package/dist/cjs/fonts.js.map +1 -1
- package/dist/cjs/index.js +36 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +136 -54
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +161 -25
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +198 -137
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js +412 -288
- package/dist/cjs/units.js.map +1 -1
- package/dist/cjs/with-opacity.js +16 -9
- package/dist/cjs/with-opacity.js.map +1 -1
- package/dist/esm/aria-plugin.js +83 -38
- package/dist/esm/aria-plugin.js.map +1 -1
- package/dist/esm/base.js +45 -44
- package/dist/esm/base.js.map +1 -1
- package/dist/esm/colors.js +667 -596
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +198 -195
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/ai/ai-corner-module.js +327 -275
- package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
- package/dist/esm/components/ai/ai-feed.js +63 -60
- package/dist/esm/components/ai/ai-feed.js.map +1 -1
- package/dist/esm/components/ai/ai-service-module.js +211 -167
- package/dist/esm/components/ai/ai-service-module.js.map +1 -1
- package/dist/esm/components/ai/assistant-presentation.js +54 -51
- package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
- package/dist/esm/components/ai/assistant-switch.js +47 -44
- package/dist/esm/components/ai/assistant-switch.js.map +1 -1
- package/dist/esm/components/ai/bubble.js +112 -82
- package/dist/esm/components/ai/bubble.js.map +1 -1
- package/dist/esm/components/ai/feedback.js +29 -26
- package/dist/esm/components/ai/feedback.js.map +1 -1
- package/dist/esm/components/ai/input-section.js +24 -21
- package/dist/esm/components/ai/input-section.js.map +1 -1
- package/dist/esm/components/ai/markdown-rendered.js +23 -20
- package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
- package/dist/esm/components/ai/new-session-button.js +19 -16
- package/dist/esm/components/ai/new-session-button.js.map +1 -1
- package/dist/esm/components/ai/typing-bubble.js +21 -18
- package/dist/esm/components/ai/typing-bubble.js.map +1 -1
- package/dist/esm/components/ai/typing-sequence.js +80 -32
- package/dist/esm/components/ai/typing-sequence.js.map +1 -1
- package/dist/esm/components/avatar.js +91 -41
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.js +80 -29
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +38 -27
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button-group.js +28 -25
- package/dist/esm/components/button-group.js.map +1 -1
- package/dist/esm/components/button.js +283 -255
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/callout.js +82 -31
- package/dist/esm/components/callout.js.map +1 -1
- package/dist/esm/components/card.js +262 -235
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/checkbox.js +130 -110
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/chip.js +40 -37
- package/dist/esm/components/chip.js.map +1 -1
- package/dist/esm/components/code.js +12 -9
- package/dist/esm/components/code.js.map +1 -1
- package/dist/esm/components/combobox.js +89 -87
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/cookie-consent.js +43 -42
- package/dist/esm/components/cookie-consent.js.map +1 -1
- package/dist/esm/components/dialog.js +70 -18
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/divider.js +52 -49
- package/dist/esm/components/divider.js.map +1 -1
- package/dist/esm/components/dot.js +104 -56
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/file-upload.js +214 -211
- package/dist/esm/components/file-upload.js.map +1 -1
- package/dist/esm/components/filter.js +17 -14
- package/dist/esm/components/filter.js.map +1 -1
- package/dist/esm/components/footer.js +33 -30
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js +27 -24
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js +31 -28
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/icon.js +103 -54
- package/dist/esm/components/icon.js.map +1 -1
- package/dist/esm/components/input.js +278 -216
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/kbd.js +10 -9
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +83 -35
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/link.js +52 -49
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/list.js +55 -52
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js +51 -48
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js +233 -199
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js +92 -45
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/modal.js +50 -47
- package/dist/esm/components/modal.js.map +1 -1
- package/dist/esm/components/pagination.js +101 -98
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popup-menu.js +142 -142
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js +69 -21
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js +72 -69
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/radio.js +132 -130
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/search-field.js +37 -34
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js +250 -180
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/snackbar.js +33 -30
- package/dist/esm/components/snackbar.js.map +1 -1
- package/dist/esm/components/spinner.js +70 -18
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/switch.js +80 -70
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table.js +292 -236
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs.js +118 -14
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js +61 -58
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/components/user-menu.js +17 -14
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/components.js +404 -206
- package/dist/esm/components.js.map +1 -1
- package/dist/esm/data-plugin.js +49 -23
- package/dist/esm/data-plugin.js.map +1 -1
- package/dist/esm/fonts.js +7 -6
- package/dist/esm/fonts.js.map +1 -1
- package/dist/esm/index.js +5 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +114 -46
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +104 -17
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +187 -139
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js +402 -284
- package/dist/esm/units.js.map +1 -1
- package/dist/esm/with-opacity.js +6 -7
- package/dist/esm/with-opacity.js.map +1 -1
- package/dist/types/colors.d.ts +70 -0
- package/dist/types/components/checkbox.d.ts +23 -7
- package/dist/types/components/combobox.d.ts +1 -2
- package/dist/types/components/input.d.ts +29 -34
- package/dist/types/components/popup-menu.d.ts +3 -6
- package/dist/types/components/radio.d.ts +27 -29
- package/dist/types/components/select.d.ts +24 -23
- package/dist/types/components/switch.d.ts +9 -8
- package/dist/types/components/tabs.d.ts +45 -3
- package/dist/types/preset.d.ts +1 -1
- package/package.json +17 -14
|
@@ -1,208 +1,242 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
'.sk-menu-vertical-item-submenu': {
|
|
12
|
-
'@apply font-bold': {},
|
|
13
|
-
'&-medium': {
|
|
14
|
-
'button, a': {
|
|
15
|
-
'@apply py-6 px-14': {}
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
'&-large': {
|
|
19
|
-
'button, a': {
|
|
20
|
-
'@apply text-large': {},
|
|
21
|
-
'@apply py-10 px-14': {}
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
26
11
|
}
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
'> ul': {
|
|
38
|
-
'@apply py-16 px-24': {}
|
|
39
|
-
},
|
|
40
|
-
'.sk-menu-vertical': {
|
|
41
|
-
'@apply gap-12': {},
|
|
42
|
-
'&-header': {
|
|
43
|
-
'@apply bg-primary-surface': {},
|
|
44
|
-
'@apply rounded-t-button': {},
|
|
45
|
-
'@apply py-20 px-32': {},
|
|
46
|
-
'&, a': {
|
|
47
|
-
'@apply text-light-primary': {}
|
|
48
|
-
},
|
|
49
|
-
'.sk-divider': {
|
|
50
|
-
'@apply border-inverted-divider': {}
|
|
51
|
-
},
|
|
52
|
-
'.sk-logo': {
|
|
53
|
-
'@apply text-light-secondary': {}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
54
22
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
import svgToTinyDataUri from 'mini-svg-data-uri';
|
|
30
|
+
var MenuVerticalNav = function() {
|
|
31
|
+
return {
|
|
32
|
+
'.sk-menu-vertical-nav': {
|
|
33
|
+
'.sk-menu-vertical': {
|
|
34
|
+
'@apply gap-12': {},
|
|
35
|
+
'&.ul, & ul': {
|
|
36
|
+
'@apply pt-12 pr-16 pb-16': {}
|
|
37
|
+
},
|
|
38
|
+
'&-item': {
|
|
39
|
+
'.sk-menu-vertical-item-submenu': {
|
|
40
|
+
'@apply font-bold': {},
|
|
41
|
+
'&-medium': {
|
|
42
|
+
'button, a': {
|
|
43
|
+
'@apply py-6 px-14': {}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
'&-large': {
|
|
47
|
+
'button, a': {
|
|
48
|
+
'@apply text-large': {},
|
|
49
|
+
'@apply py-10 px-14': {}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
66
54
|
}
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
li: {
|
|
70
|
-
'@apply relative -ml-4': {},
|
|
71
|
-
// hook
|
|
72
|
-
'&:before': {
|
|
73
|
-
'@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
|
|
74
|
-
backgroundImage: "url(\"" + svgToDataUri("<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\n </svg>") + "\")",
|
|
75
|
-
backgroundRepeat: 'no-repeat'
|
|
76
|
-
},
|
|
77
|
-
// line
|
|
78
|
-
'&:not(:last-child):after': {
|
|
79
|
-
'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
|
|
80
|
-
backgroundImage: "url(\"" + svgToDataUri("<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n </svg> ") + "\")",
|
|
81
|
-
backgroundRepeat: 'repeat-y'
|
|
82
|
-
},
|
|
83
|
-
// lastline
|
|
84
|
-
'&:last-child:after': {
|
|
85
|
-
'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
|
|
86
|
-
backgroundImage: "url(\"" + svgToDataUri("<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n </svg> ") + "\")",
|
|
87
|
-
backgroundRepeat: 'no-repeat'
|
|
88
|
-
}
|
|
89
55
|
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
'
|
|
96
|
-
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
var MenuVerticalSidebar = function() {
|
|
59
|
+
return {
|
|
60
|
+
'.sk-menu-vertical-sidebar': {
|
|
61
|
+
'@apply rounded-button': {},
|
|
62
|
+
'> ul > li > .sk-menu-vertical-item-submenu': {
|
|
63
|
+
'> .sk-menu-vertical-item-submenu-button': {
|
|
64
|
+
'@apply min-h-52': {}
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
'> ul': {
|
|
68
|
+
'@apply py-16 px-24': {}
|
|
69
|
+
},
|
|
70
|
+
'.sk-menu-vertical': {
|
|
71
|
+
'@apply gap-12': {},
|
|
72
|
+
'&-header': {
|
|
73
|
+
'@apply bg-primary-surface': {},
|
|
74
|
+
'@apply rounded-t-button': {},
|
|
75
|
+
'@apply py-20 px-32': {},
|
|
76
|
+
'&, a': {
|
|
77
|
+
'@apply text-light-primary': {}
|
|
78
|
+
},
|
|
79
|
+
'.sk-divider': {
|
|
80
|
+
'@apply border-inverted-divider': {}
|
|
81
|
+
},
|
|
82
|
+
'.sk-logo': {
|
|
83
|
+
'@apply text-light-secondary': {}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
'&.ul, & ul': {
|
|
87
|
+
'@apply py-8 pl-20 ml-20': {}
|
|
88
|
+
},
|
|
89
|
+
'li ul': {
|
|
90
|
+
'@apply gap-8': {},
|
|
91
|
+
ul: {
|
|
92
|
+
li: {
|
|
93
|
+
'@apply text-small leading-18': {},
|
|
94
|
+
'.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
|
|
95
|
+
'@apply py-6 px-14': {}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
li: {
|
|
100
|
+
'@apply relative -ml-4': {},
|
|
101
|
+
// hook
|
|
102
|
+
'&:before': {
|
|
103
|
+
'@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
|
|
104
|
+
backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" height="52" viewBox="0 0 16 52" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M1 17V17C1 24.1797 6.8203 30 14 30H15" stroke="#B7B7BA" stroke-linecap="round" />\n </svg>'), '")'),
|
|
105
|
+
backgroundRepeat: 'no-repeat'
|
|
106
|
+
},
|
|
107
|
+
// line
|
|
108
|
+
'&:not(:last-child):after': {
|
|
109
|
+
'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
|
|
110
|
+
backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" viewBox="0 0 16 52" xmlns="http://www.w3.org/2000/svg"> \n <line x1="1" y1="0" x2="1" y2="52" stroke="#B7B7BA" stroke-linecap="round" /> \n </svg> '), '")'),
|
|
111
|
+
backgroundRepeat: 'repeat-y'
|
|
112
|
+
},
|
|
113
|
+
// lastline
|
|
114
|
+
'&:last-child:after': {
|
|
115
|
+
'@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
|
|
116
|
+
backgroundImage: 'url("'.concat(svgToTinyDataUri('<svg width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> \n <line x1="1" y1="0" x2="1" y2="17" stroke="#B7B7BA" stroke-linecap="round" /> \n </svg> '), '")'),
|
|
117
|
+
backgroundRepeat: 'no-repeat'
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
'&-item': {
|
|
122
|
+
'.sk-menu-vertical-item-submenu': {
|
|
123
|
+
'&-button': {
|
|
124
|
+
'@apply gap-8': {},
|
|
125
|
+
'&[aria-current="page"], &[aria-current="page"] ~ button': {
|
|
126
|
+
'@apply font-bold': {}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
'> a, > button': {
|
|
131
|
+
'&[aria-current="page"]': {
|
|
132
|
+
'@apply font-bold': {}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
97
136
|
}
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
'> a, > button': {
|
|
101
|
-
'&[aria-current="page"]': {
|
|
102
|
-
'@apply font-bold': {}
|
|
103
|
-
}
|
|
104
137
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
138
|
+
};
|
|
139
|
+
};
|
|
140
|
+
export var MenuVertical = function() {
|
|
141
|
+
return _object_spread({
|
|
142
|
+
'.sk-menu-vertical': {
|
|
143
|
+
'@apply flex flex-col': {},
|
|
144
|
+
'@apply text-base': {},
|
|
145
|
+
'&.hide': {
|
|
146
|
+
'@apply hidden': {}
|
|
147
|
+
},
|
|
148
|
+
'&-backbutton': {
|
|
149
|
+
'@apply flex items-center gap-16 text-lead mb-40': {}
|
|
150
|
+
},
|
|
151
|
+
'&-label': {
|
|
152
|
+
'@apply mb-24': {}
|
|
153
|
+
},
|
|
154
|
+
'&-item': {
|
|
155
|
+
'@apply flex flex-col': {},
|
|
156
|
+
'&.hide': {
|
|
157
|
+
'@apply hidden': {}
|
|
158
|
+
},
|
|
159
|
+
'[aria-disabled="true"]': {
|
|
160
|
+
'@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
|
|
161
|
+
},
|
|
162
|
+
'a, button': {
|
|
163
|
+
'@apply flex': {},
|
|
164
|
+
color: 'unset'
|
|
165
|
+
},
|
|
166
|
+
'& > a, > button': {
|
|
167
|
+
'@apply flex items-center min-h-44': {},
|
|
168
|
+
'&:focus-visible': {
|
|
169
|
+
'@apply outline outline-2 outline-ring': {}
|
|
170
|
+
},
|
|
171
|
+
'> *': {
|
|
172
|
+
'@apply flex w-full py-6 px-14': {},
|
|
173
|
+
'@apply rounded-button cursor-pointer': {}
|
|
174
|
+
},
|
|
175
|
+
'&:not([aria-disabled="true"]) > *': {
|
|
176
|
+
'@apply bg-transparent text-dark-secondary': {}
|
|
177
|
+
},
|
|
178
|
+
'&:hover:not([aria-disabled="true"]) > *': {
|
|
179
|
+
'@apply bg-primitives-overlay-darken-3': {}
|
|
180
|
+
},
|
|
181
|
+
'&[aria-current="page"]:not(:hover) > *': {
|
|
182
|
+
'@apply bg-primary-surface text-light-primary': {},
|
|
183
|
+
'@apply focus-visible:ring': {}
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
'.sk-menu-vertical-item-submenu': {
|
|
187
|
+
'@apply flex justify-between w-full': {},
|
|
188
|
+
'@apply rounded-button': {},
|
|
189
|
+
'&:hover': {
|
|
190
|
+
'> a:not([aria-disabled="true"]), > button:not([aria-disabled="true"]), > a[aria-expanded="true"]:not([aria-disabled="true"]), > button[aria-expanded="true"]:not([aria-disabled="true"])': {
|
|
191
|
+
'@apply text-dark-primary bg-primitives-overlay-darken-3': {}
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
'&:focus-within': {
|
|
195
|
+
'@apply outline outline-2 outline-ring': {},
|
|
196
|
+
'.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
|
|
197
|
+
'&:focus-visible': {
|
|
198
|
+
'@apply ring-0 ring-offset-0 outline-0': {}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
},
|
|
202
|
+
'&-medium': {
|
|
203
|
+
'button, a': {
|
|
204
|
+
'@apply py-6 px-14': {}
|
|
205
|
+
}
|
|
206
|
+
},
|
|
207
|
+
'&-large': {
|
|
208
|
+
'button, a': {
|
|
209
|
+
'@apply py-10 px-14': {}
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
'&-button, &-button-expand': {
|
|
213
|
+
'@apply items-center': {},
|
|
214
|
+
'@apply py-10 px-14': {}
|
|
215
|
+
},
|
|
216
|
+
'&-button-expand': {
|
|
217
|
+
'@apply rounded-r-button rounded-l-0': {}
|
|
218
|
+
},
|
|
219
|
+
'&-button': {
|
|
220
|
+
'@apply text-left grow rounded-l-button rounded-r-0': {},
|
|
221
|
+
'&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
|
|
222
|
+
'@apply bg-primary-surface text-light-primary': {}
|
|
223
|
+
},
|
|
224
|
+
'&[aria-expanded="true"]': {
|
|
225
|
+
'&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
|
|
226
|
+
'@apply bg-vattjom-surface-accent': {}
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
},
|
|
231
|
+
'.sk-menu-vertical-item-tool-item': {
|
|
232
|
+
'@apply flex items-center gap-10 p-6 rounded-groups': {},
|
|
233
|
+
'.sk-avatar': {
|
|
234
|
+
'@apply border-2 border-background-content': {}
|
|
235
|
+
}
|
|
236
|
+
}
|
|
195
237
|
}
|
|
196
|
-
}
|
|
197
238
|
}
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
'.sk-avatar': {
|
|
202
|
-
'@apply border-2 border-background-content': {}
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
}, MenuVerticalNav(), MenuVerticalSidebar());
|
|
239
|
+
}, MenuVerticalNav(), MenuVerticalSidebar());
|
|
240
|
+
};
|
|
241
|
+
|
|
208
242
|
//# sourceMappingURL=menu-vertical.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","_extends","color"],"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["const svgToDataUri = require('mini-svg-data-uri');\r\n\r\nconst MenuVerticalNav = () => ({\r\n '.sk-menu-vertical-nav': {\r\n '.sk-menu-vertical': {\r\n '@apply gap-12': {},\r\n\r\n '&.ul, & ul': {\r\n '@apply pt-12 pr-16 pb-16': {},\r\n },\r\n\r\n '&-item': {\r\n '.sk-menu-vertical-item-submenu': {\r\n '@apply font-bold': {},\r\n\r\n '&-medium': {\r\n 'button, a': {\r\n '@apply py-6 px-14': {},\r\n },\r\n },\r\n '&-large': {\r\n 'button, a': {\r\n '@apply text-large': {},\r\n '@apply py-10 px-14': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nconst MenuVerticalSidebar = () => ({\r\n '.sk-menu-vertical-sidebar': {\r\n '@apply rounded-button': {},\r\n\r\n '> ul > li > .sk-menu-vertical-item-submenu': {\r\n '> .sk-menu-vertical-item-submenu-button': {\r\n '@apply min-h-52': {},\r\n },\r\n },\r\n\r\n '> ul': {\r\n '@apply py-16 px-24': {},\r\n },\r\n\r\n '.sk-menu-vertical': {\r\n '@apply gap-12': {},\r\n\r\n '&-header': {\r\n '@apply bg-primary-surface': {},\r\n\r\n '@apply rounded-t-button': {},\r\n '@apply py-20 px-32': {},\r\n\r\n '&, a': {\r\n '@apply text-light-primary': {},\r\n },\r\n\r\n '.sk-divider': {\r\n '@apply border-inverted-divider': {},\r\n },\r\n\r\n '.sk-logo': {\r\n '@apply text-light-secondary': {},\r\n },\r\n },\r\n\r\n '&.ul, & ul': {\r\n '@apply py-8 pl-20 ml-20': {},\r\n },\r\n\r\n 'li ul': {\r\n '@apply gap-8': {},\r\n\r\n ul: {\r\n li: {\r\n '@apply text-small leading-18': {},\r\n\r\n '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n '@apply py-6 px-14': {},\r\n },\r\n },\r\n },\r\n\r\n li: {\r\n '@apply relative -ml-4': {},\r\n\r\n // hook\r\n '&:before': {\r\n '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\r\n\r\n backgroundImage: `url(\"${svgToDataUri(\r\n `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\r\n </svg>`\r\n )}\")`,\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n\r\n // line\r\n '&:not(:last-child):after': {\r\n '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n backgroundImage: `url(\"${svgToDataUri(\r\n `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n </svg> `\r\n )}\")`,\r\n backgroundRepeat: 'repeat-y',\r\n },\r\n\r\n // lastline\r\n '&:last-child:after': {\r\n '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\r\n\r\n backgroundImage: `url(\"${svgToDataUri(\r\n `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \r\n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \r\n </svg> `\r\n )}\")`,\r\n backgroundRepeat: 'no-repeat',\r\n },\r\n },\r\n },\r\n '&-item': {\r\n '.sk-menu-vertical-item-submenu': {\r\n '&-button': {\r\n '@apply gap-8': {},\r\n\r\n '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\r\n '@apply font-bold': {},\r\n },\r\n },\r\n },\r\n\r\n '> a, > button': {\r\n '&[aria-current=\"page\"]': {\r\n '@apply font-bold': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n\r\nexport const MenuVertical = () => ({\r\n '.sk-menu-vertical': {\r\n '@apply flex flex-col': {},\r\n '@apply text-base': {},\r\n\r\n '&.hide': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '&-backbutton': {\r\n '@apply flex items-center gap-16 text-lead mb-40': {},\r\n },\r\n\r\n '&-label': {\r\n '@apply mb-24': {},\r\n },\r\n\r\n '&-item': {\r\n '@apply flex flex-col': {},\r\n\r\n '&.hide': {\r\n '@apply hidden': {},\r\n },\r\n\r\n '[aria-disabled=\"true\"]': {\r\n '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\r\n {},\r\n },\r\n\r\n 'a, button': {\r\n '@apply flex': {},\r\n color: 'unset',\r\n },\r\n\r\n '& > a, > button': {\r\n '@apply flex items-center min-h-44': {},\r\n\r\n '&:focus-visible': {\r\n '@apply outline outline-2 outline-ring': {},\r\n },\r\n\r\n '> *': {\r\n '@apply flex w-full py-6 px-14': {},\r\n '@apply rounded-button cursor-pointer': {},\r\n },\r\n\r\n '&:not([aria-disabled=\"true\"]) > *': {\r\n '@apply bg-transparent text-dark-secondary': {},\r\n },\r\n\r\n '&:hover:not([aria-disabled=\"true\"]) > *': {\r\n '@apply bg-primitives-overlay-darken-3': {},\r\n },\r\n\r\n '&[aria-current=\"page\"]:not(:hover) > *': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n '@apply focus-visible:ring': {},\r\n },\r\n },\r\n\r\n '.sk-menu-vertical-item-submenu': {\r\n '@apply flex justify-between w-full': {},\r\n '@apply rounded-button': {},\r\n\r\n '&:hover': {\r\n '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\r\n {\r\n '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\r\n },\r\n },\r\n\r\n '&:focus-within': {\r\n '@apply outline outline-2 outline-ring': {},\r\n\r\n '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\r\n '&:focus-visible': {\r\n '@apply ring-0 ring-offset-0 outline-0': {},\r\n },\r\n },\r\n },\r\n\r\n '&-medium': {\r\n 'button, a': {\r\n '@apply py-6 px-14': {},\r\n },\r\n },\r\n '&-large': {\r\n 'button, a': {\r\n '@apply py-10 px-14': {},\r\n },\r\n },\r\n\r\n '&-button, &-button-expand': {\r\n '@apply items-center': {},\r\n '@apply py-10 px-14': {},\r\n },\r\n\r\n '&-button-expand': {\r\n '@apply rounded-r-button rounded-l-0': {},\r\n },\r\n\r\n '&-button': {\r\n '@apply text-left grow rounded-l-button rounded-r-0': {},\r\n\r\n '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\r\n '@apply bg-primary-surface text-light-primary': {},\r\n },\r\n\r\n '&[aria-expanded=\"true\"]': {\r\n '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\r\n {\r\n '@apply bg-vattjom-surface-accent': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.sk-menu-vertical-item-tool-item': {\r\n '@apply flex items-center gap-10 p-6 rounded-groups': {},\r\n\r\n '.sk-avatar': {\r\n '@apply border-2 border-background-content': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n ...MenuVerticalNav(),\r\n ...MenuVerticalSidebar(),\r\n});\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/menu-vertical.ts"],"sourcesContent":["import svgToTinyDataUri from 'mini-svg-data-uri';\n\nconst MenuVerticalNav = () => ({\n '.sk-menu-vertical-nav': {\n '.sk-menu-vertical': {\n '@apply gap-12': {},\n\n '&.ul, & ul': {\n '@apply pt-12 pr-16 pb-16': {},\n },\n\n '&-item': {\n '.sk-menu-vertical-item-submenu': {\n '@apply font-bold': {},\n\n '&-medium': {\n 'button, a': {\n '@apply py-6 px-14': {},\n },\n },\n '&-large': {\n 'button, a': {\n '@apply text-large': {},\n '@apply py-10 px-14': {},\n },\n },\n },\n },\n },\n },\n});\n\nconst MenuVerticalSidebar = () => ({\n '.sk-menu-vertical-sidebar': {\n '@apply rounded-button': {},\n\n '> ul > li > .sk-menu-vertical-item-submenu': {\n '> .sk-menu-vertical-item-submenu-button': {\n '@apply min-h-52': {},\n },\n },\n\n '> ul': {\n '@apply py-16 px-24': {},\n },\n\n '.sk-menu-vertical': {\n '@apply gap-12': {},\n\n '&-header': {\n '@apply bg-primary-surface': {},\n\n '@apply rounded-t-button': {},\n '@apply py-20 px-32': {},\n\n '&, a': {\n '@apply text-light-primary': {},\n },\n\n '.sk-divider': {\n '@apply border-inverted-divider': {},\n },\n\n '.sk-logo': {\n '@apply text-light-secondary': {},\n },\n },\n\n '&.ul, & ul': {\n '@apply py-8 pl-20 ml-20': {},\n },\n\n 'li ul': {\n '@apply gap-8': {},\n\n ul: {\n li: {\n '@apply text-small leading-18': {},\n\n '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n '@apply py-6 px-14': {},\n },\n },\n },\n\n li: {\n '@apply relative -ml-4': {},\n\n // hook\n '&:before': {\n '@apply content-[\"\"] absolute inline-flex w-20 h-44 -top-8 -left-16': {},\n\n backgroundImage: `url(\"${svgToTinyDataUri(\n `<svg width=\"16\" height=\"52\" viewBox=\"0 0 16 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M1 17V17C1 24.1797 6.8203 30 14 30H15\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" />\n </svg>`\n )}\")`,\n backgroundRepeat: 'no-repeat',\n },\n\n // line\n '&:not(:last-child):after': {\n '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n backgroundImage: `url(\"${svgToTinyDataUri(\n `<svg width=\"16\" viewBox=\"0 0 16 52\" xmlns=\"http://www.w3.org/2000/svg\"> \n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"52\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n </svg> `\n )}\")`,\n backgroundRepeat: 'repeat-y',\n },\n\n // lastline\n '&:last-child:after': {\n '@apply content-[\"\"] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},\n\n backgroundImage: `url(\"${svgToTinyDataUri(\n `<svg width=\"16\" height=\"17\" viewBox=\"0 0 16 17\" xmlns=\"http://www.w3.org/2000/svg\"> \n <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"17\" stroke=\"#B7B7BA\" stroke-linecap=\"round\" /> \n </svg> `\n )}\")`,\n backgroundRepeat: 'no-repeat',\n },\n },\n },\n '&-item': {\n '.sk-menu-vertical-item-submenu': {\n '&-button': {\n '@apply gap-8': {},\n\n '&[aria-current=\"page\"], &[aria-current=\"page\"] ~ button': {\n '@apply font-bold': {},\n },\n },\n },\n\n '> a, > button': {\n '&[aria-current=\"page\"]': {\n '@apply font-bold': {},\n },\n },\n },\n },\n },\n});\n\nexport const MenuVertical = () => ({\n '.sk-menu-vertical': {\n '@apply flex flex-col': {},\n '@apply text-base': {},\n\n '&.hide': {\n '@apply hidden': {},\n },\n\n '&-backbutton': {\n '@apply flex items-center gap-16 text-lead mb-40': {},\n },\n\n '&-label': {\n '@apply mb-24': {},\n },\n\n '&-item': {\n '@apply flex flex-col': {},\n\n '&.hide': {\n '@apply hidden': {},\n },\n\n '[aria-disabled=\"true\"]': {\n '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7':\n {},\n },\n\n 'a, button': {\n '@apply flex': {},\n color: 'unset',\n },\n\n '& > a, > button': {\n '@apply flex items-center min-h-44': {},\n\n '&:focus-visible': {\n '@apply outline outline-2 outline-ring': {},\n },\n\n '> *': {\n '@apply flex w-full py-6 px-14': {},\n '@apply rounded-button cursor-pointer': {},\n },\n\n '&:not([aria-disabled=\"true\"]) > *': {\n '@apply bg-transparent text-dark-secondary': {},\n },\n\n '&:hover:not([aria-disabled=\"true\"]) > *': {\n '@apply bg-primitives-overlay-darken-3': {},\n },\n\n '&[aria-current=\"page\"]:not(:hover) > *': {\n '@apply bg-primary-surface text-light-primary': {},\n '@apply focus-visible:ring': {},\n },\n },\n\n '.sk-menu-vertical-item-submenu': {\n '@apply flex justify-between w-full': {},\n '@apply rounded-button': {},\n\n '&:hover': {\n '> a:not([aria-disabled=\"true\"]), > button:not([aria-disabled=\"true\"]), > a[aria-expanded=\"true\"]:not([aria-disabled=\"true\"]), > button[aria-expanded=\"true\"]:not([aria-disabled=\"true\"])':\n {\n '@apply text-dark-primary bg-primitives-overlay-darken-3': {},\n },\n },\n\n '&:focus-within': {\n '@apply outline outline-2 outline-ring': {},\n\n '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {\n '&:focus-visible': {\n '@apply ring-0 ring-offset-0 outline-0': {},\n },\n },\n },\n\n '&-medium': {\n 'button, a': {\n '@apply py-6 px-14': {},\n },\n },\n '&-large': {\n 'button, a': {\n '@apply py-10 px-14': {},\n },\n },\n\n '&-button, &-button-expand': {\n '@apply items-center': {},\n '@apply py-10 px-14': {},\n },\n\n '&-button-expand': {\n '@apply rounded-r-button rounded-l-0': {},\n },\n\n '&-button': {\n '@apply text-left grow rounded-l-button rounded-r-0': {},\n\n '&[aria-current=\"page\"]:not(:hover), &[aria-current=\"page\"]:not(:hover) ~ button:not(:hover)': {\n '@apply bg-primary-surface text-light-primary': {},\n },\n\n '&[aria-expanded=\"true\"]': {\n '&:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]), &:not(:hover,[aria-current=\"page\"],[aria-disabled=\"true\"]) ~ button:not(:hover)':\n {\n '@apply bg-vattjom-surface-accent': {},\n },\n },\n },\n },\n\n '.sk-menu-vertical-item-tool-item': {\n '@apply flex items-center gap-10 p-6 rounded-groups': {},\n\n '.sk-avatar': {\n '@apply border-2 border-background-content': {},\n },\n },\n },\n },\n\n ...MenuVerticalNav(),\n ...MenuVerticalSidebar(),\n});\n"],"names":["svgToTinyDataUri","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","color"],"mappings":"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"}
|