@skewedaspect/sleekspace-ui 0.6.0 → 0.7.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 (97) hide show
  1. package/dist/components/ColorPicker/SkColorPicker.vue.d.ts +29 -0
  2. package/dist/components/ColorPicker/index.d.ts +2 -0
  3. package/dist/components/ColorPicker/types.d.ts +4 -0
  4. package/dist/components/ContextMenu/SkContextMenu.vue.d.ts +25 -0
  5. package/dist/components/ContextMenu/SkContextMenuCheckboxItem.vue.d.ts +28 -0
  6. package/dist/components/ContextMenu/SkContextMenuItem.vue.d.ts +26 -0
  7. package/dist/components/ContextMenu/SkContextMenuLabel.vue.d.ts +17 -0
  8. package/dist/components/ContextMenu/SkContextMenuRadioGroup.vue.d.ts +26 -0
  9. package/dist/components/ContextMenu/SkContextMenuRadioItem.vue.d.ts +23 -0
  10. package/dist/components/ContextMenu/SkContextMenuSeparator.vue.d.ts +2 -0
  11. package/dist/components/ContextMenu/SkContextMenuSubmenu.vue.d.ts +24 -0
  12. package/dist/components/ContextMenu/index.d.ts +9 -0
  13. package/dist/components/ContextMenu/types.d.ts +2 -0
  14. package/dist/components/Dropdown/SkDropdown.vue.d.ts +1 -1
  15. package/dist/components/Dropdown/SkDropdownCheckboxItem.vue.d.ts +28 -0
  16. package/dist/components/Dropdown/SkDropdownMenuLabel.vue.d.ts +17 -0
  17. package/dist/components/Dropdown/SkDropdownRadioGroup.vue.d.ts +26 -0
  18. package/dist/components/Dropdown/SkDropdownRadioItem.vue.d.ts +23 -0
  19. package/dist/components/Dropdown/index.d.ts +4 -0
  20. package/dist/components/Popover/SkPopover.vue.d.ts +1 -1
  21. package/dist/components/ScrollArea/SkScrollArea.vue.d.ts +31 -0
  22. package/dist/components/ScrollArea/index.d.ts +2 -0
  23. package/dist/components/ScrollArea/types.d.ts +4 -0
  24. package/dist/components/Sidebar/SkSidebar.vue.d.ts +1 -1
  25. package/dist/components/Skeleton/SkSkeleton.vue.d.ts +1 -1
  26. package/dist/components/Splitter/SkSplitter.vue.d.ts +29 -0
  27. package/dist/components/Splitter/SkSplitterHandle.vue.d.ts +7 -0
  28. package/dist/components/Splitter/SkSplitterPanel.vue.d.ts +30 -0
  29. package/dist/components/Splitter/index.d.ts +4 -0
  30. package/dist/components/Splitter/types.d.ts +3 -0
  31. package/dist/components/Toolbar/SkToolbar.vue.d.ts +31 -0
  32. package/dist/components/Toolbar/SkToolbarButton.vue.d.ts +22 -0
  33. package/dist/components/Toolbar/SkToolbarSeparator.vue.d.ts +2 -0
  34. package/dist/components/Toolbar/SkToolbarToggleGroup.vue.d.ts +31 -0
  35. package/dist/components/Toolbar/SkToolbarToggleItem.vue.d.ts +23 -0
  36. package/dist/components/Toolbar/index.d.ts +6 -0
  37. package/dist/components/Toolbar/types.d.ts +5 -0
  38. package/dist/components/Tooltip/SkTooltip.vue.d.ts +1 -1
  39. package/dist/components/TreeView/SkTreeItem.vue.d.ts +39 -0
  40. package/dist/components/TreeView/SkTreeView.vue.d.ts +31 -0
  41. package/dist/components/TreeView/index.d.ts +3 -0
  42. package/dist/components/TreeView/types.d.ts +3 -0
  43. package/dist/index.d.ts +54 -0
  44. package/dist/sleekspace-ui.css +1199 -30
  45. package/dist/sleekspace-ui.es.js +16874 -7224
  46. package/dist/sleekspace-ui.umd.js +16855 -7205
  47. package/package.json +2 -1
  48. package/src/components/ColorPicker/SkColorPicker.vue +355 -0
  49. package/src/components/ColorPicker/index.ts +6 -0
  50. package/src/components/ColorPicker/types.ts +11 -0
  51. package/src/components/ContextMenu/SkContextMenu.vue +83 -0
  52. package/src/components/ContextMenu/SkContextMenuCheckboxItem.vue +72 -0
  53. package/src/components/ContextMenu/SkContextMenuItem.vue +49 -0
  54. package/src/components/ContextMenu/SkContextMenuLabel.vue +17 -0
  55. package/src/components/ContextMenu/SkContextMenuRadioGroup.vue +36 -0
  56. package/src/components/ContextMenu/SkContextMenuRadioItem.vue +53 -0
  57. package/src/components/ContextMenu/SkContextMenuSeparator.vue +21 -0
  58. package/src/components/ContextMenu/SkContextMenuSubmenu.vue +94 -0
  59. package/src/components/ContextMenu/index.ts +15 -0
  60. package/src/components/ContextMenu/types.ts +9 -0
  61. package/src/components/Dropdown/SkDropdown.vue +1 -1
  62. package/src/components/Dropdown/SkDropdownCheckboxItem.vue +72 -0
  63. package/src/components/Dropdown/SkDropdownMenuItem.vue +1 -1
  64. package/src/components/Dropdown/SkDropdownMenuLabel.vue +17 -0
  65. package/src/components/Dropdown/SkDropdownRadioGroup.vue +36 -0
  66. package/src/components/Dropdown/SkDropdownRadioItem.vue +53 -0
  67. package/src/components/Dropdown/SkDropdownSubmenu.vue +2 -2
  68. package/src/components/Dropdown/index.ts +4 -0
  69. package/src/components/ScrollArea/SkScrollArea.vue +87 -0
  70. package/src/components/ScrollArea/index.ts +8 -0
  71. package/src/components/ScrollArea/types.ts +11 -0
  72. package/src/components/Splitter/SkSplitter.vue +65 -0
  73. package/src/components/Splitter/SkSplitterHandle.vue +40 -0
  74. package/src/components/Splitter/SkSplitterPanel.vue +45 -0
  75. package/src/components/Splitter/index.ts +10 -0
  76. package/src/components/Splitter/types.ts +10 -0
  77. package/src/components/Toolbar/SkToolbar.vue +69 -0
  78. package/src/components/Toolbar/SkToolbarButton.vue +36 -0
  79. package/src/components/Toolbar/SkToolbarSeparator.vue +15 -0
  80. package/src/components/Toolbar/SkToolbarToggleGroup.vue +49 -0
  81. package/src/components/Toolbar/SkToolbarToggleItem.vue +37 -0
  82. package/src/components/Toolbar/index.ts +12 -0
  83. package/src/components/Toolbar/types.ts +12 -0
  84. package/src/components/TreeView/SkTreeItem.vue +84 -0
  85. package/src/components/TreeView/SkTreeView.vue +120 -0
  86. package/src/components/TreeView/index.ts +9 -0
  87. package/src/components/TreeView/types.ts +10 -0
  88. package/src/global.d.ts +20 -0
  89. package/src/index.ts +100 -0
  90. package/src/styles/components/_color-picker.scss +552 -0
  91. package/src/styles/components/_index.scss +5 -0
  92. package/src/styles/components/_menu.scss +52 -3
  93. package/src/styles/components/_scroll-area.scss +120 -0
  94. package/src/styles/components/_splitter.scss +136 -0
  95. package/src/styles/components/_toolbar.scss +296 -0
  96. package/src/styles/components/_tree-view.scss +187 -0
  97. package/web-types.json +1022 -122
package/src/index.ts CHANGED
@@ -22,12 +22,41 @@ import SkButton, { type SkButtonComponentProps } from './components/Button/SkBut
22
22
  import SkCard, { type SkCardComponentProps } from './components/Card/SkCard.vue';
23
23
  import SkCheckbox, { type SkCheckboxComponentProps } from './components/Checkbox/SkCheckbox.vue';
24
24
  import SkCollapsible, { type SkCollapsibleComponentProps } from './components/Collapsible/SkCollapsible.vue';
25
+ import SkColorPicker, { type SkColorPickerComponentProps } from './components/ColorPicker/SkColorPicker.vue';
26
+ import SkContextMenu, { type SkContextMenuComponentProps } from './components/ContextMenu/SkContextMenu.vue';
27
+ import SkContextMenuCheckboxItem, {
28
+ type SkContextMenuCheckboxItemComponentProps,
29
+ } from './components/ContextMenu/SkContextMenuCheckboxItem.vue';
30
+ import SkContextMenuItem, {
31
+ type SkContextMenuItemComponentProps,
32
+ } from './components/ContextMenu/SkContextMenuItem.vue';
33
+ import SkContextMenuLabel from './components/ContextMenu/SkContextMenuLabel.vue';
34
+ import SkContextMenuRadioGroup, {
35
+ type SkContextMenuRadioGroupComponentProps,
36
+ } from './components/ContextMenu/SkContextMenuRadioGroup.vue';
37
+ import SkContextMenuRadioItem, {
38
+ type SkContextMenuRadioItemComponentProps,
39
+ } from './components/ContextMenu/SkContextMenuRadioItem.vue';
40
+ import SkContextMenuSeparator from './components/ContextMenu/SkContextMenuSeparator.vue';
41
+ import SkContextMenuSubmenu, {
42
+ type SkContextMenuSubmenuComponentProps,
43
+ } from './components/ContextMenu/SkContextMenuSubmenu.vue';
25
44
  import SkDivider, { type SkDividerComponentProps } from './components/Divider/SkDivider.vue';
26
45
  import SkDropdown, { type SkDropdownComponentProps } from './components/Dropdown/SkDropdown.vue';
46
+ import SkDropdownCheckboxItem, {
47
+ type SkDropdownCheckboxItemComponentProps,
48
+ } from './components/Dropdown/SkDropdownCheckboxItem.vue';
49
+ import SkDropdownMenuLabel from './components/Dropdown/SkDropdownMenuLabel.vue';
27
50
  import SkDropdownMenuItem, {
28
51
  type SkDropdownMenuItemComponentProps,
29
52
  } from './components/Dropdown/SkDropdownMenuItem.vue';
30
53
  import SkDropdownMenuSeparator from './components/Dropdown/SkDropdownMenuSeparator.vue';
54
+ import SkDropdownRadioGroup, {
55
+ type SkDropdownRadioGroupComponentProps,
56
+ } from './components/Dropdown/SkDropdownRadioGroup.vue';
57
+ import SkDropdownRadioItem, {
58
+ type SkDropdownRadioItemComponentProps,
59
+ } from './components/Dropdown/SkDropdownRadioItem.vue';
31
60
  import SkDropdownSubmenu, {
32
61
  type SkDropdownSubmenuComponentProps,
33
62
  } from './components/Dropdown/SkDropdownSubmenu.vue';
@@ -50,6 +79,7 @@ import SkPopover, { type SkPopoverComponentProps } from './components/Popover/Sk
50
79
  import SkProgress, { type SkProgressComponentProps } from './components/Progress/SkProgress.vue';
51
80
  import SkRadio, { type SkRadioComponentProps } from './components/Radio/SkRadio.vue';
52
81
  import SkRadioGroup, { type SkRadioGroupComponentProps } from './components/Radio/SkRadioGroup.vue';
82
+ import SkScrollArea, { type SkScrollAreaComponentProps } from './components/ScrollArea/SkScrollArea.vue';
53
83
  import SkSelect, { type SkSelectComponentProps } from './components/Select/SkSelect.vue';
54
84
  import SkSelectItem, { type SkSelectItemComponentProps } from './components/Select/SkSelectItem.vue';
55
85
  import SkSelectSeparator from './components/Select/SkSelectSeparator.vue';
@@ -59,6 +89,9 @@ import SkSidebarSection, { type SkSidebarSectionComponentProps } from './compone
59
89
  import SkSkeleton, { type SkSkeletonComponentProps } from './components/Skeleton/SkSkeleton.vue';
60
90
  import SkSlider, { type SkSliderComponentProps } from './components/Slider/SkSlider.vue';
61
91
  import SkSpinner, { type SkSpinnerComponentProps } from './components/Spinner/SkSpinner.vue';
92
+ import SkSplitter, { type SkSplitterComponentProps } from './components/Splitter/SkSplitter.vue';
93
+ import SkSplitterHandle, { type SkSplitterHandleComponentProps } from './components/Splitter/SkSplitterHandle.vue';
94
+ import SkSplitterPanel, { type SkSplitterPanelComponentProps } from './components/Splitter/SkSplitterPanel.vue';
62
95
  import SkSwitch, { type SkSwitchComponentProps } from './components/Switch/SkSwitch.vue';
63
96
  import SkTable, { type SkTableComponentProps } from './components/Table/SkTable.vue';
64
97
  import SkTab, { type SkTabComponentProps } from './components/Tabs/SkTab.vue';
@@ -72,10 +105,23 @@ import SkTextarea, { type SkTextareaComponentProps } from './components/Textarea
72
105
  import SkToastProvider, {
73
106
  type SkToastProviderComponentProps,
74
107
  } from './components/Toast/SkToastProvider.vue';
108
+ import SkToolbar, { type SkToolbarComponentProps } from './components/Toolbar/SkToolbar.vue';
109
+ import SkToolbarButton, {
110
+ type SkToolbarButtonComponentProps,
111
+ } from './components/Toolbar/SkToolbarButton.vue';
112
+ import SkToolbarSeparator from './components/Toolbar/SkToolbarSeparator.vue';
113
+ import SkToolbarToggleGroup, {
114
+ type SkToolbarToggleGroupComponentProps,
115
+ } from './components/Toolbar/SkToolbarToggleGroup.vue';
116
+ import SkToolbarToggleItem, {
117
+ type SkToolbarToggleItemComponentProps,
118
+ } from './components/Toolbar/SkToolbarToggleItem.vue';
75
119
  import SkTooltip, { type SkTooltipComponentProps } from './components/Tooltip/SkTooltip.vue';
76
120
  import SkTooltipProvider, {
77
121
  type SkTooltipProviderProps,
78
122
  } from './components/Tooltip/SkTooltipProvider.vue';
123
+ import SkTreeItem, { type SkTreeItemComponentProps } from './components/TreeView/SkTreeItem.vue';
124
+ import SkTreeView, { type SkTreeViewComponentProps } from './components/TreeView/SkTreeView.vue';
79
125
  import SkTheme from './components/Theme/SkTheme.vue';
80
126
 
81
127
  //----------------------------------------------------------------------------------------------------------------------
@@ -96,6 +142,8 @@ export * from './components/Button/types';
96
142
  export * from './components/Card/types';
97
143
  export * from './components/Checkbox/types';
98
144
  export * from './components/Collapsible/types';
145
+ export * from './components/ColorPicker/types';
146
+ export * from './components/ContextMenu/types';
99
147
  export * from './components/Divider/types';
100
148
  export * from './components/Dropdown/types';
101
149
  export * from './components/Field/types';
@@ -111,11 +159,13 @@ export * from './components/Panel/types';
111
159
  export * from './components/Popover/types';
112
160
  export * from './components/Progress/types';
113
161
  export * from './components/Radio/types';
162
+ export * from './components/ScrollArea/types';
114
163
  export * from './components/Select/types';
115
164
  export * from './components/Sidebar/types';
116
165
  export * from './components/Skeleton/types';
117
166
  export * from './components/Slider/types';
118
167
  export * from './components/Spinner/types';
168
+ export * from './components/Splitter/types';
119
169
  export * from './components/Switch/types';
120
170
  export * from './components/Table/types';
121
171
  export * from './components/Tabs/types';
@@ -123,7 +173,9 @@ export * from './components/Tag/types';
123
173
  export * from './components/TagsInput/types';
124
174
  export * from './components/Textarea/types';
125
175
  export * from './components/Toast/types';
176
+ export * from './components/Toolbar/types';
126
177
  export * from './components/Tooltip/types';
178
+ export * from './components/TreeView/types';
127
179
  export * from './components/Theme/types';
128
180
 
129
181
  //----------------------------------------------------------------------------------------------------------------------
@@ -148,10 +200,23 @@ export { SkButton, type SkButtonComponentProps };
148
200
  export { SkCard, type SkCardComponentProps };
149
201
  export { SkCheckbox, type SkCheckboxComponentProps };
150
202
  export { SkCollapsible, type SkCollapsibleComponentProps };
203
+ export { SkColorPicker, type SkColorPickerComponentProps };
204
+ export { SkContextMenu, type SkContextMenuComponentProps };
205
+ export { SkContextMenuCheckboxItem, type SkContextMenuCheckboxItemComponentProps };
206
+ export { SkContextMenuItem, type SkContextMenuItemComponentProps };
207
+ export { SkContextMenuLabel };
208
+ export { SkContextMenuRadioGroup, type SkContextMenuRadioGroupComponentProps };
209
+ export { SkContextMenuRadioItem, type SkContextMenuRadioItemComponentProps };
210
+ export { SkContextMenuSeparator };
211
+ export { SkContextMenuSubmenu, type SkContextMenuSubmenuComponentProps };
151
212
  export { SkDivider, type SkDividerComponentProps };
152
213
  export { SkDropdown, type SkDropdownComponentProps };
214
+ export { SkDropdownCheckboxItem, type SkDropdownCheckboxItemComponentProps };
215
+ export { SkDropdownMenuLabel };
153
216
  export { SkDropdownMenuItem, type SkDropdownMenuItemComponentProps };
154
217
  export { SkDropdownMenuSeparator };
218
+ export { SkDropdownRadioGroup, type SkDropdownRadioGroupComponentProps };
219
+ export { SkDropdownRadioItem, type SkDropdownRadioItemComponentProps };
155
220
  export { SkDropdownSubmenu, type SkDropdownSubmenuComponentProps };
156
221
  export { SkField, type SkFieldComponentProps };
157
222
  export { SkGroup, type SkGroupComponentProps };
@@ -170,6 +235,7 @@ export { SkPopover, type SkPopoverComponentProps };
170
235
  export { SkProgress, type SkProgressComponentProps };
171
236
  export { SkRadio, type SkRadioComponentProps };
172
237
  export { SkRadioGroup, type SkRadioGroupComponentProps };
238
+ export { SkScrollArea, type SkScrollAreaComponentProps };
173
239
  export { SkSelect, type SkSelectComponentProps };
174
240
  export { SkSelectItem, type SkSelectItemComponentProps };
175
241
  export { SkSelectSeparator };
@@ -179,6 +245,9 @@ export { SkSidebarSection, type SkSidebarSectionComponentProps };
179
245
  export { SkSkeleton, type SkSkeletonComponentProps };
180
246
  export { SkSlider, type SkSliderComponentProps };
181
247
  export { SkSpinner, type SkSpinnerComponentProps };
248
+ export { SkSplitter, type SkSplitterComponentProps };
249
+ export { SkSplitterHandle, type SkSplitterHandleComponentProps };
250
+ export { SkSplitterPanel, type SkSplitterPanelComponentProps };
182
251
  export { SkSwitch, type SkSwitchComponentProps };
183
252
  export { SkTab, type SkTabComponentProps };
184
253
  export { SkTabList, type SkTabListComponentProps };
@@ -190,8 +259,15 @@ export { SkTag, type SkTagComponentProps };
190
259
  export { SkTagsInput, type SkTagsInputComponentProps };
191
260
  export { SkTextarea, type SkTextareaComponentProps };
192
261
  export { SkToastProvider, type SkToastProviderComponentProps };
262
+ export { SkToolbar, type SkToolbarComponentProps };
263
+ export { SkToolbarButton, type SkToolbarButtonComponentProps };
264
+ export { SkToolbarSeparator };
265
+ export { SkToolbarToggleGroup, type SkToolbarToggleGroupComponentProps };
266
+ export { SkToolbarToggleItem, type SkToolbarToggleItemComponentProps };
193
267
  export { SkTooltip, type SkTooltipComponentProps };
194
268
  export { SkTooltipProvider, type SkTooltipProviderProps };
269
+ export { SkTreeItem, type SkTreeItemComponentProps };
270
+ export { SkTreeView, type SkTreeViewComponentProps };
195
271
  export { SkTheme, type SkThemeComponentProps };
196
272
 
197
273
  //----------------------------------------------------------------------------------------------------------------------
@@ -214,10 +290,23 @@ const SleekSpaceUI : Plugin = {
214
290
  app.component('SkCard', SkCard);
215
291
  app.component('SkCheckbox', SkCheckbox);
216
292
  app.component('SkCollapsible', SkCollapsible);
293
+ app.component('SkColorPicker', SkColorPicker);
294
+ app.component('SkContextMenu', SkContextMenu);
295
+ app.component('SkContextMenuCheckboxItem', SkContextMenuCheckboxItem);
296
+ app.component('SkContextMenuItem', SkContextMenuItem);
297
+ app.component('SkContextMenuLabel', SkContextMenuLabel);
298
+ app.component('SkContextMenuRadioGroup', SkContextMenuRadioGroup);
299
+ app.component('SkContextMenuRadioItem', SkContextMenuRadioItem);
300
+ app.component('SkContextMenuSeparator', SkContextMenuSeparator);
301
+ app.component('SkContextMenuSubmenu', SkContextMenuSubmenu);
217
302
  app.component('SkDivider', SkDivider);
218
303
  app.component('SkDropdown', SkDropdown);
304
+ app.component('SkDropdownCheckboxItem', SkDropdownCheckboxItem);
305
+ app.component('SkDropdownMenuLabel', SkDropdownMenuLabel);
219
306
  app.component('SkDropdownMenuItem', SkDropdownMenuItem);
220
307
  app.component('SkDropdownMenuSeparator', SkDropdownMenuSeparator);
308
+ app.component('SkDropdownRadioGroup', SkDropdownRadioGroup);
309
+ app.component('SkDropdownRadioItem', SkDropdownRadioItem);
221
310
  app.component('SkDropdownSubmenu', SkDropdownSubmenu);
222
311
  app.component('SkField', SkField);
223
312
  app.component('SkGroup', SkGroup);
@@ -236,6 +325,7 @@ const SleekSpaceUI : Plugin = {
236
325
  app.component('SkProgress', SkProgress);
237
326
  app.component('SkRadio', SkRadio);
238
327
  app.component('SkRadioGroup', SkRadioGroup);
328
+ app.component('SkScrollArea', SkScrollArea);
239
329
  app.component('SkSelect', SkSelect);
240
330
  app.component('SkSelectItem', SkSelectItem);
241
331
  app.component('SkSelectSeparator', SkSelectSeparator);
@@ -245,6 +335,9 @@ const SleekSpaceUI : Plugin = {
245
335
  app.component('SkSkeleton', SkSkeleton);
246
336
  app.component('SkSlider', SkSlider);
247
337
  app.component('SkSpinner', SkSpinner);
338
+ app.component('SkSplitter', SkSplitter);
339
+ app.component('SkSplitterHandle', SkSplitterHandle);
340
+ app.component('SkSplitterPanel', SkSplitterPanel);
248
341
  app.component('SkSwitch', SkSwitch);
249
342
  app.component('SkTab', SkTab);
250
343
  app.component('SkTabList', SkTabList);
@@ -256,8 +349,15 @@ const SleekSpaceUI : Plugin = {
256
349
  app.component('SkTagsInput', SkTagsInput);
257
350
  app.component('SkTextarea', SkTextarea);
258
351
  app.component('SkToastProvider', SkToastProvider);
352
+ app.component('SkToolbar', SkToolbar);
353
+ app.component('SkToolbarButton', SkToolbarButton);
354
+ app.component('SkToolbarSeparator', SkToolbarSeparator);
355
+ app.component('SkToolbarToggleGroup', SkToolbarToggleGroup);
356
+ app.component('SkToolbarToggleItem', SkToolbarToggleItem);
259
357
  app.component('SkTooltip', SkTooltip);
260
358
  app.component('SkTooltipProvider', SkTooltipProvider);
359
+ app.component('SkTreeItem', SkTreeItem);
360
+ app.component('SkTreeView', SkTreeView);
261
361
  app.component('SkTheme', SkTheme);
262
362
  },
263
363
  };