uikit-react-public 0.30.1 → 0.32.4

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 (49) hide show
  1. package/dist/components/Heading/Heading.stories.d.ts +5 -7
  2. package/dist/components/MenuNew/Menu.context.d.ts +9 -0
  3. package/dist/components/MenuNew/Menu.d.ts +2 -1
  4. package/dist/components/MenuNew/MenuHeading.d.ts +1 -1
  5. package/dist/components/MenuNew/MenuItemText.d.ts +2 -1
  6. package/dist/components/MenuNew/PrimaryMenuItem.d.ts +1 -1
  7. package/dist/components/Select/Select.types.d.ts +1 -1
  8. package/dist/components/Sidebar/Sidebar.d.ts +12 -0
  9. package/dist/components/Sidebar/Sidebar.stories.d.ts +38 -0
  10. package/dist/components/Sidebar/__tests__/Sidebar.test.d.ts +1 -0
  11. package/dist/components/Sidebar/index.d.ts +2 -0
  12. package/dist/components/Snackbar/Snackbar.d.ts +9 -5
  13. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -1
  14. package/dist/components/Snackbar/Snackbars.d.ts +19 -0
  15. package/dist/components/Snackbar/Snackbars.stories.d.ts +52 -0
  16. package/dist/components/Snackbar/__tests__/Snackbars.test.d.ts +1 -0
  17. package/dist/components/Snackbar/index.d.ts +2 -0
  18. package/dist/components/index.d.ts +4 -1
  19. package/dist/index.js +5979 -5448
  20. package/lib/components/Dropdown/Dropdown.stories.tsx +69 -74
  21. package/lib/components/Heading/Documentation.mdx +4 -14
  22. package/lib/components/Heading/Heading.stories.tsx +16 -30
  23. package/lib/components/MenuNew/Menu.context.tsx +18 -0
  24. package/lib/components/MenuNew/Menu.tsx +14 -9
  25. package/lib/components/MenuNew/MenuDivider.tsx +12 -1
  26. package/lib/components/MenuNew/MenuHeading.tsx +6 -0
  27. package/lib/components/MenuNew/MenuItemText.tsx +27 -3
  28. package/lib/components/MenuNew/MenuSection.tsx +11 -0
  29. package/lib/components/MenuNew/PrimaryMenuItem.tsx +71 -2
  30. package/lib/components/Select/Select.types.ts +1 -7
  31. package/lib/components/Select/__tests__/Select.test.tsx +112 -0
  32. package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +5 -0
  33. package/lib/components/Select/subcomponents/CustomSelect.tsx +75 -3
  34. package/lib/components/Select/subcomponents/FilterInput.tsx +1 -1
  35. package/lib/components/Sidebar/Sidebar.stories.tsx +94 -0
  36. package/lib/components/Sidebar/Sidebar.tsx +208 -0
  37. package/lib/components/Sidebar/__tests__/Sidebar.test.tsx +96 -0
  38. package/lib/components/Sidebar/__tests__/__snapshots__/Sidebar.test.tsx.snap +272 -0
  39. package/lib/components/Sidebar/index.ts +2 -0
  40. package/lib/components/Snackbar/Snackbar.stories.tsx +22 -0
  41. package/lib/components/Snackbar/Snackbar.tsx +168 -119
  42. package/lib/components/Snackbar/Snackbars.stories.tsx +141 -0
  43. package/lib/components/Snackbar/Snackbars.tsx +377 -0
  44. package/lib/components/Snackbar/__tests__/Snackbar.test.tsx +222 -10
  45. package/lib/components/Snackbar/__tests__/Snackbars.test.tsx +377 -0
  46. package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap +46 -25
  47. package/lib/components/Snackbar/index.ts +6 -0
  48. package/lib/components/index.ts +10 -1
  49. package/package.json +1 -1
package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap CHANGED
@@ -1,84 +1,105 @@
1
1
  // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`Snackbar > snapshot: custom test id 1`] = `
4
- <output
5
- class="ucl-uikit-snackbar css-1rhqqf3"
4
+ <div
5
+ class="ucl-uikit-snackbar css-4vd8ej"
6
6
  data-testid="custom-test-id"
7
7
  >
8
8
  <svg
9
- class="ucl-uikit-icon css-1uzxprk"
9
+ aria-hidden="true"
10
+ class="ucl-uikit-icon css-1qgh0wp"
10
11
  data-testid="ucl-uikit-icon"
11
12
  fill="none"
12
13
  focusable="false"
13
- height="24"
14
+ height="32"
14
15
  stroke="currentColor"
15
16
  stroke-linecap="round"
16
17
  stroke-linejoin="round"
17
18
  stroke-width="2"
18
19
  viewBox="0 0 24 24"
19
- width="24"
20
+ width="32"
20
21
  xmlns="http://www.w3.org/2000/svg"
21
22
  >
22
- <path
23
- d="M22 11.08V12a10 10 0 1 1-5.93-9.14"
23
+ <circle
24
+ cx="12"
25
+ cy="12"
26
+ r="10"
24
27
  />
25
28
  <path
26
- d="M22 4 12 14.01l-3-3"
29
+ d="M12 16v-4m0-4h.01"
27
30
  />
28
31
  </svg>
29
- <span>
32
+ <span
33
+ class="ucl-uikit-text css-5w4evg"
34
+ data-testid="ucl-uikit-text"
35
+ role="status"
36
+ >
30
37
  Test snackbar
31
38
  </span>
32
39
  <span
33
- class="css-1l2xg72"
40
+ class="css-1xjm0bq"
34
41
  >
35
42
  <button
36
- class="css-1nj6pk0"
43
+ class="css-1s4q0nw"
37
44
  data-testid="custom-test-id-undo-button"
38
45
  >
39
- UNDO
46
+ <span
47
+ class="ucl-uikit-text css-1ccjqc4"
48
+ data-testid="ucl-uikit-text"
49
+ >
50
+ Undo
51
+ </span>
40
52
  </button>
41
53
  </span>
42
- </output>
54
+ </div>
43
55
  `;
44
56
 
45
57
  exports[`Snackbar > snapshot: minimal props 1`] = `
46
- <output
47
- class="ucl-uikit-snackbar css-1rhqqf3"
58
+ <div
59
+ class="ucl-uikit-snackbar css-4vd8ej"
48
60
  data-testid="ucl-uikit-snackbar"
49
61
  >
50
62
  <svg
51
- class="ucl-uikit-icon css-1uzxprk"
63
+ aria-hidden="true"
64
+ class="ucl-uikit-icon css-1qgh0wp"
52
65
  data-testid="ucl-uikit-icon"
53
66
  fill="none"
54
67
  focusable="false"
55
- height="24"
68
+ height="32"
56
69
  stroke="currentColor"
57
70
  stroke-linecap="round"
58
71
  stroke-linejoin="round"
59
72
  stroke-width="2"
60
73
  viewBox="0 0 24 24"
61
- width="24"
74
+ width="32"
62
75
  xmlns="http://www.w3.org/2000/svg"
63
76
  >
64
- <path
65
- d="M22 11.08V12a10 10 0 1 1-5.93-9.14"
77
+ <circle
78
+ cx="12"
79
+ cy="12"
80
+ r="10"
66
81
  />
67
82
  <path
68
- d="M22 4 12 14.01l-3-3"
83
+ d="M12 16v-4m0-4h.01"
69
84
  />
70
85
  </svg>
71
- <span>
86
+ <span
87
+ class="ucl-uikit-text css-5w4evg"
88
+ data-testid="ucl-uikit-text"
89
+ role="status"
90
+ >
72
91
  Test snackbar
73
92
  </span>
74
93
  <span
75
- class="css-1l2xg72"
94
+ class="css-1xjm0bq"
76
95
  >
77
96
  <button
78
- class="ucl-uikit-icon-button css-14jzv8g"
97
+ aria-label="Dismiss notification"
98
+ class="ucl-uikit-icon-button css-uv5ig"
79
99
  data-testid="ucl-uikit-snackbar-close-button"
80
100
  >
81
101
  <svg
102
+ aria-hidden="true"
82
103
  class="ucl-uikit-icon css-148hpxb"
83
104
  data-testid="ucl-uikit-icon"
84
105
  fill="none"
@@ -98,5 +119,5 @@ exports[`Snackbar > snapshot: minimal props 1`] = `
98
119
  </svg>
99
120
  </button>
100
121
  </span>
101
- </output>
122
+ </div>
102
123
  `;
package/lib/components/Snackbar/index.ts CHANGED
@@ -1,2 +1,8 @@
1
1
  export { default } from './Snackbar';
2
+ export { default as Snackbars } from './Snackbars';
2
3
  export type { SnackbarProps } from './Snackbar';
4
+ export type {
5
+ SnackbarsItem,
6
+ SnackbarsPlacement,
7
+ SnackbarsProps,
8
+ } from './Snackbars';
package/lib/components/index.ts CHANGED
@@ -26,7 +26,13 @@ export { default as Overlay } from './Overlay';
26
26
  export type { OverlayProps } from './Overlay';
27
27
 
28
28
  export { default as Snackbar } from './Snackbar';
29
- export type { SnackbarProps } from './Snackbar';
29
+ export { Snackbars } from './Snackbar';
30
+ export type {
31
+ SnackbarProps,
32
+ SnackbarsItem,
33
+ SnackbarsPlacement,
34
+ SnackbarsProps,
35
+ } from './Snackbar';
30
36
 
31
37
  export { default as Avatar } from './Avatar';
32
38
  export type { AvatarProps } from './Avatar';
@@ -207,6 +213,9 @@ export type { DropdownMenuProps } from './DropdownMenu';
207
213
  export { default as DrawerMenu } from './DrawerMenu';
208
214
  export type { DrawerMenuProps } from './DrawerMenu';
209
215
 
216
+ export { default as Sidebar } from './Sidebar';
217
+ export type { SidebarProps } from './Sidebar';
218
+
210
219
  export { default as DropdownUserMenu } from './DropdownUserMenu';
211
220
  export type { DropdownUserMenuProps } from './DropdownUserMenu';
212
221
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "uikit-react-public",
3
3
  "private": false,
4
4
  "license": "UNLICENSED",
5
- "version": "0.30.1",
5
+ "version": "0.32.4",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",