uikit-react-public 0.29.6 → 0.30.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 (143) hide show
  1. package/dist/components/Accordion/Accordion.stories.d.ts +1 -1
  2. package/dist/components/Alert/Alert.stories.d.ts +1 -1
  3. package/dist/components/AppHeader/AppHeader.stories.d.ts +1 -1
  4. package/dist/components/AppMenu/AppMenu.stories.d.ts +1 -1
  5. package/dist/components/Avatar/Avatar.stories.d.ts +1 -1
  6. package/dist/components/Badge/Badge.stories.d.ts +1 -1
  7. package/dist/components/BaseCheckbox/BaseCheckbox.stories.d.ts +1 -1
  8. package/dist/components/Blanket/Blanket.stories.d.ts +1 -1
  9. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -1
  10. package/dist/components/Button/Button.stories.d.ts +1 -1
  11. package/dist/components/Calendar/Calendar.stories.d.ts +1 -1
  12. package/dist/components/Calendar/subcomponents/Day.stories.d.ts +1 -1
  13. package/dist/components/Checkbox/Checkbox.stories.d.ts +1 -1
  14. package/dist/components/Chip/Chip.stories.d.ts +1 -1
  15. package/dist/components/Datepicker/Datepicker.stories.d.ts +1 -1
  16. package/dist/components/Dialog/BaseDialog.d.ts +1 -1
  17. package/dist/components/Dialog/Dialog.d.ts +1 -1
  18. package/dist/components/Dialog/Dialog.stories.d.ts +2 -2
  19. package/dist/components/Divider/Divider.stories.d.ts +1 -1
  20. package/dist/components/Dropdown/Dropdown.stories.d.ts +1 -1
  21. package/dist/components/FeedbackDialog/FeedbackDialog.stories.d.ts +1 -1
  22. package/dist/components/Field/Field.stories.d.ts +1 -1
  23. package/dist/components/FileInput/FileInput.stories.d.ts +1 -1
  24. package/dist/components/Footer/Footer.stories.d.ts +1 -1
  25. package/dist/components/Header/Header.stories.d.ts +1 -1
  26. package/dist/components/Heading/Heading.stories.d.ts +1 -1
  27. package/dist/components/Icon/Icon.stories.d.ts +1 -1
  28. package/dist/components/IconButton/IconButton.stories.d.ts +1 -1
  29. package/dist/components/Input/Input.stories.d.ts +1 -1
  30. package/dist/components/Label/Label.stories.d.ts +1 -1
  31. package/dist/components/Layout/Layout.stories.d.ts +1 -1
  32. package/dist/components/Link/Link.stories.d.ts +1 -1
  33. package/dist/components/Main/Main.stories.d.ts +1 -1
  34. package/dist/components/Modal/Modal.stories.d.ts +1 -1
  35. package/dist/components/NativeDatepicker/NativeDatepicker.stories.d.ts +1 -1
  36. package/dist/components/Overlay/Overlay.stories.d.ts +2 -2
  37. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  38. package/dist/components/Paragraph/Paragraph.stories.d.ts +1 -1
  39. package/dist/components/Radio/Radio.stories.d.ts +1 -1
  40. package/dist/components/Search/Search.stories.d.ts +1 -1
  41. package/dist/components/Select/Select.stories.d.ts +1 -1
  42. package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
  43. package/dist/components/Spinner/Spinner.stories.d.ts +1 -1
  44. package/dist/components/StandaloneLink/StandaloneLink.stories.d.ts +1 -1
  45. package/dist/components/Table/Table.stories.d.ts +1 -1
  46. package/dist/components/Table/subcomponents/Cell/Cell.stories.d.ts +2 -2
  47. package/dist/components/Table/subcomponents/HeadCell/HeadCell.stories.d.ts +2 -2
  48. package/dist/components/Tabs/Tab.d.ts +11 -5
  49. package/dist/components/Tabs/TabContext.d.ts +14 -8
  50. package/dist/components/Tabs/Tabs.d.ts +25 -8
  51. package/dist/components/Tabs/Tabs.stories.d.ts +5 -9
  52. package/dist/components/Tabs/TabsList.d.ts +9 -0
  53. package/dist/components/Tabs/TabsPanel.d.ts +10 -0
  54. package/dist/components/Tabs/index.d.ts +2 -1
  55. package/dist/components/Textarea/Textarea.stories.d.ts +1 -1
  56. package/dist/components/Timepicker/Timepicker.stories.d.ts +1 -1
  57. package/dist/components/Toggle/Toggle.stories.d.ts +1 -1
  58. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
  59. package/dist/components/UclLogo/UclLogo.stories.d.ts +1 -1
  60. package/dist/components/WeekPicker/WeekPicker.stories.d.ts +1 -1
  61. package/dist/components/index.d.ts +1 -1
  62. package/dist/index.js +4392 -4123
  63. package/dist/utils/announce.d.ts +2 -1
  64. package/lib/Welcome.mdx +1 -1
  65. package/lib/components/Accordion/Accordion.stories.tsx +1 -1
  66. package/lib/components/Alert/Alert.mdx +1 -1
  67. package/lib/components/Alert/Alert.stories.tsx +1 -1
  68. package/lib/components/AppHeader/AppHeader.stories.tsx +1 -1
  69. package/lib/components/AppMenu/AppMenu.stories.tsx +1 -1
  70. package/lib/components/Avatar/Avatar.mdx +1 -1
  71. package/lib/components/Avatar/Avatar.stories.tsx +1 -1
  72. package/lib/components/Badge/Badge.stories.tsx +1 -1
  73. package/lib/components/BaseCheckbox/BaseCheckbox.stories.tsx +2 -2
  74. package/lib/components/Blanket/Blanket.stories.tsx +1 -1
  75. package/lib/components/Breadcrumbs/Breadcrumbs.stories.tsx +1 -1
  76. package/lib/components/Button/Button.mdx +1 -1
  77. package/lib/components/Button/Button.stories.tsx +2 -2
  78. package/lib/components/Calendar/Calendar.stories.tsx +2 -2
  79. package/lib/components/Calendar/subcomponents/Day.stories.tsx +1 -1
  80. package/lib/components/Checkbox/Checkbox.stories.tsx +2 -2
  81. package/lib/components/Chip/Chip.stories.tsx +2 -2
  82. package/lib/components/Datepicker/Datepicker.stories.tsx +2 -2
  83. package/lib/components/Dialog/BaseDialog.tsx +180 -161
  84. package/lib/components/Dialog/Dialog.stories.tsx +1 -1
  85. package/lib/components/Dialog/Dialog.tsx +15 -11
  86. package/lib/components/Divider/Divider.stories.tsx +1 -1
  87. package/lib/components/Dropdown/Dropdown.stories.tsx +1 -1
  88. package/lib/components/FeedbackDialog/FeedbackDialog.stories.tsx +1 -1
  89. package/lib/components/Field/Field.stories.tsx +2 -2
  90. package/lib/components/FileInput/FileInput.stories.tsx +1 -1
  91. package/lib/components/Footer/Footer.stories.tsx +1 -1
  92. package/lib/components/Header/Header.mdx +1 -1
  93. package/lib/components/Header/Header.stories.tsx +1 -1
  94. package/lib/components/Heading/Documentation.mdx +1 -1
  95. package/lib/components/Heading/Heading.stories.tsx +1 -1
  96. package/lib/components/Icon/Icon.stories.tsx +1 -1
  97. package/lib/components/IconButton/IconButton.stories.tsx +1 -1
  98. package/lib/components/Input/Documentation.mdx +1 -1
  99. package/lib/components/Input/Input.stories.tsx +1 -1
  100. package/lib/components/Label/Label.stories.tsx +1 -1
  101. package/lib/components/Layout/Layout.stories.tsx +1 -1
  102. package/lib/components/Link/Link.stories.tsx +1 -1
  103. package/lib/components/Main/Main.stories.tsx +1 -1
  104. package/lib/components/Modal/Modal.stories.tsx +1 -1
  105. package/lib/components/NativeDatepicker/NativeDatepicker.stories.tsx +2 -2
  106. package/lib/components/Overlay/Overlay.stories.tsx +1 -1
  107. package/lib/components/Overlay/Overlay.tsx +1 -4
  108. package/lib/components/Pagination/Pagination.stories.tsx +1 -1
  109. package/lib/components/Paragraph/Paragraph.stories.tsx +1 -1
  110. package/lib/components/Radio/Radio.stories.tsx +2 -2
  111. package/lib/components/Search/Search.stories.tsx +1 -1
  112. package/lib/components/Select/Select.mdx +1 -1
  113. package/lib/components/Select/Select.stories.tsx +2 -2
  114. package/lib/components/Select/Select.types.ts +1 -2
  115. package/lib/components/Snackbar/Snackbar.stories.tsx +1 -1
  116. package/lib/components/Spinner/Spinner.stories.tsx +1 -1
  117. package/lib/components/StandaloneLink/StandaloneLink.stories.tsx +1 -1
  118. package/lib/components/Table/Table.stories.tsx +1 -1
  119. package/lib/components/Table/subcomponents/Cell/Cell.stories.tsx +2 -2
  120. package/lib/components/Table/subcomponents/HeadCell/HeadCell.stories.tsx +1 -1
  121. package/lib/components/Tabs/Tab.tsx +209 -36
  122. package/lib/components/Tabs/TabContext.tsx +20 -7
  123. package/lib/components/Tabs/Tabs.stories.tsx +87 -68
  124. package/lib/components/Tabs/Tabs.tsx +129 -37
  125. package/lib/components/Tabs/TabsList.tsx +134 -0
  126. package/lib/components/Tabs/TabsPanel.tsx +55 -0
  127. package/lib/components/Tabs/__tests__/Tabs.test.tsx +173 -105
  128. package/lib/components/Tabs/index.ts +8 -1
  129. package/lib/components/Textarea/Textarea.stories.tsx +1 -1
  130. package/lib/components/Timepicker/Timepicker.stories.tsx +1 -1
  131. package/lib/components/Toggle/Documentation.mdx +1 -1
  132. package/lib/components/Toggle/Toggle.stories.tsx +1 -1
  133. package/lib/components/Tooltip/Tooltip.stories.tsx +1 -1
  134. package/lib/components/UclLogo/UclLogo.stories.tsx +1 -1
  135. package/lib/components/WeekPicker/WeekPicker.stories.tsx +2 -2
  136. package/lib/components/common/Common.mdx +1 -1
  137. package/lib/components/index.ts +7 -1
  138. package/lib/theme/Icons.mdx +1 -1
  139. package/lib/theme/Typography.mdx +1 -1
  140. package/lib/utils/__tests__/announce.test.ts +53 -0
  141. package/lib/utils/announce.ts +33 -10
  142. package/package.json +8 -11
  143. package/lib/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +0 -185
@@ -1,185 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`Tabs > snapshot: Auto width 1`] = `
4
- <div
5
- class="ucl-uikit-tabs css-1hchved"
6
- data-testid="ucl-uikit-tabs"
7
- role="tablist"
8
- >
9
- <button
10
- aria-selected="true"
11
- class="ucl-uikit-tabs__tab css-u8nay3"
12
- data-testid="ucl-uikit-tabs__tab"
13
- role="tab"
14
- >
15
- Tab Item 1
16
-
17
- </button>
18
- <button
19
- aria-selected="false"
20
- class="ucl-uikit-tabs__tab css-eoe29w"
21
- data-testid="ucl-uikit-tabs__tab"
22
- role="tab"
23
- >
24
- Tab Item 2
25
-
26
- </button>
27
- <button
28
- aria-selected="false"
29
- class="ucl-uikit-tabs__tab css-eoe29w"
30
- data-testid="ucl-uikit-tabs__tab"
31
- role="tab"
32
- >
33
- Tab Item 3
34
-
35
- </button>
36
- <button
37
- aria-selected="false"
38
- class="ucl-uikit-tabs__tab css-eoe29w"
39
- data-testid="ucl-uikit-tabs__tab"
40
- role="tab"
41
- >
42
- A longer tab item showing auto width
43
-
44
- </button>
45
- </div>
46
- `;
47
-
48
- exports[`Tabs > snapshot: Counter 1`] = `
49
- <div
50
- class="ucl-uikit-tabs css-1hchved"
51
- data-testid="ucl-uikit-tabs"
52
- role="tablist"
53
- >
54
- <button
55
- aria-selected="true"
56
- class="ucl-uikit-tabs__tab css-1gzur5d"
57
- data-testid="ucl-uikit-tabs__tab"
58
- role="tab"
59
- >
60
- Tab Item 1
61
-
62
- (12)
63
- </button>
64
- <button
65
- aria-selected="false"
66
- class="ucl-uikit-tabs__tab css-b3abfp"
67
- data-testid="ucl-uikit-tabs__tab"
68
- role="tab"
69
- >
70
- Tab Item 2
71
-
72
- (6)
73
- </button>
74
- <button
75
- aria-selected="false"
76
- class="ucl-uikit-tabs__tab css-b3abfp"
77
- data-testid="ucl-uikit-tabs__tab"
78
- role="tab"
79
- >
80
- Tab Item 3
81
-
82
- (9)
83
- </button>
84
- <button
85
- aria-selected="false"
86
- class="ucl-uikit-tabs__tab css-b3abfp"
87
- data-testid="ucl-uikit-tabs__tab"
88
- role="tab"
89
- >
90
- Tab Item 4
91
-
92
- (0)
93
- </button>
94
- </div>
95
- `;
96
-
97
- exports[`Tabs > snapshot: Custom test id 1`] = `
98
- <div
99
- class="ucl-uikit-tabs css-1hchved"
100
- data-testid="custom-test-id"
101
- role="tablist"
102
- >
103
- <button
104
- aria-selected="true"
105
- class="ucl-uikit-tabs__tab css-1gzur5d"
106
- data-testid="ucl-uikit-tabs__tab"
107
- role="tab"
108
- >
109
- Tab Item 1
110
-
111
- </button>
112
- <button
113
- aria-selected="false"
114
- class="ucl-uikit-tabs__tab css-b3abfp"
115
- data-testid="ucl-uikit-tabs__tab"
116
- role="tab"
117
- >
118
- Tab Item 2
119
-
120
- </button>
121
- <button
122
- aria-selected="false"
123
- class="ucl-uikit-tabs__tab css-b3abfp"
124
- data-testid="ucl-uikit-tabs__tab"
125
- role="tab"
126
- >
127
- Tab Item 3
128
-
129
- </button>
130
- <button
131
- aria-selected="false"
132
- class="ucl-uikit-tabs__tab css-b3abfp"
133
- data-testid="ucl-uikit-tabs__tab"
134
- role="tab"
135
- >
136
- Tab Item 4
137
-
138
- </button>
139
- </div>
140
- `;
141
-
142
- exports[`Tabs > snapshot: Minimal props 1`] = `
143
- <div
144
- class="ucl-uikit-tabs css-1hchved"
145
- data-testid="ucl-uikit-tabs"
146
- role="tablist"
147
- >
148
- <button
149
- aria-selected="true"
150
- class="ucl-uikit-tabs__tab css-1gzur5d"
151
- data-testid="ucl-uikit-tabs__tab"
152
- role="tab"
153
- >
154
- Tab Item 1
155
-
156
- </button>
157
- <button
158
- aria-selected="false"
159
- class="ucl-uikit-tabs__tab css-b3abfp"
160
- data-testid="ucl-uikit-tabs__tab"
161
- role="tab"
162
- >
163
- Tab Item 2
164
-
165
- </button>
166
- <button
167
- aria-selected="false"
168
- class="ucl-uikit-tabs__tab css-b3abfp"
169
- data-testid="ucl-uikit-tabs__tab"
170
- role="tab"
171
- >
172
- Tab Item 3
173
-
174
- </button>
175
- <button
176
- aria-selected="false"
177
- class="ucl-uikit-tabs__tab css-b3abfp"
178
- data-testid="ucl-uikit-tabs__tab"
179
- role="tab"
180
- >
181
- Tab Item 4
182
-
183
- </button>
184
- </div>
185
- `;