@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.
Files changed (287) hide show
  1. package/dist/cjs/aria-plugin.js +98 -43
  2. package/dist/cjs/aria-plugin.js.map +1 -1
  3. package/dist/cjs/base.js +55 -48
  4. package/dist/cjs/base.js.map +1 -1
  5. package/dist/cjs/colors.js +676 -599
  6. package/dist/cjs/colors.js.map +1 -1
  7. package/dist/cjs/components/accordion.js +203 -196
  8. package/dist/cjs/components/accordion.js.map +1 -1
  9. package/dist/cjs/components/ai/ai-corner-module.js +335 -278
  10. package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
  11. package/dist/cjs/components/ai/ai-feed.js +70 -63
  12. package/dist/cjs/components/ai/ai-feed.js.map +1 -1
  13. package/dist/cjs/components/ai/ai-service-module.js +218 -160
  14. package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
  15. package/dist/cjs/components/ai/assistant-presentation.js +62 -55
  16. package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
  17. package/dist/cjs/components/ai/assistant-switch.js +54 -47
  18. package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
  19. package/dist/cjs/components/ai/bubble.js +123 -66
  20. package/dist/cjs/components/ai/bubble.js.map +1 -1
  21. package/dist/cjs/components/ai/feedback.js +37 -30
  22. package/dist/cjs/components/ai/feedback.js.map +1 -1
  23. package/dist/cjs/components/ai/input-section.js +31 -24
  24. package/dist/cjs/components/ai/input-section.js.map +1 -1
  25. package/dist/cjs/components/ai/markdown-rendered.js +30 -23
  26. package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
  27. package/dist/cjs/components/ai/new-session-button.js +26 -19
  28. package/dist/cjs/components/ai/new-session-button.js.map +1 -1
  29. package/dist/cjs/components/ai/typing-bubble.js +28 -21
  30. package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
  31. package/dist/cjs/components/ai/typing-sequence.js +87 -30
  32. package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
  33. package/dist/cjs/components/avatar.js +101 -43
  34. package/dist/cjs/components/avatar.js.map +1 -1
  35. package/dist/cjs/components/badge.js +90 -32
  36. package/dist/cjs/components/badge.js.map +1 -1
  37. package/dist/cjs/components/breadcrumb.js +47 -27
  38. package/dist/cjs/components/breadcrumb.js.map +1 -1
  39. package/dist/cjs/components/button-group.js +35 -28
  40. package/dist/cjs/components/button-group.js.map +1 -1
  41. package/dist/cjs/components/button.js +290 -237
  42. package/dist/cjs/components/button.js.map +1 -1
  43. package/dist/cjs/components/callout.js +92 -35
  44. package/dist/cjs/components/callout.js.map +1 -1
  45. package/dist/cjs/components/card.js +273 -209
  46. package/dist/cjs/components/card.js.map +1 -1
  47. package/dist/cjs/components/checkbox.js +137 -113
  48. package/dist/cjs/components/checkbox.js.map +1 -1
  49. package/dist/cjs/components/chip.js +47 -40
  50. package/dist/cjs/components/chip.js.map +1 -1
  51. package/dist/cjs/components/code.js +19 -12
  52. package/dist/cjs/components/code.js.map +1 -1
  53. package/dist/cjs/components/combobox.js +97 -91
  54. package/dist/cjs/components/combobox.js.map +1 -1
  55. package/dist/cjs/components/cookie-consent.js +51 -46
  56. package/dist/cjs/components/cookie-consent.js.map +1 -1
  57. package/dist/cjs/components/dialog.js +78 -21
  58. package/dist/cjs/components/dialog.js.map +1 -1
  59. package/dist/cjs/components/divider.js +60 -53
  60. package/dist/cjs/components/divider.js.map +1 -1
  61. package/dist/cjs/components/dot.js +111 -56
  62. package/dist/cjs/components/dot.js.map +1 -1
  63. package/dist/cjs/components/file-upload.js +221 -214
  64. package/dist/cjs/components/file-upload.js.map +1 -1
  65. package/dist/cjs/components/filter.js +24 -17
  66. package/dist/cjs/components/filter.js.map +1 -1
  67. package/dist/cjs/components/footer.js +41 -34
  68. package/dist/cjs/components/footer.js.map +1 -1
  69. package/dist/cjs/components/forms.js +34 -27
  70. package/dist/cjs/components/forms.js.map +1 -1
  71. package/dist/cjs/components/header.js +38 -31
  72. package/dist/cjs/components/header.js.map +1 -1
  73. package/dist/cjs/components/icon.js +113 -55
  74. package/dist/cjs/components/icon.js.map +1 -1
  75. package/dist/cjs/components/input.js +285 -219
  76. package/dist/cjs/components/input.js.map +1 -1
  77. package/dist/cjs/components/kbd.js +17 -12
  78. package/dist/cjs/components/kbd.js.map +1 -1
  79. package/dist/cjs/components/label.js +93 -35
  80. package/dist/cjs/components/label.js.map +1 -1
  81. package/dist/cjs/components/link.js +59 -52
  82. package/dist/cjs/components/link.js.map +1 -1
  83. package/dist/cjs/components/list.js +63 -56
  84. package/dist/cjs/components/list.js.map +1 -1
  85. package/dist/cjs/components/logo.js +58 -51
  86. package/dist/cjs/components/logo.js.map +1 -1
  87. package/dist/cjs/components/menu-vertical.js +243 -204
  88. package/dist/cjs/components/menu-vertical.js.map +1 -1
  89. package/dist/cjs/components/menubar.js +100 -42
  90. package/dist/cjs/components/menubar.js.map +1 -1
  91. package/dist/cjs/components/modal.js +58 -51
  92. package/dist/cjs/components/modal.js.map +1 -1
  93. package/dist/cjs/components/pagination.js +108 -101
  94. package/dist/cjs/components/pagination.js.map +1 -1
  95. package/dist/cjs/components/popup-menu.js +148 -144
  96. package/dist/cjs/components/popup-menu.js.map +1 -1
  97. package/dist/cjs/components/progress-bar.js +80 -24
  98. package/dist/cjs/components/progress-bar.js.map +1 -1
  99. package/dist/cjs/components/progress-stepper.js +80 -73
  100. package/dist/cjs/components/progress-stepper.js.map +1 -1
  101. package/dist/cjs/components/radio.js +140 -134
  102. package/dist/cjs/components/radio.js.map +1 -1
  103. package/dist/cjs/components/search-field.js +44 -37
  104. package/dist/cjs/components/search-field.js.map +1 -1
  105. package/dist/cjs/components/select.js +256 -182
  106. package/dist/cjs/components/select.js.map +1 -1
  107. package/dist/cjs/components/snackbar.js +40 -33
  108. package/dist/cjs/components/snackbar.js.map +1 -1
  109. package/dist/cjs/components/spinner.js +80 -23
  110. package/dist/cjs/components/spinner.js.map +1 -1
  111. package/dist/cjs/components/switch.js +89 -66
  112. package/dist/cjs/components/switch.js.map +1 -1
  113. package/dist/cjs/components/table.js +297 -236
  114. package/dist/cjs/components/table.js.map +1 -1
  115. package/dist/cjs/components/tabs.js +124 -16
  116. package/dist/cjs/components/tabs.js.map +1 -1
  117. package/dist/cjs/components/tooltip.js +68 -61
  118. package/dist/cjs/components/tooltip.js.map +1 -1
  119. package/dist/cjs/components/user-menu.js +24 -17
  120. package/dist/cjs/components/user-menu.js.map +1 -1
  121. package/dist/cjs/components.js +377 -177
  122. package/dist/cjs/components.js.map +1 -1
  123. package/dist/cjs/data-plugin.js +64 -26
  124. package/dist/cjs/data-plugin.js.map +1 -1
  125. package/dist/cjs/fonts.js +17 -10
  126. package/dist/cjs/fonts.js.map +1 -1
  127. package/dist/cjs/index.js +36 -12
  128. package/dist/cjs/index.js.map +1 -1
  129. package/dist/cjs/plugin.js +136 -54
  130. package/dist/cjs/plugin.js.map +1 -1
  131. package/dist/cjs/preset.js +161 -25
  132. package/dist/cjs/preset.js.map +1 -1
  133. package/dist/cjs/theme.js +198 -137
  134. package/dist/cjs/theme.js.map +1 -1
  135. package/dist/cjs/units.js +412 -288
  136. package/dist/cjs/units.js.map +1 -1
  137. package/dist/cjs/with-opacity.js +16 -9
  138. package/dist/cjs/with-opacity.js.map +1 -1
  139. package/dist/esm/aria-plugin.js +83 -38
  140. package/dist/esm/aria-plugin.js.map +1 -1
  141. package/dist/esm/base.js +45 -44
  142. package/dist/esm/base.js.map +1 -1
  143. package/dist/esm/colors.js +667 -596
  144. package/dist/esm/colors.js.map +1 -1
  145. package/dist/esm/components/accordion.js +198 -195
  146. package/dist/esm/components/accordion.js.map +1 -1
  147. package/dist/esm/components/ai/ai-corner-module.js +327 -275
  148. package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
  149. package/dist/esm/components/ai/ai-feed.js +63 -60
  150. package/dist/esm/components/ai/ai-feed.js.map +1 -1
  151. package/dist/esm/components/ai/ai-service-module.js +211 -167
  152. package/dist/esm/components/ai/ai-service-module.js.map +1 -1
  153. package/dist/esm/components/ai/assistant-presentation.js +54 -51
  154. package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
  155. package/dist/esm/components/ai/assistant-switch.js +47 -44
  156. package/dist/esm/components/ai/assistant-switch.js.map +1 -1
  157. package/dist/esm/components/ai/bubble.js +112 -82
  158. package/dist/esm/components/ai/bubble.js.map +1 -1
  159. package/dist/esm/components/ai/feedback.js +29 -26
  160. package/dist/esm/components/ai/feedback.js.map +1 -1
  161. package/dist/esm/components/ai/input-section.js +24 -21
  162. package/dist/esm/components/ai/input-section.js.map +1 -1
  163. package/dist/esm/components/ai/markdown-rendered.js +23 -20
  164. package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
  165. package/dist/esm/components/ai/new-session-button.js +19 -16
  166. package/dist/esm/components/ai/new-session-button.js.map +1 -1
  167. package/dist/esm/components/ai/typing-bubble.js +21 -18
  168. package/dist/esm/components/ai/typing-bubble.js.map +1 -1
  169. package/dist/esm/components/ai/typing-sequence.js +80 -32
  170. package/dist/esm/components/ai/typing-sequence.js.map +1 -1
  171. package/dist/esm/components/avatar.js +91 -41
  172. package/dist/esm/components/avatar.js.map +1 -1
  173. package/dist/esm/components/badge.js +80 -29
  174. package/dist/esm/components/badge.js.map +1 -1
  175. package/dist/esm/components/breadcrumb.js +38 -27
  176. package/dist/esm/components/breadcrumb.js.map +1 -1
  177. package/dist/esm/components/button-group.js +28 -25
  178. package/dist/esm/components/button-group.js.map +1 -1
  179. package/dist/esm/components/button.js +283 -255
  180. package/dist/esm/components/button.js.map +1 -1
  181. package/dist/esm/components/callout.js +82 -31
  182. package/dist/esm/components/callout.js.map +1 -1
  183. package/dist/esm/components/card.js +262 -235
  184. package/dist/esm/components/card.js.map +1 -1
  185. package/dist/esm/components/checkbox.js +130 -110
  186. package/dist/esm/components/checkbox.js.map +1 -1
  187. package/dist/esm/components/chip.js +40 -37
  188. package/dist/esm/components/chip.js.map +1 -1
  189. package/dist/esm/components/code.js +12 -9
  190. package/dist/esm/components/code.js.map +1 -1
  191. package/dist/esm/components/combobox.js +89 -87
  192. package/dist/esm/components/combobox.js.map +1 -1
  193. package/dist/esm/components/cookie-consent.js +43 -42
  194. package/dist/esm/components/cookie-consent.js.map +1 -1
  195. package/dist/esm/components/dialog.js +70 -18
  196. package/dist/esm/components/dialog.js.map +1 -1
  197. package/dist/esm/components/divider.js +52 -49
  198. package/dist/esm/components/divider.js.map +1 -1
  199. package/dist/esm/components/dot.js +104 -56
  200. package/dist/esm/components/dot.js.map +1 -1
  201. package/dist/esm/components/file-upload.js +214 -211
  202. package/dist/esm/components/file-upload.js.map +1 -1
  203. package/dist/esm/components/filter.js +17 -14
  204. package/dist/esm/components/filter.js.map +1 -1
  205. package/dist/esm/components/footer.js +33 -30
  206. package/dist/esm/components/footer.js.map +1 -1
  207. package/dist/esm/components/forms.js +27 -24
  208. package/dist/esm/components/forms.js.map +1 -1
  209. package/dist/esm/components/header.js +31 -28
  210. package/dist/esm/components/header.js.map +1 -1
  211. package/dist/esm/components/icon.js +103 -54
  212. package/dist/esm/components/icon.js.map +1 -1
  213. package/dist/esm/components/input.js +278 -216
  214. package/dist/esm/components/input.js.map +1 -1
  215. package/dist/esm/components/kbd.js +10 -9
  216. package/dist/esm/components/kbd.js.map +1 -1
  217. package/dist/esm/components/label.js +83 -35
  218. package/dist/esm/components/label.js.map +1 -1
  219. package/dist/esm/components/link.js +52 -49
  220. package/dist/esm/components/link.js.map +1 -1
  221. package/dist/esm/components/list.js +55 -52
  222. package/dist/esm/components/list.js.map +1 -1
  223. package/dist/esm/components/logo.js +51 -48
  224. package/dist/esm/components/logo.js.map +1 -1
  225. package/dist/esm/components/menu-vertical.js +233 -199
  226. package/dist/esm/components/menu-vertical.js.map +1 -1
  227. package/dist/esm/components/menubar.js +92 -45
  228. package/dist/esm/components/menubar.js.map +1 -1
  229. package/dist/esm/components/modal.js +50 -47
  230. package/dist/esm/components/modal.js.map +1 -1
  231. package/dist/esm/components/pagination.js +101 -98
  232. package/dist/esm/components/pagination.js.map +1 -1
  233. package/dist/esm/components/popup-menu.js +142 -142
  234. package/dist/esm/components/popup-menu.js.map +1 -1
  235. package/dist/esm/components/progress-bar.js +69 -21
  236. package/dist/esm/components/progress-bar.js.map +1 -1
  237. package/dist/esm/components/progress-stepper.js +72 -69
  238. package/dist/esm/components/progress-stepper.js.map +1 -1
  239. package/dist/esm/components/radio.js +132 -130
  240. package/dist/esm/components/radio.js.map +1 -1
  241. package/dist/esm/components/search-field.js +37 -34
  242. package/dist/esm/components/search-field.js.map +1 -1
  243. package/dist/esm/components/select.js +250 -180
  244. package/dist/esm/components/select.js.map +1 -1
  245. package/dist/esm/components/snackbar.js +33 -30
  246. package/dist/esm/components/snackbar.js.map +1 -1
  247. package/dist/esm/components/spinner.js +70 -18
  248. package/dist/esm/components/spinner.js.map +1 -1
  249. package/dist/esm/components/switch.js +80 -70
  250. package/dist/esm/components/switch.js.map +1 -1
  251. package/dist/esm/components/table.js +292 -236
  252. package/dist/esm/components/table.js.map +1 -1
  253. package/dist/esm/components/tabs.js +118 -14
  254. package/dist/esm/components/tabs.js.map +1 -1
  255. package/dist/esm/components/tooltip.js +61 -58
  256. package/dist/esm/components/tooltip.js.map +1 -1
  257. package/dist/esm/components/user-menu.js +17 -14
  258. package/dist/esm/components/user-menu.js.map +1 -1
  259. package/dist/esm/components.js +404 -206
  260. package/dist/esm/components.js.map +1 -1
  261. package/dist/esm/data-plugin.js +49 -23
  262. package/dist/esm/data-plugin.js.map +1 -1
  263. package/dist/esm/fonts.js +7 -6
  264. package/dist/esm/fonts.js.map +1 -1
  265. package/dist/esm/index.js +5 -4
  266. package/dist/esm/index.js.map +1 -1
  267. package/dist/esm/plugin.js +114 -46
  268. package/dist/esm/plugin.js.map +1 -1
  269. package/dist/esm/preset.js +104 -17
  270. package/dist/esm/preset.js.map +1 -1
  271. package/dist/esm/theme.js +187 -139
  272. package/dist/esm/theme.js.map +1 -1
  273. package/dist/esm/units.js +402 -284
  274. package/dist/esm/units.js.map +1 -1
  275. package/dist/esm/with-opacity.js +6 -7
  276. package/dist/esm/with-opacity.js.map +1 -1
  277. package/dist/types/colors.d.ts +70 -0
  278. package/dist/types/components/checkbox.d.ts +23 -7
  279. package/dist/types/components/combobox.d.ts +1 -2
  280. package/dist/types/components/input.d.ts +29 -34
  281. package/dist/types/components/popup-menu.d.ts +3 -6
  282. package/dist/types/components/radio.d.ts +27 -29
  283. package/dist/types/components/select.d.ts +24 -23
  284. package/dist/types/components/switch.d.ts +9 -8
  285. package/dist/types/components/tabs.d.ts +45 -3
  286. package/dist/types/preset.d.ts +1 -1
  287. package/package.json +17 -14
@@ -1,208 +1,242 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- var svgToDataUri = require('mini-svg-data-uri');
3
- var MenuVerticalNav = () => ({
4
- '.sk-menu-vertical-nav': {
5
- '.sk-menu-vertical': {
6
- '@apply gap-12': {},
7
- '&.ul, & ul': {
8
- '@apply pt-12 pr-16 pb-16': {}
9
- },
10
- '&-item': {
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
- var MenuVerticalSidebar = () => ({
30
- '.sk-menu-vertical-sidebar': {
31
- '@apply rounded-button': {},
32
- '> ul > li > .sk-menu-vertical-item-submenu': {
33
- '> .sk-menu-vertical-item-submenu-button': {
34
- '@apply min-h-52': {}
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
- '&.ul, & ul': {
57
- '@apply py-8 pl-20 ml-20': {}
58
- },
59
- 'li ul': {
60
- '@apply gap-8': {},
61
- ul: {
62
- li: {
63
- '@apply text-small leading-18': {},
64
- '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
65
- '@apply py-6 px-14': {}
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
- '&-item': {
92
- '.sk-menu-vertical-item-submenu': {
93
- '&-button': {
94
- '@apply gap-8': {},
95
- '&[aria-current="page"], &[aria-current="page"] ~ button': {
96
- '@apply font-bold': {}
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
- export var MenuVertical = () => _extends({
110
- '.sk-menu-vertical': {
111
- '@apply flex flex-col': {},
112
- '@apply text-base': {},
113
- '&.hide': {
114
- '@apply hidden': {}
115
- },
116
- '&-backbutton': {
117
- '@apply flex items-center gap-16 text-lead mb-40': {}
118
- },
119
- '&-label': {
120
- '@apply mb-24': {}
121
- },
122
- '&-item': {
123
- '@apply flex flex-col': {},
124
- '&.hide': {
125
- '@apply hidden': {}
126
- },
127
- '[aria-disabled="true"]': {
128
- '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
129
- },
130
- 'a, button': {
131
- '@apply flex': {},
132
- color: 'unset'
133
- },
134
- '& > a, > button': {
135
- '@apply flex items-center min-h-44': {},
136
- '&:focus-visible': {
137
- '@apply outline outline-2 outline-ring': {}
138
- },
139
- '> *': {
140
- '@apply flex w-full py-6 px-14': {},
141
- '@apply rounded-button cursor-pointer': {}
142
- },
143
- '&:not([aria-disabled="true"]) > *': {
144
- '@apply bg-transparent text-dark-secondary': {}
145
- },
146
- '&:hover:not([aria-disabled="true"]) > *': {
147
- '@apply bg-primitives-overlay-darken-3': {}
148
- },
149
- '&[aria-current="page"]:not(:hover) > *': {
150
- '@apply bg-primary-surface text-light-primary': {},
151
- '@apply focus-visible:ring': {}
152
- }
153
- },
154
- '.sk-menu-vertical-item-submenu': {
155
- '@apply flex justify-between w-full': {},
156
- '@apply rounded-button': {},
157
- '&:hover': {
158
- '> 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"])': {
159
- '@apply text-dark-primary bg-primitives-overlay-darken-3': {}
160
- }
161
- },
162
- '&:focus-within': {
163
- '@apply outline outline-2 outline-ring': {},
164
- '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
165
- '&:focus-visible': {
166
- '@apply ring-0 ring-offset-0 outline-0': {}
167
- }
168
- }
169
- },
170
- '&-medium': {
171
- 'button, a': {
172
- '@apply py-6 px-14': {}
173
- }
174
- },
175
- '&-large': {
176
- 'button, a': {
177
- '@apply py-10 px-14': {}
178
- }
179
- },
180
- '&-button, &-button-expand': {
181
- '@apply items-center': {},
182
- '@apply py-10 px-14': {}
183
- },
184
- '&-button-expand': {
185
- '@apply rounded-r-button rounded-l-0': {}
186
- },
187
- '&-button': {
188
- '@apply text-left grow rounded-l-button rounded-r-0': {},
189
- '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
190
- '@apply bg-primary-surface text-light-primary': {}
191
- },
192
- '&[aria-expanded="true"]': {
193
- '&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
194
- '@apply bg-vattjom-surface-accent': {}
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
- '.sk-menu-vertical-item-tool-item': {
200
- '@apply flex items-center gap-10 p-6 rounded-groups': {},
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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"}