@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,15 +1,119 @@
1
- export var Tabs = () => ({
2
- '.sk-tabs': {
3
- '@apply w-full': {},
4
- '&-panels': {
5
- '@apply p-8': {},
6
- '@apply mt-8': {}
7
- },
8
- '&-content': {
9
- '&:not([data-selected="true"])': {
10
- '@apply hidden': {}
11
- }
12
- }
13
- }
14
- });
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;
11
+ }
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
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ export var Tabs = function(colors) {
54
+ return {
55
+ '.sk-tabs': {
56
+ '@apply w-full': {},
57
+ '&-list': {
58
+ '@apply flex items-center gap-20 border-b-1 border-transparent': {},
59
+ '&[data-underline="true"]': {
60
+ '@apply border-divider': {}
61
+ },
62
+ '&-item': _object_spread_props(_object_spread({
63
+ '@apply flex flex-col gap-y-10': {},
64
+ '&[data-size="sm"]': {
65
+ '> button': {
66
+ '@apply text-small': {}
67
+ }
68
+ },
69
+ '&-button': {
70
+ '@apply h-auto border-0 py-0 px-2': {},
71
+ // ring
72
+ '@apply rounded-4': {},
73
+ '&[aria-readonly="true"]': {
74
+ '@apply text-dark-disabled cursor-default': {}
75
+ },
76
+ '&[aria-readonly="false"]:hover,&:focus-visible': {
77
+ // hover
78
+ '@apply ring-[.3rem]': {},
79
+ '@apply ring-ring': {},
80
+ '@apply ring-offset-background-content': {},
81
+ '@apply outline-0': {}
82
+ },
83
+ '.sk-callout': {
84
+ '@apply absolute self-end': {}
85
+ }
86
+ },
87
+ '.sk-tabs-list-item-divider': {
88
+ '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
89
+ },
90
+ '&[data-current="true"]': {
91
+ '.sk-tabs-list-item-divider': {
92
+ '@apply opacity-100': {}
93
+ }
94
+ }
95
+ }, colors.reduce(function(styles, color) {
96
+ return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
97
+ '.sk-tabs-list-item-divider': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})
98
+ }));
99
+ }, {})), {
100
+ "&[data-color='tertiary']": {
101
+ '.sk-tabs-list-item-divider': {
102
+ '@apply bg-primary-surface': {}
103
+ }
104
+ }
105
+ })
106
+ },
107
+ '&-panels': {
108
+ '@apply mt-20': {}
109
+ },
110
+ '&-content': {
111
+ '&:not([data-selected="true"])': {
112
+ '@apply hidden': {}
113
+ }
114
+ }
115
+ }
116
+ };
117
+ };
118
+
15
119
  //# sourceMappingURL=tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","names":["Tabs"],"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = () => ({\r\n '.sk-tabs': {\r\n '@apply w-full': {},\r\n '&-panels': {\r\n '@apply p-8': {},\r\n '@apply mt-8': {},\r\n },\r\n\r\n '&-content': {\r\n '&:not([data-selected=\"true\"])': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,IAAI,GAAGA,CAAA,MAAO;EACzB,UAAU,EAAE;IACV,eAAe,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE;MACV,YAAY,EAAE,CAAC,CAAC;MAChB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,WAAW,EAAE;MACX,+BAA+B,EAAE;QAC/B,eAAe,EAAE,CAAC;MACpB;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\n '.sk-tabs': {\n '@apply w-full': {},\n\n '&-list': {\n '@apply flex items-center gap-20 border-b-1 border-transparent': {},\n\n '&[data-underline=\"true\"]': {\n '@apply border-divider': {},\n },\n\n '&-item': {\n '@apply flex flex-col gap-y-10': {},\n\n '&[data-size=\"sm\"]': {\n '> button': {\n '@apply text-small': {},\n },\n },\n\n '&-button': {\n '@apply h-auto border-0 py-0 px-2': {},\n // ring\n '@apply rounded-4': {},\n\n '&[aria-readonly=\"true\"]': {\n '@apply text-dark-disabled cursor-default': {},\n },\n\n '&[aria-readonly=\"false\"]:hover,&:focus-visible': {\n // hover\n '@apply ring-[.3rem]': {},\n '@apply ring-ring': {},\n '@apply ring-offset-background-content': {},\n '@apply outline-0': {},\n },\n\n '.sk-callout': {\n '@apply absolute self-end': {},\n },\n },\n\n '.sk-tabs-list-item-divider': {\n '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\n },\n\n '&[data-current=\"true\"]': {\n '.sk-tabs-list-item-divider': {\n '@apply opacity-100': {},\n },\n },\n\n ...colors.reduce(\n (styles, color) => ({\n ...styles,\n [`&[data-color=\"${color}\"]`]: {\n '.sk-tabs-list-item-divider': {\n [`@apply bg-${color}-surface-primary`]: {},\n },\n },\n }),\n {}\n ),\n \"&[data-color='tertiary']\": {\n '.sk-tabs-list-item-divider': {\n '@apply bg-primary-surface': {},\n },\n },\n },\n },\n\n '&-panels': {\n '@apply mt-20': {},\n },\n\n '&-content': {\n '&:not([data-selected=\"true\"])': {\n '@apply hidden': {},\n },\n },\n },\n});\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,kDAAkD;4BAChD,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}
@@ -1,59 +1,62 @@
1
- export var Tooltip = () => ({
2
- '.sk-tooltip': {
3
- '@apply inline-flex justify-center items-center': {},
4
- '@apply w-fit h-fit': {},
5
- '@apply grow-0': {},
6
- '&-text': {
7
- '@apply inline-flex': {},
8
- '@apply bg-primary-surface shadow': {},
9
- '@apply px-16 py-8': {},
10
- '@apply rounded-utility': {},
11
- '@apply text-light-primary text-small': {},
12
- '@apply font-bold': {},
13
- '@apply w-fit h-fit': {},
14
- '@apply grow-0': {},
15
- '@apply min-h-34': {}
16
- },
17
- //Arrow
18
- '&::after, &::before': {
19
- '@apply h-0 w-0 overflow-hidden': {}
20
- },
21
- // Above
22
- '&[data-position="above"]': {
23
- '@apply flex-col': {},
24
- '@apply pb-2': {},
25
- '&::after': {
26
- '@apply content-[""] border-solid border-6 border-b-0': {},
27
- '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
28
- }
29
- },
30
- // Below
31
- '&[data-position="below"]': {
32
- '@apply flex-col': {},
33
- '@apply pt-2': {},
34
- '&::before': {
35
- '@apply content-[""] border-solid border-6 border-t-0': {},
36
- '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
37
- }
38
- },
39
- // Left
40
- '&[data-position="left"]': {
41
- '@apply flex-row': {},
42
- '@apply pr-2 py-3': {},
43
- '&::after': {
44
- '@apply content-[""] border-solid border-6 border-r-0': {},
45
- '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
46
- }
47
- },
48
- // Right
49
- '&[data-position="right"]': {
50
- '@apply flex-row': {},
51
- '@apply pl-2 py-3': {},
52
- '&::before': {
53
- '@apply content-[""] border-solid border-6 border-l-0': {},
54
- '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
55
- }
56
- }
57
- }
58
- });
1
+ export var Tooltip = function() {
2
+ return {
3
+ '.sk-tooltip': {
4
+ '@apply inline-flex justify-center items-center': {},
5
+ '@apply w-fit h-fit': {},
6
+ '@apply grow-0': {},
7
+ '&-text': {
8
+ '@apply inline-flex': {},
9
+ '@apply bg-primary-surface shadow': {},
10
+ '@apply px-16 py-8': {},
11
+ '@apply rounded-utility': {},
12
+ '@apply text-light-primary text-small': {},
13
+ '@apply font-bold': {},
14
+ '@apply w-fit h-fit': {},
15
+ '@apply grow-0': {},
16
+ '@apply min-h-34': {}
17
+ },
18
+ //Arrow
19
+ '&::after, &::before': {
20
+ '@apply h-0 w-0 overflow-hidden': {}
21
+ },
22
+ // Above
23
+ '&[data-position="above"]': {
24
+ '@apply flex-col': {},
25
+ '@apply pb-2': {},
26
+ '&::after': {
27
+ '@apply content-[""] border-solid border-6 border-b-0': {},
28
+ '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
29
+ }
30
+ },
31
+ // Below
32
+ '&[data-position="below"]': {
33
+ '@apply flex-col': {},
34
+ '@apply pt-2': {},
35
+ '&::before': {
36
+ '@apply content-[""] border-solid border-6 border-t-0': {},
37
+ '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
38
+ }
39
+ },
40
+ // Left
41
+ '&[data-position="left"]': {
42
+ '@apply flex-row': {},
43
+ '@apply pr-2 py-3': {},
44
+ '&::after': {
45
+ '@apply content-[""] border-solid border-6 border-r-0': {},
46
+ '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
47
+ }
48
+ },
49
+ // Right
50
+ '&[data-position="right"]': {
51
+ '@apply flex-row': {},
52
+ '@apply pl-2 py-3': {},
53
+ '&::before': {
54
+ '@apply content-[""] border-solid border-6 border-l-0': {},
55
+ '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
56
+ }
57
+ }
58
+ }
59
+ };
60
+ };
61
+
59
62
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","names":["Tooltip"],"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\r\n '.sk-tooltip': {\r\n '@apply inline-flex justify-center items-center': {},\r\n '@apply w-fit h-fit': {},\r\n '@apply grow-0': {},\r\n\r\n '&-text': {\r\n '@apply inline-flex': {},\r\n '@apply bg-primary-surface shadow': {},\r\n '@apply px-16 py-8': {},\r\n '@apply rounded-utility': {},\r\n '@apply text-light-primary text-small': {},\r\n '@apply font-bold': {},\r\n '@apply w-fit h-fit': {},\r\n '@apply grow-0': {},\r\n '@apply min-h-34': {},\r\n },\r\n\r\n //Arrow\r\n '&::after, &::before': {\r\n '@apply h-0 w-0 overflow-hidden': {},\r\n },\r\n\r\n // Above\r\n '&[data-position=\"above\"]': {\r\n '@apply flex-col': {},\r\n '@apply pb-2': {},\r\n '&::after': {\r\n '@apply content-[\"\"] border-solid border-6 border-b-0': {},\r\n '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\r\n },\r\n },\r\n\r\n // Below\r\n '&[data-position=\"below\"]': {\r\n '@apply flex-col': {},\r\n '@apply pt-2': {},\r\n '&::before': {\r\n '@apply content-[\"\"] border-solid border-6 border-t-0': {},\r\n '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\r\n },\r\n },\r\n\r\n // Left\r\n '&[data-position=\"left\"]': {\r\n '@apply flex-row': {},\r\n '@apply pr-2 py-3': {},\r\n '&::after': {\r\n '@apply content-[\"\"] border-solid border-6 border-r-0': {},\r\n '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\r\n },\r\n },\r\n\r\n // Right\r\n '&[data-position=\"right\"]': {\r\n '@apply flex-row': {},\r\n '@apply pl-2 py-3': {},\r\n '&::before': {\r\n '@apply content-[\"\"] border-solid border-6 border-l-0': {},\r\n '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAGA,CAAA,MAAO;EAC5B,aAAa,EAAE;IACb,gDAAgD,EAAE,CAAC,CAAC;IACpD,oBAAoB,EAAE,CAAC,CAAC;IACxB,eAAe,EAAE,CAAC,CAAC;IAEnB,QAAQ,EAAE;MACR,oBAAoB,EAAE,CAAC,CAAC;MACxB,kCAAkC,EAAE,CAAC,CAAC;MACtC,mBAAmB,EAAE,CAAC,CAAC;MACvB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,sCAAsC,EAAE,CAAC,CAAC;MAC1C,kBAAkB,EAAE,CAAC,CAAC;MACtB,oBAAoB,EAAE,CAAC,CAAC;MACxB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IAED;IACA,qBAAqB,EAAE;MACrB,gCAAgC,EAAE,CAAC;IACrC,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,UAAU,EAAE;QACV,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,yBAAyB,EAAE;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,kBAAkB,EAAE,CAAC,CAAC;MACtB,UAAU,EAAE;QACV,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF,CAAC;IAED;IACA,0BAA0B,EAAE;MAC1B,iBAAiB,EAAE,CAAC,CAAC;MACrB,kBAAkB,EAAE,CAAC,CAAC;MACtB,WAAW,EAAE;QACX,sDAAsD,EAAE,CAAC,CAAC;QAC1D,gGAAgG,EAAE,CAAC;MACrG;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n '.sk-tooltip': {\n '@apply inline-flex justify-center items-center': {},\n '@apply w-fit h-fit': {},\n '@apply grow-0': {},\n\n '&-text': {\n '@apply inline-flex': {},\n '@apply bg-primary-surface shadow': {},\n '@apply px-16 py-8': {},\n '@apply rounded-utility': {},\n '@apply text-light-primary text-small': {},\n '@apply font-bold': {},\n '@apply w-fit h-fit': {},\n '@apply grow-0': {},\n '@apply min-h-34': {},\n },\n\n //Arrow\n '&::after, &::before': {\n '@apply h-0 w-0 overflow-hidden': {},\n },\n\n // Above\n '&[data-position=\"above\"]': {\n '@apply flex-col': {},\n '@apply pb-2': {},\n '&::after': {\n '@apply content-[\"\"] border-solid border-6 border-b-0': {},\n '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n },\n },\n\n // Below\n '&[data-position=\"below\"]': {\n '@apply flex-col': {},\n '@apply pt-2': {},\n '&::before': {\n '@apply content-[\"\"] border-solid border-6 border-t-0': {},\n '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n },\n },\n\n // Left\n '&[data-position=\"left\"]': {\n '@apply flex-row': {},\n '@apply pr-2 py-3': {},\n '&::after': {\n '@apply content-[\"\"] border-solid border-6 border-r-0': {},\n '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n },\n },\n\n // Right\n '&[data-position=\"right\"]': {\n '@apply flex-row': {},\n '@apply pl-2 py-3': {},\n '&::before': {\n '@apply content-[\"\"] border-solid border-6 border-l-0': {},\n '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n },\n },\n },\n});\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,UAAU;WAAO;QAC5B,eAAe;YACb,kDAAkD,CAAC;YACnD,sBAAsB,CAAC;YACvB,iBAAiB,CAAC;YAElB,UAAU;gBACR,sBAAsB,CAAC;gBACvB,oCAAoC,CAAC;gBACrC,qBAAqB,CAAC;gBACtB,0BAA0B,CAAC;gBAC3B,wCAAwC,CAAC;gBACzC,oBAAoB,CAAC;gBACrB,sBAAsB,CAAC;gBACvB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;YACtB;YAEA,OAAO;YACP,uBAAuB;gBACrB,kCAAkC,CAAC;YACrC;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,OAAO;YACP,2BAA2B;gBACzB,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;QACF;IACF;EAAG"}
@@ -1,15 +1,18 @@
1
- export var UserMenu = () => ({
2
- '.sk-usermenu': {
3
- '@apply relative': {},
4
- '&-button': {
5
- '@apply p-0 bg-transparent hover:bg-transparent': {},
6
- '@apply border-0': {},
7
- '@apply hover:border-0': {},
8
- '.sk-avatar': {
9
- height: 'inherit',
10
- width: 'inherit'
11
- }
12
- }
13
- }
14
- });
1
+ export var UserMenu = function() {
2
+ return {
3
+ '.sk-usermenu': {
4
+ '@apply relative': {},
5
+ '&-button': {
6
+ '@apply p-0 bg-transparent hover:bg-transparent': {},
7
+ '@apply border-0': {},
8
+ '@apply hover:border-0': {},
9
+ '.sk-avatar': {
10
+ height: 'inherit',
11
+ width: 'inherit'
12
+ }
13
+ }
14
+ }
15
+ };
16
+ };
17
+
15
18
  //# sourceMappingURL=user-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"user-menu.js","names":["UserMenu","height","width"],"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n '.sk-usermenu': {\r\n '@apply relative': {},\r\n '&-button': {\r\n '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n '@apply border-0': {},\r\n '@apply hover:border-0': {},\r\n '.sk-avatar': {\r\n height: 'inherit',\r\n width: 'inherit',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAGA,CAAA,MAAO;EAC7B,cAAc,EAAE;IACd,iBAAiB,EAAE,CAAC,CAAC;IACrB,UAAU,EAAE;MACV,gDAAgD,EAAE,CAAC,CAAC;MACpD,iBAAiB,EAAE,CAAC,CAAC;MACrB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZC,MAAM,EAAE,SAAS;QACjBC,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n '.sk-usermenu': {\r\n '@apply relative': {},\r\n '&-button': {\r\n '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n '@apply border-0': {},\r\n '@apply hover:border-0': {},\r\n '.sk-avatar': {\r\n height: 'inherit',\r\n width: 'inherit',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,mBAAmB,CAAC;YACpB,YAAY;gBACV,kDAAkD,CAAC;gBACnD,mBAAmB,CAAC;gBACpB,yBAAyB,CAAC;gBAC1B,cAAc;oBACZC,QAAQ;oBACRC,OAAO;gBACT;YACF;QACF;IACF;EAAG"}