@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,218 +1,257 @@
1
1
  "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.MenuVertical = void 0;
5
- 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); }
6
- var svgToDataUri = require('mini-svg-data-uri');
7
- var MenuVerticalNav = function MenuVerticalNav() {
8
- return {
9
- '.sk-menu-vertical-nav': {
10
- '.sk-menu-vertical': {
11
- '@apply gap-12': {},
12
- '&.ul, & ul': {
13
- '@apply pt-12 pr-16 pb-16': {}
14
- },
15
- '&-item': {
16
- '.sk-menu-vertical-item-submenu': {
17
- '@apply font-bold': {},
18
- '&-medium': {
19
- 'button, a': {
20
- '@apply py-6 px-14': {}
21
- }
22
- },
23
- '&-large': {
24
- 'button, a': {
25
- '@apply text-large': {},
26
- '@apply py-10 px-14': {}
27
- }
28
- }
29
- }
30
- }
31
- }
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "MenuVertical", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return MenuVertical;
32
9
  }
33
- };
34
- };
35
- var MenuVerticalSidebar = function MenuVerticalSidebar() {
36
- return {
37
- '.sk-menu-vertical-sidebar': {
38
- '@apply rounded-button': {},
39
- '> ul > li > .sk-menu-vertical-item-submenu': {
40
- '> .sk-menu-vertical-item-submenu-button': {
41
- '@apply min-h-52': {}
10
+ });
11
+ var _minisvgdatauri = /*#__PURE__*/ _interop_require_default(require("mini-svg-data-uri"));
12
+ function _define_property(obj, key, value) {
13
+ if (key in obj) {
14
+ Object.defineProperty(obj, key, {
15
+ value: value,
16
+ enumerable: true,
17
+ configurable: true,
18
+ writable: true
19
+ });
20
+ } else {
21
+ obj[key] = value;
22
+ }
23
+ return obj;
24
+ }
25
+ function _interop_require_default(obj) {
26
+ return obj && obj.__esModule ? obj : {
27
+ default: obj
28
+ };
29
+ }
30
+ function _object_spread(target) {
31
+ for(var i = 1; i < arguments.length; i++){
32
+ var source = arguments[i] != null ? arguments[i] : {};
33
+ var ownKeys = Object.keys(source);
34
+ if (typeof Object.getOwnPropertySymbols === "function") {
35
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
36
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
37
+ }));
42
38
  }
43
- },
44
- '> ul': {
45
- '@apply py-16 px-24': {}
46
- },
47
- '.sk-menu-vertical': {
48
- '@apply gap-12': {},
49
- '&-header': {
50
- '@apply bg-primary-surface': {},
51
- '@apply rounded-t-button': {},
52
- '@apply py-20 px-32': {},
53
- '&, a': {
54
- '@apply text-light-primary': {}
55
- },
56
- '.sk-divider': {
57
- '@apply border-inverted-divider': {}
58
- },
59
- '.sk-logo': {
60
- '@apply text-light-secondary': {}
61
- }
62
- },
63
- '&.ul, & ul': {
64
- '@apply py-8 pl-20 ml-20': {}
65
- },
66
- 'li ul': {
67
- '@apply gap-8': {},
68
- ul: {
69
- li: {
70
- '@apply text-small leading-18': {},
71
- '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
72
- '@apply py-6 px-14': {}
73
- }
39
+ ownKeys.forEach(function(key) {
40
+ _define_property(target, key, source[key]);
41
+ });
42
+ }
43
+ return target;
44
+ }
45
+ var MenuVerticalNav = function() {
46
+ return {
47
+ '.sk-menu-vertical-nav': {
48
+ '.sk-menu-vertical': {
49
+ '@apply gap-12': {},
50
+ '&.ul, & ul': {
51
+ '@apply pt-12 pr-16 pb-16': {}
52
+ },
53
+ '&-item': {
54
+ '.sk-menu-vertical-item-submenu': {
55
+ '@apply font-bold': {},
56
+ '&-medium': {
57
+ 'button, a': {
58
+ '@apply py-6 px-14': {}
59
+ }
60
+ },
61
+ '&-large': {
62
+ 'button, a': {
63
+ '@apply text-large': {},
64
+ '@apply py-10 px-14': {}
65
+ }
66
+ }
67
+ }
68
+ }
74
69
  }
75
- },
76
- li: {
77
- '@apply relative -ml-4': {},
78
- // hook
79
- '&:before': {
80
- '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
81
- 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>") + "\")",
82
- backgroundRepeat: 'no-repeat'
70
+ }
71
+ };
72
+ };
73
+ var MenuVerticalSidebar = function() {
74
+ return {
75
+ '.sk-menu-vertical-sidebar': {
76
+ '@apply rounded-button': {},
77
+ '> ul > li > .sk-menu-vertical-item-submenu': {
78
+ '> .sk-menu-vertical-item-submenu-button': {
79
+ '@apply min-h-52': {}
80
+ }
83
81
  },
84
- // line
85
- '&:not(:last-child):after': {
86
- '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
87
- 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> ") + "\")",
88
- backgroundRepeat: 'repeat-y'
82
+ '> ul': {
83
+ '@apply py-16 px-24': {}
89
84
  },
90
- // lastline
91
- '&:last-child:after': {
92
- '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
93
- 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> ") + "\")",
94
- backgroundRepeat: 'no-repeat'
95
- }
96
- }
97
- },
98
- '&-item': {
99
- '.sk-menu-vertical-item-submenu': {
100
- '&-button': {
101
- '@apply gap-8': {},
102
- '&[aria-current="page"], &[aria-current="page"] ~ button': {
103
- '@apply font-bold': {}
104
- }
85
+ '.sk-menu-vertical': {
86
+ '@apply gap-12': {},
87
+ '&-header': {
88
+ '@apply bg-primary-surface': {},
89
+ '@apply rounded-t-button': {},
90
+ '@apply py-20 px-32': {},
91
+ '&, a': {
92
+ '@apply text-light-primary': {}
93
+ },
94
+ '.sk-divider': {
95
+ '@apply border-inverted-divider': {}
96
+ },
97
+ '.sk-logo': {
98
+ '@apply text-light-secondary': {}
99
+ }
100
+ },
101
+ '&.ul, & ul': {
102
+ '@apply py-8 pl-20 ml-20': {}
103
+ },
104
+ 'li ul': {
105
+ '@apply gap-8': {},
106
+ ul: {
107
+ li: {
108
+ '@apply text-small leading-18': {},
109
+ '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
110
+ '@apply py-6 px-14': {}
111
+ }
112
+ }
113
+ },
114
+ li: {
115
+ '@apply relative -ml-4': {},
116
+ // hook
117
+ '&:before': {
118
+ '@apply content-[""] absolute inline-flex w-20 h-44 -top-8 -left-16': {},
119
+ backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<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>'), '")'),
120
+ backgroundRepeat: 'no-repeat'
121
+ },
122
+ // line
123
+ '&:not(:last-child):after': {
124
+ '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
125
+ backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<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> '), '")'),
126
+ backgroundRepeat: 'repeat-y'
127
+ },
128
+ // lastline
129
+ '&:last-child:after': {
130
+ '@apply content-[""] absolute inline-flex w-20 -top-8 bottom-0 -left-16': {},
131
+ backgroundImage: 'url("'.concat((0, _minisvgdatauri.default)('<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> '), '")'),
132
+ backgroundRepeat: 'no-repeat'
133
+ }
134
+ }
135
+ },
136
+ '&-item': {
137
+ '.sk-menu-vertical-item-submenu': {
138
+ '&-button': {
139
+ '@apply gap-8': {},
140
+ '&[aria-current="page"], &[aria-current="page"] ~ button': {
141
+ '@apply font-bold': {}
142
+ }
143
+ }
144
+ },
145
+ '> a, > button': {
146
+ '&[aria-current="page"]': {
147
+ '@apply font-bold': {}
148
+ }
149
+ }
150
+ }
105
151
  }
106
- },
107
- '> a, > button': {
108
- '&[aria-current="page"]': {
109
- '@apply font-bold': {}
110
- }
111
- }
112
152
  }
113
- }
114
- }
115
- };
153
+ };
116
154
  };
117
- var MenuVertical = exports.MenuVertical = function MenuVertical() {
118
- return _extends({
119
- '.sk-menu-vertical': {
120
- '@apply flex flex-col': {},
121
- '@apply text-base': {},
122
- '&.hide': {
123
- '@apply hidden': {}
124
- },
125
- '&-backbutton': {
126
- '@apply flex items-center gap-16 text-lead mb-40': {}
127
- },
128
- '&-label': {
129
- '@apply mb-24': {}
130
- },
131
- '&-item': {
132
- '@apply flex flex-col': {},
133
- '&.hide': {
134
- '@apply hidden': {}
135
- },
136
- '[aria-disabled="true"]': {
137
- '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
138
- },
139
- 'a, button': {
140
- '@apply flex': {},
141
- color: 'unset'
142
- },
143
- '& > a, > button': {
144
- '@apply flex items-center min-h-44': {},
145
- '&:focus-visible': {
146
- '@apply outline outline-2 outline-ring': {}
147
- },
148
- '> *': {
149
- '@apply flex w-full py-6 px-14': {},
150
- '@apply rounded-button cursor-pointer': {}
151
- },
152
- '&:not([aria-disabled="true"]) > *': {
153
- '@apply bg-transparent text-dark-secondary': {}
154
- },
155
- '&:hover:not([aria-disabled="true"]) > *': {
156
- '@apply bg-primitives-overlay-darken-3': {}
157
- },
158
- '&[aria-current="page"]:not(:hover) > *': {
159
- '@apply bg-primary-surface text-light-primary': {},
160
- '@apply focus-visible:ring': {}
161
- }
162
- },
163
- '.sk-menu-vertical-item-submenu': {
164
- '@apply flex justify-between w-full': {},
165
- '@apply rounded-button': {},
166
- '&:hover': {
167
- '> 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"])': {
168
- '@apply text-dark-primary bg-primitives-overlay-darken-3': {}
169
- }
170
- },
171
- '&:focus-within': {
172
- '@apply outline outline-2 outline-ring': {},
173
- '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
174
- '&:focus-visible': {
175
- '@apply ring-0 ring-offset-0 outline-0': {}
176
- }
177
- }
178
- },
179
- '&-medium': {
180
- 'button, a': {
181
- '@apply py-6 px-14': {}
182
- }
183
- },
184
- '&-large': {
185
- 'button, a': {
186
- '@apply py-10 px-14': {}
187
- }
188
- },
189
- '&-button, &-button-expand': {
190
- '@apply items-center': {},
191
- '@apply py-10 px-14': {}
192
- },
193
- '&-button-expand': {
194
- '@apply rounded-r-button rounded-l-0': {}
195
- },
196
- '&-button': {
197
- '@apply text-left grow rounded-l-button rounded-r-0': {},
198
- '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
199
- '@apply bg-primary-surface text-light-primary': {}
155
+ var MenuVertical = function() {
156
+ return _object_spread({
157
+ '.sk-menu-vertical': {
158
+ '@apply flex flex-col': {},
159
+ '@apply text-base': {},
160
+ '&.hide': {
161
+ '@apply hidden': {}
162
+ },
163
+ '&-backbutton': {
164
+ '@apply flex items-center gap-16 text-lead mb-40': {}
165
+ },
166
+ '&-label': {
167
+ '@apply mb-24': {}
200
168
  },
201
- '&[aria-expanded="true"]': {
202
- '&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
203
- '@apply bg-vattjom-surface-accent': {}
204
- }
169
+ '&-item': {
170
+ '@apply flex flex-col': {},
171
+ '&.hide': {
172
+ '@apply hidden': {}
173
+ },
174
+ '[aria-disabled="true"]': {
175
+ '@apply cursor-default bg-transparent text-primitives-overlay-darken-6 dark:text-primitives-overlay-lighten-7': {}
176
+ },
177
+ 'a, button': {
178
+ '@apply flex': {},
179
+ color: 'unset'
180
+ },
181
+ '& > a, > button': {
182
+ '@apply flex items-center min-h-44': {},
183
+ '&:focus-visible': {
184
+ '@apply outline outline-2 outline-ring': {}
185
+ },
186
+ '> *': {
187
+ '@apply flex w-full py-6 px-14': {},
188
+ '@apply rounded-button cursor-pointer': {}
189
+ },
190
+ '&:not([aria-disabled="true"]) > *': {
191
+ '@apply bg-transparent text-dark-secondary': {}
192
+ },
193
+ '&:hover:not([aria-disabled="true"]) > *': {
194
+ '@apply bg-primitives-overlay-darken-3': {}
195
+ },
196
+ '&[aria-current="page"]:not(:hover) > *': {
197
+ '@apply bg-primary-surface text-light-primary': {},
198
+ '@apply focus-visible:ring': {}
199
+ }
200
+ },
201
+ '.sk-menu-vertical-item-submenu': {
202
+ '@apply flex justify-between w-full': {},
203
+ '@apply rounded-button': {},
204
+ '&:hover': {
205
+ '> 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"])': {
206
+ '@apply text-dark-primary bg-primitives-overlay-darken-3': {}
207
+ }
208
+ },
209
+ '&:focus-within': {
210
+ '@apply outline outline-2 outline-ring': {},
211
+ '.sk-menu-vertical-item-submenu-button, .sk-menu-vertical-item-submenu-button-expand': {
212
+ '&:focus-visible': {
213
+ '@apply ring-0 ring-offset-0 outline-0': {}
214
+ }
215
+ }
216
+ },
217
+ '&-medium': {
218
+ 'button, a': {
219
+ '@apply py-6 px-14': {}
220
+ }
221
+ },
222
+ '&-large': {
223
+ 'button, a': {
224
+ '@apply py-10 px-14': {}
225
+ }
226
+ },
227
+ '&-button, &-button-expand': {
228
+ '@apply items-center': {},
229
+ '@apply py-10 px-14': {}
230
+ },
231
+ '&-button-expand': {
232
+ '@apply rounded-r-button rounded-l-0': {}
233
+ },
234
+ '&-button': {
235
+ '@apply text-left grow rounded-l-button rounded-r-0': {},
236
+ '&[aria-current="page"]:not(:hover), &[aria-current="page"]:not(:hover) ~ button:not(:hover)': {
237
+ '@apply bg-primary-surface text-light-primary': {}
238
+ },
239
+ '&[aria-expanded="true"]': {
240
+ '&:not(:hover,[aria-current="page"],[aria-disabled="true"]), &:not(:hover,[aria-current="page"],[aria-disabled="true"]) ~ button:not(:hover)': {
241
+ '@apply bg-vattjom-surface-accent': {}
242
+ }
243
+ }
244
+ }
245
+ },
246
+ '.sk-menu-vertical-item-tool-item': {
247
+ '@apply flex items-center gap-10 p-6 rounded-groups': {},
248
+ '.sk-avatar': {
249
+ '@apply border-2 border-background-content': {}
250
+ }
251
+ }
205
252
  }
206
- }
207
- },
208
- '.sk-menu-vertical-item-tool-item': {
209
- '@apply flex items-center gap-10 p-6 rounded-groups': {},
210
- '.sk-avatar': {
211
- '@apply border-2 border-background-content': {}
212
- }
213
253
  }
214
- }
215
- }
216
- }, MenuVerticalNav(), MenuVerticalSidebar());
254
+ }, MenuVerticalNav(), MenuVerticalSidebar());
217
255
  };
256
+
218
257
  //# sourceMappingURL=menu-vertical.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-vertical.js","names":["svgToDataUri","require","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","backgroundRepeat","MenuVertical","exports","_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":["MenuVertical","MenuVerticalNav","MenuVerticalSidebar","ul","li","backgroundImage","svgToTinyDataUri","backgroundRepeat","color"],"mappings":"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"}