@skewedaspect/sleekspace-ui 0.8.1 → 0.9.1

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 (191) hide show
  1. package/dist/components/Dropdown/SkDropdown.vue.d.ts +9 -1
  2. package/dist/components/Dropdown/types.d.ts +2 -1
  3. package/dist/components/NavBar/SkNavBar.vue.d.ts +9 -1
  4. package/dist/components/NavBar/context.d.ts +2 -0
  5. package/dist/components/NavBar/types.d.ts +5 -1
  6. package/dist/components/NumberInput/SkNumberInput.vue.d.ts +8 -0
  7. package/dist/components/Page/SkPage.vue.d.ts +9 -0
  8. package/dist/components/ScrollArea/SkScrollArea.vue.d.ts +105 -4
  9. package/dist/composables/useCustomColors.d.ts +18 -56
  10. package/{src → dist}/global.d.ts +6 -2
  11. package/dist/sleekspace-ui.css +4257 -1253
  12. package/dist/sleekspace-ui.es.js +300 -170
  13. package/dist/sleekspace-ui.umd.js +299 -169
  14. package/dist/static/classes.d.ts +18 -0
  15. package/dist/static/components/alert.d.ts +12 -0
  16. package/dist/static/components/avatar.d.ts +9 -0
  17. package/dist/static/components/breadcrumbs.d.ts +6 -0
  18. package/dist/static/components/button.d.ts +13 -0
  19. package/dist/static/components/card.d.ts +5 -0
  20. package/dist/static/components/checkbox.d.ts +10 -0
  21. package/dist/static/components/colorPicker.d.ts +8 -0
  22. package/dist/static/components/divider.d.ts +8 -0
  23. package/dist/static/components/dropdown.d.ts +8 -0
  24. package/dist/static/components/field.d.ts +15 -0
  25. package/dist/static/components/group.d.ts +5 -0
  26. package/dist/static/components/input.d.ts +14 -0
  27. package/dist/static/components/navBar.d.ts +16 -0
  28. package/dist/static/components/numberInput.d.ts +15 -0
  29. package/dist/static/components/page.d.ts +9 -0
  30. package/dist/static/components/pagination.d.ts +5 -0
  31. package/dist/static/components/panel.d.ts +11 -0
  32. package/dist/static/components/progress.d.ts +9 -0
  33. package/dist/static/components/radio.d.ts +11 -0
  34. package/dist/static/components/select.d.ts +10 -0
  35. package/dist/static/components/sidebar.d.ts +9 -0
  36. package/dist/static/components/skeleton.d.ts +11 -0
  37. package/dist/static/components/slider.d.ts +12 -0
  38. package/dist/static/components/spinner.d.ts +12 -0
  39. package/dist/static/components/switchInput.d.ts +10 -0
  40. package/dist/static/components/table.d.ts +12 -0
  41. package/dist/static/components/tag.d.ts +8 -0
  42. package/dist/static/components/tagsInput.d.ts +7 -0
  43. package/dist/static/components/textarea.d.ts +12 -0
  44. package/dist/static/components/toolbar.d.ts +12 -0
  45. package/dist/static/components/tooltip.d.ts +7 -0
  46. package/dist/static/escape.d.ts +2 -0
  47. package/dist/static/index.cjs.js +1 -0
  48. package/dist/static/index.d.ts +68 -0
  49. package/dist/static/index.es.js +732 -0
  50. package/dist/static/render.d.ts +12 -0
  51. package/dist/static/specs.d.ts +2 -0
  52. package/dist/static/types.d.ts +43 -0
  53. package/dist/tokens.css +322 -0
  54. package/dist/types/index.d.ts +36 -0
  55. package/dist/utils/slots.d.ts +6 -0
  56. package/docs/guides/installation.md +8 -2
  57. package/docs/guides/pure-css/_meta.yaml +8 -0
  58. package/docs/guides/pure-css/class-api.md +1070 -0
  59. package/docs/guides/pure-css/custom-elements.md +574 -0
  60. package/docs/guides/pure-css/index.md +86 -0
  61. package/docs/guides/pure-css/limitations.md +152 -0
  62. package/docs/guides/pure-css/static-helpers.md +1203 -0
  63. package/llms-full.txt +3739 -261
  64. package/package.json +19 -5
  65. package/src/components/Alert/SkAlert.vue +4 -2
  66. package/src/components/Breadcrumbs/SkBreadcrumbs.vue +6 -12
  67. package/src/components/Button/SkButton.vue +8 -5
  68. package/src/components/Card/SkCard.vue +13 -5
  69. package/src/components/Checkbox/SkCheckbox.vue +9 -2
  70. package/src/components/ContextMenu/SkContextMenuRadioGroup.vue +4 -1
  71. package/src/components/Dropdown/SkDropdown.vue +20 -3
  72. package/src/components/Dropdown/SkDropdownRadioGroup.vue +4 -1
  73. package/src/components/Dropdown/types.ts +2 -1
  74. package/src/components/Modal/SkModal.vue +11 -4
  75. package/src/components/NavBar/SkNavBar.vue +19 -8
  76. package/src/components/NavBar/context.ts +4 -2
  77. package/src/components/NavBar/types.ts +6 -1
  78. package/src/components/NumberInput/SkNumberInput.vue +10 -1
  79. package/src/components/Page/SkPage.vue +29 -15
  80. package/src/components/Panel/SkPanel.vue +2 -1
  81. package/src/components/Popover/SkPopover.vue +11 -4
  82. package/src/components/Radio/SkRadio.vue +9 -2
  83. package/src/components/ScrollArea/SkScrollArea.vue +78 -5
  84. package/src/components/Switch/SkSwitch.vue +14 -13
  85. package/src/components/Tabs/SkTab.vue +7 -2
  86. package/src/components/TreeView/SkTreeItem.vue +10 -2
  87. package/src/components/TreeView/SkTreeView.vue +7 -2
  88. package/src/composables/useCustomColors.ts +86 -77
  89. package/src/composables/usePortalContext.test.ts +0 -2
  90. package/src/shims.d.ts +10 -0
  91. package/src/static/__tests__/parity.test.ts +717 -0
  92. package/src/static/__tests__/parityHarness.test.ts +98 -0
  93. package/src/static/__tests__/parityHarness.ts +260 -0
  94. package/src/static/classes.test.ts +82 -0
  95. package/src/static/classes.ts +111 -0
  96. package/src/static/components/__tests__/helpers.test.ts +837 -0
  97. package/src/static/components/alert.ts +117 -0
  98. package/src/static/components/avatar.ts +86 -0
  99. package/src/static/components/breadcrumbs.ts +28 -0
  100. package/src/static/components/button.ts +75 -0
  101. package/src/static/components/card.ts +27 -0
  102. package/src/static/components/checkbox.ts +48 -0
  103. package/src/static/components/colorPicker.ts +45 -0
  104. package/src/static/components/divider.ts +39 -0
  105. package/src/static/components/dropdown.ts +36 -0
  106. package/src/static/components/field.ts +86 -0
  107. package/src/static/components/group.ts +27 -0
  108. package/src/static/components/input.ts +55 -0
  109. package/src/static/components/navBar.ts +94 -0
  110. package/src/static/components/numberInput.ts +64 -0
  111. package/src/static/components/page.ts +31 -0
  112. package/src/static/components/pagination.ts +27 -0
  113. package/src/static/components/panel.ts +33 -0
  114. package/src/static/components/progress.ts +31 -0
  115. package/src/static/components/radio.ts +53 -0
  116. package/src/static/components/select.ts +51 -0
  117. package/src/static/components/sidebar.ts +85 -0
  118. package/src/static/components/skeleton.ts +66 -0
  119. package/src/static/components/slider.ts +50 -0
  120. package/src/static/components/spinner.ts +94 -0
  121. package/src/static/components/switchInput.ts +49 -0
  122. package/src/static/components/table.ts +88 -0
  123. package/src/static/components/tag.ts +76 -0
  124. package/src/static/components/tagsInput.ts +35 -0
  125. package/src/static/components/textarea.ts +53 -0
  126. package/src/static/components/toolbar.ts +74 -0
  127. package/src/static/components/tooltip.ts +29 -0
  128. package/src/static/escape.test.ts +53 -0
  129. package/src/static/escape.ts +28 -0
  130. package/src/static/generated/defaults.ts +379 -0
  131. package/src/static/generated/propTypes.ts +426 -0
  132. package/src/static/index.ts +116 -0
  133. package/src/static/render.test.ts +83 -0
  134. package/src/static/render.ts +76 -0
  135. package/src/static/specs.test.ts +58 -0
  136. package/src/static/specs.ts +230 -0
  137. package/src/static/types.ts +176 -0
  138. package/src/styles/__tests__/testHelpers.ts +97 -0
  139. package/src/styles/base/_custom-elements.scss +51 -0
  140. package/src/styles/base/_index.scss +4 -0
  141. package/src/styles/components/__tests__/componentSelectors.test.ts +2575 -0
  142. package/src/styles/components/_alert.scss +82 -39
  143. package/src/styles/components/_avatar.scss +102 -47
  144. package/src/styles/components/_breadcrumbs.scss +39 -37
  145. package/src/styles/components/_button.scss +58 -5
  146. package/src/styles/components/_card.scss +64 -2
  147. package/src/styles/components/_checkbox.scss +35 -5
  148. package/src/styles/components/_color-picker.scss +48 -13
  149. package/src/styles/components/_divider.scss +86 -52
  150. package/src/styles/components/_dropdown.scss +214 -0
  151. package/src/styles/components/_field.scss +76 -23
  152. package/src/styles/components/_group.scss +190 -79
  153. package/src/styles/components/_index.scss +1 -0
  154. package/src/styles/components/_input.scss +81 -5
  155. package/src/styles/components/_menu.scss +1 -1
  156. package/src/styles/components/_navbar.scss +76 -45
  157. package/src/styles/components/_number-input.scss +98 -85
  158. package/src/styles/components/_page.scss +82 -23
  159. package/src/styles/components/_pagination.scss +240 -212
  160. package/src/styles/components/_panel.scss +268 -122
  161. package/src/styles/components/_progress.scss +120 -70
  162. package/src/styles/components/_radio.scss +35 -5
  163. package/src/styles/components/_scroll-area.scss +50 -22
  164. package/src/styles/components/_select.scss +40 -9
  165. package/src/styles/components/_sidebar.scss +59 -34
  166. package/src/styles/components/_skeleton.scss +111 -65
  167. package/src/styles/components/_slider.scss +34 -10
  168. package/src/styles/components/_spinner.scss +107 -56
  169. package/src/styles/components/_switch.scss +36 -5
  170. package/src/styles/components/_table.scss +150 -166
  171. package/src/styles/components/_tag.scss +244 -154
  172. package/src/styles/components/_tags-input.scss +46 -12
  173. package/src/styles/components/_textarea.scss +36 -5
  174. package/src/styles/components/_toolbar.scss +85 -31
  175. package/src/styles/components/_tooltip.scss +172 -3
  176. package/src/styles/mixins/_cut-border.scss +18 -4
  177. package/src/styles/mixins/_dual-selector.scss +192 -0
  178. package/src/styles/mixins/_index.scss +1 -0
  179. package/src/styles/mixins/dualSelector.test.ts +151 -0
  180. package/src/styles/themes/_colorful.scss +25 -0
  181. package/src/styles/themes/_greyscale.scss +25 -0
  182. package/src/styles/themes/_shade-scale.scss +39 -0
  183. package/src/styles/tokens/_semantic-color-kinds.scss +66 -0
  184. package/src/{types.ts → types/index.ts} +19 -11
  185. package/src/utils/slots.ts +75 -0
  186. package/web-types.json +980 -137
  187. package/dist/composables/useCustomColors.test.d.ts +0 -1
  188. package/dist/composables/useFocusTrap.test.d.ts +0 -1
  189. package/dist/composables/usePortalContext.test.d.ts +0 -1
  190. package/dist/styles/mixins/fluidSize.test.d.ts +0 -1
  191. package/dist/types.d.ts +0 -29
@@ -0,0 +1,379 @@
1
+ // Auto-generated — do not edit.
2
+
3
+ export const DEFAULTS : Record<string, Record<string, unknown>> =
4
+ {
5
+ accordion:
6
+ {
7
+ type: 'single',
8
+ modelValue: undefined,
9
+ collapsible: false,
10
+ kind: 'neutral',
11
+ disabled: false,
12
+ },
13
+ alert:
14
+ {
15
+ kind: 'info',
16
+ subtle: false,
17
+ showIcon: undefined,
18
+ },
19
+ avatar:
20
+ {
21
+ src: undefined,
22
+ alt: '',
23
+ initials: undefined,
24
+ kind: 'neutral',
25
+ size: 'md',
26
+ baseColor: undefined,
27
+ textColor: undefined,
28
+ },
29
+ breadcrumbs:
30
+ {
31
+ kind: 'neutral',
32
+ separator: '/',
33
+ },
34
+ button:
35
+ {
36
+ type: 'button',
37
+ kind: 'neutral',
38
+ variant: 'solid',
39
+ size: 'md',
40
+ disabled: false,
41
+ loading: false,
42
+ pressed: false,
43
+ dense: false,
44
+ href: undefined,
45
+ to: undefined,
46
+ },
47
+ card:
48
+ {
49
+ kind: 'neutral',
50
+ size: 'md',
51
+ showDecoration: undefined,
52
+ noDecoration: false,
53
+ noBorder: false,
54
+ title: undefined,
55
+ headerColor: undefined,
56
+ scrollable: false,
57
+ corners: () => [ 'bottom-right' ],
58
+ decorationCorner: 'bottom-right',
59
+ },
60
+ checkbox:
61
+ {
62
+ kind: 'neutral',
63
+ size: 'md',
64
+ disabled: false,
65
+ required: false,
66
+ name: undefined,
67
+ label: undefined,
68
+ },
69
+ collapsible:
70
+ {
71
+ open: undefined,
72
+ defaultOpen: false,
73
+ disabled: false,
74
+ kind: 'neutral',
75
+ triggerText: 'Toggle',
76
+ },
77
+ 'color-picker':
78
+ {
79
+ kind: undefined,
80
+ size: 'md',
81
+ format: 'hexa',
82
+ showAlpha: true,
83
+ disabled: false,
84
+ placeholder: 'Pick a color',
85
+ defaultValue: '#B63DDAFF',
86
+ },
87
+ 'context-menu':
88
+ {
89
+ kind: 'neutral',
90
+ },
91
+ divider:
92
+ {
93
+ orientation: 'horizontal',
94
+ kind: 'neutral',
95
+ variant: undefined,
96
+ size: 'md',
97
+ },
98
+ dropdown:
99
+ {
100
+ kind: 'neutral',
101
+ triggerText: 'Menu',
102
+ side: 'bottom',
103
+ align: 'start',
104
+ sideOffset: 4,
105
+ size: undefined,
106
+ },
107
+ field:
108
+ {
109
+ label: undefined,
110
+ description: undefined,
111
+ error: undefined,
112
+ required: false,
113
+ labelPosition: 'top',
114
+ id: undefined,
115
+ state: null,
116
+ validKind: 'success',
117
+ invalidKind: 'danger',
118
+ },
119
+ group:
120
+ {
121
+ orientation: 'horizontal',
122
+ },
123
+ input:
124
+ {
125
+ type: 'text',
126
+ kind: undefined,
127
+ size: 'md',
128
+ placeholder: undefined,
129
+ disabled: false,
130
+ readonly: false,
131
+ required: false,
132
+ name: undefined,
133
+ autocomplete: undefined,
134
+ },
135
+ listbox:
136
+ {
137
+ kind: undefined,
138
+ size: 'md',
139
+ placeholder: 'Search...',
140
+ disabled: false,
141
+ },
142
+ modal:
143
+ {
144
+ kind: 'neutral',
145
+ size: 'md',
146
+ title: undefined,
147
+ triggerText: undefined,
148
+ open: false,
149
+ closeOnEscape: true,
150
+ closeOnOverlay: true,
151
+ noCloseOnEscape: false,
152
+ noCloseOnOverlay: false,
153
+ },
154
+ 'nav-bar':
155
+ {
156
+ kind: 'neutral',
157
+ sticky: true,
158
+ size: 'md',
159
+ },
160
+ 'number-input':
161
+ {
162
+ kind: undefined,
163
+ size: 'md',
164
+ placeholder: undefined,
165
+ disabled: false,
166
+ readonly: false,
167
+ required: false,
168
+ name: undefined,
169
+ min: undefined,
170
+ max: undefined,
171
+ step: 1,
172
+ showSteppers: true,
173
+ },
174
+ page:
175
+ {
176
+ fixedHeader: false,
177
+ fixedFooter: false,
178
+ sidebarWidth: undefined,
179
+ asideWidth: undefined,
180
+ sidebarMode: 'auto',
181
+ asideMode: 'auto',
182
+ sidebarBreakpoint: '1024px',
183
+ asideBreakpoint: '1024px',
184
+ sidebarOpen: undefined,
185
+ asideOpen: undefined,
186
+ theme: undefined,
187
+ flush: false,
188
+ noBounce: false,
189
+ },
190
+ pagination:
191
+ {
192
+ modelValue: 1,
193
+ siblingCount: 1,
194
+ showFirstLast: true,
195
+ showPrevNext: true,
196
+ kind: 'neutral',
197
+ size: 'md',
198
+ variant: 'solid',
199
+ disabled: false,
200
+ },
201
+ panel:
202
+ {
203
+ kind: 'neutral',
204
+ size: 'md',
205
+ showDecoration: true,
206
+ noBorder: false,
207
+ corners: () => [ 'bottom-right' ],
208
+ decorationCorner: 'bottom-right',
209
+ },
210
+ popover:
211
+ {
212
+ kind: 'neutral',
213
+ side: 'bottom',
214
+ align: 'center',
215
+ sideOffset: 8,
216
+ showArrow: true,
217
+ title: undefined,
218
+ closable: true,
219
+ open: undefined,
220
+ },
221
+ progress:
222
+ {
223
+ value: null,
224
+ max: 100,
225
+ kind: 'primary',
226
+ size: 'md',
227
+ showValue: false,
228
+ valuePosition: 'center',
229
+ baseColor: undefined,
230
+ trackColor: undefined,
231
+ },
232
+ radio:
233
+ {
234
+ label: undefined,
235
+ disabled: false,
236
+ kind: undefined,
237
+ size: undefined,
238
+ },
239
+ 'scroll-area':
240
+ {
241
+ type: 'hover',
242
+ orientation: 'vertical',
243
+ kind: 'neutral',
244
+ baseColor: undefined,
245
+ textColor: undefined,
246
+ fade: false,
247
+ },
248
+ select:
249
+ {
250
+ kind: undefined,
251
+ size: 'md',
252
+ placeholder: 'Select...',
253
+ disabled: false,
254
+ },
255
+ sidebar:
256
+ {
257
+ kind: 'neutral',
258
+ width: '180px',
259
+ side: 'left',
260
+ dense: false,
261
+ },
262
+ skeleton:
263
+ {
264
+ variant: 'text',
265
+ width: '100%',
266
+ height: undefined,
267
+ animation: 'shimmer',
268
+ corners: undefined,
269
+ bevel: undefined,
270
+ },
271
+ slider:
272
+ {
273
+ min: 0,
274
+ max: 100,
275
+ step: 1,
276
+ kind: 'primary',
277
+ size: 'md',
278
+ orientation: 'horizontal',
279
+ disabled: false,
280
+ name: undefined,
281
+ minStepsBetweenThumbs: 0,
282
+ baseColor: undefined,
283
+ thumbColor: undefined,
284
+ },
285
+ spinner:
286
+ {
287
+ kind: 'primary',
288
+ size: 'md',
289
+ variant: 'circular',
290
+ color: undefined,
291
+ },
292
+ splitter:
293
+ {
294
+ direction: 'horizontal',
295
+ kind: 'neutral',
296
+ baseColor: undefined,
297
+ textColor: undefined,
298
+ },
299
+ switch:
300
+ {
301
+ label: undefined,
302
+ labelOn: undefined,
303
+ labelOff: undefined,
304
+ kind: 'neutral',
305
+ thumbKind: undefined,
306
+ size: 'md',
307
+ disabled: false,
308
+ disableLabelAnimation: false,
309
+ name: undefined,
310
+ value: 'on',
311
+ required: false,
312
+ },
313
+ table:
314
+ {
315
+ kind: 'neutral',
316
+ variant: 'default',
317
+ striped: false,
318
+ hoverable: true,
319
+ bordered: true,
320
+ innerBorders: false,
321
+ darkBackground: false,
322
+ subtle: false,
323
+ },
324
+ tabs:
325
+ {
326
+ orientation: 'horizontal',
327
+ placement: 'start',
328
+ kind: undefined,
329
+ flush: false,
330
+ },
331
+ tag:
332
+ {
333
+ kind: 'neutral',
334
+ variant: 'solid',
335
+ size: 'md',
336
+ removable: false,
337
+ },
338
+ 'tags-input':
339
+ {
340
+ kind: undefined,
341
+ size: 'md',
342
+ placeholder: 'Add tag...',
343
+ disabled: false,
344
+ max: undefined,
345
+ addOnPaste: true,
346
+ tagKind: undefined,
347
+ tagVariant: 'solid',
348
+ },
349
+ textarea:
350
+ {
351
+ kind: undefined,
352
+ size: 'md',
353
+ placeholder: undefined,
354
+ disabled: false,
355
+ readonly: false,
356
+ required: false,
357
+ name: undefined,
358
+ rows: 4,
359
+ autocomplete: undefined,
360
+ },
361
+ toolbar:
362
+ {
363
+ kind: 'neutral',
364
+ orientation: 'horizontal',
365
+ corners: () => [ 'top-left', 'top-right', 'bottom-right', 'bottom-left' ],
366
+ baseColor: undefined,
367
+ textColor: undefined,
368
+ },
369
+ tooltip:
370
+ {
371
+ kind: 'neutral',
372
+ variant: 'solid',
373
+ side: 'top',
374
+ align: 'center',
375
+ sideOffset: 5,
376
+ delayDuration: 400,
377
+ showArrow: true,
378
+ },
379
+ };