@dxc-technology/halstack-react 0.0.0-f70a97e → 0.0.0-f78eb80

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 (376) hide show
  1. package/README.md +1 -2
  2. package/dist/index.d.mts +6668 -0
  3. package/dist/index.d.ts +6668 -0
  4. package/dist/index.js +14564 -0
  5. package/dist/index.mjs +14507 -0
  6. package/package.json +68 -68
  7. package/BackgroundColorContext.d.ts +0 -1
  8. package/BackgroundColorContext.js +0 -30
  9. package/HalstackContext.d.ts +0 -1249
  10. package/HalstackContext.js +0 -310
  11. package/accordion/Accordion.d.ts +0 -4
  12. package/accordion/Accordion.js +0 -182
  13. package/accordion/Accordion.stories.tsx +0 -283
  14. package/accordion/Accordion.test.js +0 -56
  15. package/accordion/types.d.ts +0 -57
  16. package/accordion/types.js +0 -5
  17. package/accordion-group/AccordionGroup.d.ts +0 -8
  18. package/accordion-group/AccordionGroup.js +0 -101
  19. package/accordion-group/AccordionGroup.stories.tsx +0 -252
  20. package/accordion-group/AccordionGroup.test.js +0 -98
  21. package/accordion-group/AccordionGroupAccordion.d.ts +0 -4
  22. package/accordion-group/AccordionGroupAccordion.js +0 -31
  23. package/accordion-group/types.d.ts +0 -67
  24. package/accordion-group/types.js +0 -5
  25. package/action-icon/ActionIcon.d.ts +0 -4
  26. package/action-icon/ActionIcon.js +0 -47
  27. package/action-icon/ActionIcon.stories.tsx +0 -41
  28. package/action-icon/ActionIcon.test.js +0 -64
  29. package/action-icon/types.d.ts +0 -26
  30. package/action-icon/types.js +0 -5
  31. package/alert/Alert.d.ts +0 -4
  32. package/alert/Alert.js +0 -254
  33. package/alert/Alert.stories.tsx +0 -198
  34. package/alert/Alert.test.js +0 -75
  35. package/alert/types.d.ts +0 -49
  36. package/alert/types.js +0 -5
  37. package/badge/Badge.d.ts +0 -4
  38. package/badge/Badge.js +0 -159
  39. package/badge/Badge.stories.tsx +0 -210
  40. package/badge/Badge.test.js +0 -30
  41. package/badge/types.d.ts +0 -54
  42. package/badge/types.js +0 -5
  43. package/bleed/Bleed.d.ts +0 -3
  44. package/bleed/Bleed.js +0 -43
  45. package/bleed/Bleed.stories.tsx +0 -342
  46. package/bleed/types.d.ts +0 -37
  47. package/bleed/types.js +0 -5
  48. package/box/Box.d.ts +0 -4
  49. package/box/Box.js +0 -75
  50. package/box/Box.stories.tsx +0 -119
  51. package/box/Box.test.js +0 -13
  52. package/box/types.d.ts +0 -32
  53. package/box/types.js +0 -5
  54. package/bulleted-list/BulletedList.d.ts +0 -7
  55. package/bulleted-list/BulletedList.js +0 -89
  56. package/bulleted-list/BulletedList.stories.tsx +0 -115
  57. package/bulleted-list/types.d.ts +0 -38
  58. package/bulleted-list/types.js +0 -5
  59. package/button/Button.d.ts +0 -4
  60. package/button/Button.js +0 -121
  61. package/button/Button.stories.tsx +0 -326
  62. package/button/Button.test.js +0 -38
  63. package/button/types.d.ts +0 -57
  64. package/button/types.js +0 -5
  65. package/card/Card.d.ts +0 -4
  66. package/card/Card.js +0 -120
  67. package/card/Card.stories.tsx +0 -171
  68. package/card/Card.test.js +0 -39
  69. package/card/types.d.ts +0 -62
  70. package/card/types.js +0 -5
  71. package/checkbox/Checkbox.d.ts +0 -4
  72. package/checkbox/Checkbox.js +0 -215
  73. package/checkbox/Checkbox.stories.tsx +0 -222
  74. package/checkbox/Checkbox.test.js +0 -199
  75. package/checkbox/types.d.ts +0 -72
  76. package/checkbox/types.js +0 -5
  77. package/chip/Chip.d.ts +0 -4
  78. package/chip/Chip.js +0 -121
  79. package/chip/Chip.stories.tsx +0 -214
  80. package/chip/Chip.test.js +0 -41
  81. package/chip/types.d.ts +0 -45
  82. package/chip/types.js +0 -5
  83. package/common/coreTokens.d.ts +0 -237
  84. package/common/coreTokens.js +0 -184
  85. package/common/utils.d.ts +0 -1
  86. package/common/utils.js +0 -16
  87. package/common/variables.d.ts +0 -1395
  88. package/common/variables.js +0 -1267
  89. package/container/Container.d.ts +0 -4
  90. package/container/Container.js +0 -194
  91. package/container/Container.stories.tsx +0 -214
  92. package/container/types.d.ts +0 -74
  93. package/container/types.js +0 -5
  94. package/contextual-menu/ContextualMenu.d.ts +0 -7
  95. package/contextual-menu/ContextualMenu.js +0 -71
  96. package/contextual-menu/ContextualMenu.stories.tsx +0 -182
  97. package/contextual-menu/ContextualMenu.test.js +0 -71
  98. package/contextual-menu/MenuItemAction.d.ts +0 -4
  99. package/contextual-menu/MenuItemAction.js +0 -46
  100. package/contextual-menu/types.d.ts +0 -22
  101. package/contextual-menu/types.js +0 -5
  102. package/date-input/Calendar.d.ts +0 -4
  103. package/date-input/Calendar.js +0 -214
  104. package/date-input/DateInput.d.ts +0 -4
  105. package/date-input/DateInput.js +0 -223
  106. package/date-input/DateInput.stories.tsx +0 -285
  107. package/date-input/DateInput.test.js +0 -808
  108. package/date-input/DatePicker.d.ts +0 -4
  109. package/date-input/DatePicker.js +0 -115
  110. package/date-input/Icons.d.ts +0 -6
  111. package/date-input/Icons.js +0 -58
  112. package/date-input/YearPicker.d.ts +0 -4
  113. package/date-input/YearPicker.js +0 -100
  114. package/date-input/types.d.ts +0 -164
  115. package/date-input/types.js +0 -5
  116. package/dialog/Dialog.d.ts +0 -4
  117. package/dialog/Dialog.js +0 -104
  118. package/dialog/Dialog.stories.tsx +0 -365
  119. package/dialog/Dialog.test.js +0 -307
  120. package/dialog/types.d.ts +0 -36
  121. package/dialog/types.js +0 -5
  122. package/divider/Divider.d.ts +0 -4
  123. package/divider/Divider.js +0 -36
  124. package/divider/Divider.stories.tsx +0 -223
  125. package/divider/Divider.test.js +0 -38
  126. package/divider/types.d.ts +0 -19
  127. package/divider/types.js +0 -5
  128. package/dropdown/Dropdown.d.ts +0 -4
  129. package/dropdown/Dropdown.js +0 -336
  130. package/dropdown/Dropdown.stories.tsx +0 -438
  131. package/dropdown/Dropdown.test.js +0 -599
  132. package/dropdown/DropdownMenu.d.ts +0 -4
  133. package/dropdown/DropdownMenu.js +0 -63
  134. package/dropdown/DropdownMenuItem.d.ts +0 -4
  135. package/dropdown/DropdownMenuItem.js +0 -67
  136. package/dropdown/types.d.ts +0 -98
  137. package/dropdown/types.js +0 -5
  138. package/file-input/FileInput.d.ts +0 -4
  139. package/file-input/FileInput.js +0 -479
  140. package/file-input/FileInput.stories.tsx +0 -618
  141. package/file-input/FileInput.test.js +0 -459
  142. package/file-input/FileItem.d.ts +0 -4
  143. package/file-input/FileItem.js +0 -135
  144. package/file-input/types.d.ts +0 -129
  145. package/file-input/types.js +0 -5
  146. package/flex/Flex.d.ts +0 -4
  147. package/flex/Flex.js +0 -57
  148. package/flex/Flex.stories.tsx +0 -112
  149. package/flex/types.d.ts +0 -97
  150. package/flex/types.js +0 -5
  151. package/footer/Footer.d.ts +0 -4
  152. package/footer/Footer.js +0 -138
  153. package/footer/Footer.stories.tsx +0 -171
  154. package/footer/Footer.test.js +0 -85
  155. package/footer/Icons.d.ts +0 -3
  156. package/footer/Icons.js +0 -136
  157. package/footer/types.d.ts +0 -64
  158. package/footer/types.js +0 -5
  159. package/grid/Grid.d.ts +0 -7
  160. package/grid/Grid.js +0 -76
  161. package/grid/Grid.stories.tsx +0 -219
  162. package/grid/types.d.ts +0 -115
  163. package/grid/types.js +0 -5
  164. package/header/Header.d.ts +0 -8
  165. package/header/Header.js +0 -220
  166. package/header/Header.stories.tsx +0 -251
  167. package/header/Header.test.js +0 -66
  168. package/header/Icons.d.ts +0 -2
  169. package/header/Icons.js +0 -29
  170. package/header/types.d.ts +0 -33
  171. package/header/types.js +0 -5
  172. package/heading/Heading.d.ts +0 -4
  173. package/heading/Heading.js +0 -137
  174. package/heading/Heading.stories.tsx +0 -54
  175. package/heading/Heading.test.js +0 -169
  176. package/heading/types.d.ts +0 -33
  177. package/heading/types.js +0 -5
  178. package/icon/Icon.d.ts +0 -4
  179. package/icon/Icon.js +0 -33
  180. package/icon/Icon.stories.tsx +0 -26
  181. package/icon/types.d.ts +0 -4
  182. package/icon/types.js +0 -5
  183. package/image/Image.d.ts +0 -4
  184. package/image/Image.js +0 -70
  185. package/image/Image.stories.tsx +0 -129
  186. package/image/types.d.ts +0 -72
  187. package/image/types.js +0 -5
  188. package/inset/Inset.d.ts +0 -3
  189. package/inset/Inset.js +0 -43
  190. package/inset/Inset.stories.tsx +0 -230
  191. package/inset/types.d.ts +0 -37
  192. package/inset/types.js +0 -5
  193. package/layout/ApplicationLayout.d.ts +0 -20
  194. package/layout/ApplicationLayout.js +0 -134
  195. package/layout/ApplicationLayout.stories.tsx +0 -162
  196. package/layout/Icons.d.ts +0 -8
  197. package/layout/Icons.js +0 -58
  198. package/layout/SidenavContext.d.ts +0 -5
  199. package/layout/SidenavContext.js +0 -13
  200. package/layout/types.d.ts +0 -41
  201. package/layout/types.js +0 -5
  202. package/link/Link.d.ts +0 -4
  203. package/link/Link.js +0 -115
  204. package/link/Link.stories.tsx +0 -253
  205. package/link/Link.test.js +0 -63
  206. package/link/types.d.ts +0 -54
  207. package/link/types.js +0 -5
  208. package/main.d.ts +0 -49
  209. package/main.js +0 -357
  210. package/nav-tabs/NavTabs.d.ts +0 -8
  211. package/nav-tabs/NavTabs.js +0 -93
  212. package/nav-tabs/NavTabs.stories.tsx +0 -276
  213. package/nav-tabs/NavTabs.test.js +0 -76
  214. package/nav-tabs/Tab.d.ts +0 -4
  215. package/nav-tabs/Tab.js +0 -118
  216. package/nav-tabs/types.d.ts +0 -52
  217. package/nav-tabs/types.js +0 -5
  218. package/number-input/NumberInput.d.ts +0 -11
  219. package/number-input/NumberInput.js +0 -86
  220. package/number-input/NumberInput.stories.tsx +0 -131
  221. package/number-input/NumberInput.test.js +0 -989
  222. package/number-input/types.d.ts +0 -130
  223. package/number-input/types.js +0 -5
  224. package/paginator/Icons.d.ts +0 -5
  225. package/paginator/Icons.js +0 -40
  226. package/paginator/Paginator.d.ts +0 -4
  227. package/paginator/Paginator.js +0 -135
  228. package/paginator/Paginator.stories.tsx +0 -87
  229. package/paginator/Paginator.test.js +0 -335
  230. package/paginator/types.d.ts +0 -38
  231. package/paginator/types.js +0 -5
  232. package/paragraph/Paragraph.d.ts +0 -5
  233. package/paragraph/Paragraph.js +0 -22
  234. package/paragraph/Paragraph.stories.tsx +0 -27
  235. package/password-input/Icons.d.ts +0 -6
  236. package/password-input/Icons.js +0 -35
  237. package/password-input/PasswordInput.d.ts +0 -4
  238. package/password-input/PasswordInput.js +0 -97
  239. package/password-input/PasswordInput.stories.tsx +0 -99
  240. package/password-input/PasswordInput.test.js +0 -198
  241. package/password-input/types.d.ts +0 -111
  242. package/password-input/types.js +0 -5
  243. package/progress-bar/ProgressBar.d.ts +0 -4
  244. package/progress-bar/ProgressBar.js +0 -144
  245. package/progress-bar/ProgressBar.stories.tsx +0 -93
  246. package/progress-bar/ProgressBar.test.js +0 -93
  247. package/progress-bar/types.d.ts +0 -37
  248. package/progress-bar/types.js +0 -5
  249. package/quick-nav/QuickNav.d.ts +0 -4
  250. package/quick-nav/QuickNav.js +0 -94
  251. package/quick-nav/QuickNav.stories.tsx +0 -356
  252. package/quick-nav/types.d.ts +0 -21
  253. package/quick-nav/types.js +0 -5
  254. package/radio-group/Radio.d.ts +0 -4
  255. package/radio-group/Radio.js +0 -124
  256. package/radio-group/RadioGroup.d.ts +0 -4
  257. package/radio-group/RadioGroup.js +0 -235
  258. package/radio-group/RadioGroup.stories.tsx +0 -214
  259. package/radio-group/RadioGroup.test.js +0 -756
  260. package/radio-group/types.d.ts +0 -114
  261. package/radio-group/types.js +0 -5
  262. package/resultset-table/Icons.d.ts +0 -7
  263. package/resultset-table/Icons.js +0 -47
  264. package/resultset-table/ResultsetTable.d.ts +0 -7
  265. package/resultset-table/ResultsetTable.js +0 -166
  266. package/resultset-table/ResultsetTable.stories.tsx +0 -397
  267. package/resultset-table/ResultsetTable.test.js +0 -371
  268. package/resultset-table/types.d.ts +0 -73
  269. package/resultset-table/types.js +0 -5
  270. package/select/Icons.d.ts +0 -10
  271. package/select/Icons.js +0 -89
  272. package/select/Listbox.d.ts +0 -4
  273. package/select/Listbox.js +0 -143
  274. package/select/Option.d.ts +0 -4
  275. package/select/Option.js +0 -87
  276. package/select/Select.d.ts +0 -4
  277. package/select/Select.js +0 -590
  278. package/select/Select.stories.tsx +0 -971
  279. package/select/Select.test.js +0 -2370
  280. package/select/types.d.ts +0 -209
  281. package/select/types.js +0 -5
  282. package/sidenav/Icons.d.ts +0 -7
  283. package/sidenav/Icons.js +0 -47
  284. package/sidenav/Sidenav.d.ts +0 -10
  285. package/sidenav/Sidenav.js +0 -197
  286. package/sidenav/Sidenav.stories.tsx +0 -282
  287. package/sidenav/Sidenav.test.js +0 -37
  288. package/sidenav/types.d.ts +0 -76
  289. package/sidenav/types.js +0 -5
  290. package/slider/Slider.d.ts +0 -4
  291. package/slider/Slider.js +0 -285
  292. package/slider/Slider.test.js +0 -254
  293. package/slider/types.d.ts +0 -86
  294. package/slider/types.js +0 -5
  295. package/spinner/Spinner.d.ts +0 -4
  296. package/spinner/Spinner.js +0 -206
  297. package/spinner/Spinner.stories.tsx +0 -129
  298. package/spinner/Spinner.test.js +0 -55
  299. package/spinner/types.d.ts +0 -32
  300. package/spinner/types.js +0 -5
  301. package/status-light/StatusLight.d.ts +0 -4
  302. package/status-light/StatusLight.js +0 -51
  303. package/status-light/StatusLight.stories.tsx +0 -74
  304. package/status-light/StatusLight.test.js +0 -25
  305. package/status-light/types.d.ts +0 -17
  306. package/status-light/types.js +0 -5
  307. package/switch/Switch.d.ts +0 -4
  308. package/switch/Switch.js +0 -214
  309. package/switch/Switch.stories.tsx +0 -137
  310. package/switch/Switch.test.js +0 -180
  311. package/switch/types.d.ts +0 -66
  312. package/switch/types.js +0 -5
  313. package/table/DropdownTheme.js +0 -62
  314. package/table/Table.d.ts +0 -8
  315. package/table/Table.js +0 -170
  316. package/table/Table.stories.tsx +0 -658
  317. package/table/Table.test.js +0 -113
  318. package/table/types.d.ts +0 -63
  319. package/table/types.js +0 -5
  320. package/tabs/Tab.d.ts +0 -4
  321. package/tabs/Tab.js +0 -116
  322. package/tabs/Tabs.d.ts +0 -4
  323. package/tabs/Tabs.js +0 -384
  324. package/tabs/Tabs.stories.tsx +0 -226
  325. package/tabs/Tabs.test.js +0 -294
  326. package/tabs/types.d.ts +0 -92
  327. package/tabs/types.js +0 -5
  328. package/tag/Tag.d.ts +0 -4
  329. package/tag/Tag.js +0 -151
  330. package/tag/Tag.stories.tsx +0 -155
  331. package/tag/Tag.test.js +0 -49
  332. package/tag/types.d.ts +0 -69
  333. package/tag/types.js +0 -5
  334. package/text-input/Icons.d.ts +0 -8
  335. package/text-input/Icons.js +0 -56
  336. package/text-input/Suggestion.d.ts +0 -4
  337. package/text-input/Suggestion.js +0 -67
  338. package/text-input/Suggestions.d.ts +0 -4
  339. package/text-input/Suggestions.js +0 -84
  340. package/text-input/TextInput.d.ts +0 -4
  341. package/text-input/TextInput.js +0 -565
  342. package/text-input/TextInput.stories.tsx +0 -465
  343. package/text-input/TextInput.test.js +0 -1756
  344. package/text-input/types.d.ts +0 -205
  345. package/text-input/types.js +0 -5
  346. package/textarea/Textarea.d.ts +0 -4
  347. package/textarea/Textarea.js +0 -234
  348. package/textarea/Textarea.stories.tsx +0 -174
  349. package/textarea/Textarea.test.js +0 -406
  350. package/textarea/types.d.ts +0 -141
  351. package/textarea/types.js +0 -5
  352. package/toggle-group/ToggleGroup.d.ts +0 -4
  353. package/toggle-group/ToggleGroup.js +0 -201
  354. package/toggle-group/ToggleGroup.stories.tsx +0 -218
  355. package/toggle-group/ToggleGroup.test.js +0 -137
  356. package/toggle-group/types.d.ts +0 -114
  357. package/toggle-group/types.js +0 -5
  358. package/typography/Typography.d.ts +0 -4
  359. package/typography/Typography.js +0 -23
  360. package/typography/Typography.stories.tsx +0 -198
  361. package/typography/types.d.ts +0 -18
  362. package/typography/types.js +0 -5
  363. package/useTheme.d.ts +0 -1148
  364. package/useTheme.js +0 -15
  365. package/useTranslatedLabels.d.ts +0 -85
  366. package/useTranslatedLabels.js +0 -14
  367. package/utils/BaseTypography.d.ts +0 -21
  368. package/utils/BaseTypography.js +0 -94
  369. package/utils/FocusLock.d.ts +0 -13
  370. package/utils/FocusLock.js +0 -124
  371. package/wizard/Wizard.d.ts +0 -4
  372. package/wizard/Wizard.js +0 -250
  373. package/wizard/Wizard.stories.tsx +0 -253
  374. package/wizard/Wizard.test.js +0 -114
  375. package/wizard/types.d.ts +0 -64
  376. package/wizard/types.js +0 -5
package/main.js DELETED
@@ -1,357 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "DxcAccordion", {
9
- enumerable: true,
10
- get: function get() {
11
- return _Accordion["default"];
12
- }
13
- });
14
- Object.defineProperty(exports, "DxcAccordionGroup", {
15
- enumerable: true,
16
- get: function get() {
17
- return _AccordionGroup["default"];
18
- }
19
- });
20
- Object.defineProperty(exports, "DxcAlert", {
21
- enumerable: true,
22
- get: function get() {
23
- return _Alert["default"];
24
- }
25
- });
26
- Object.defineProperty(exports, "DxcApplicationLayout", {
27
- enumerable: true,
28
- get: function get() {
29
- return _ApplicationLayout["default"];
30
- }
31
- });
32
- Object.defineProperty(exports, "DxcBadge", {
33
- enumerable: true,
34
- get: function get() {
35
- return _Badge["default"];
36
- }
37
- });
38
- Object.defineProperty(exports, "DxcBleed", {
39
- enumerable: true,
40
- get: function get() {
41
- return _Bleed["default"];
42
- }
43
- });
44
- Object.defineProperty(exports, "DxcBox", {
45
- enumerable: true,
46
- get: function get() {
47
- return _Box["default"];
48
- }
49
- });
50
- Object.defineProperty(exports, "DxcBulletedList", {
51
- enumerable: true,
52
- get: function get() {
53
- return _BulletedList["default"];
54
- }
55
- });
56
- Object.defineProperty(exports, "DxcButton", {
57
- enumerable: true,
58
- get: function get() {
59
- return _Button["default"];
60
- }
61
- });
62
- Object.defineProperty(exports, "DxcCard", {
63
- enumerable: true,
64
- get: function get() {
65
- return _Card["default"];
66
- }
67
- });
68
- Object.defineProperty(exports, "DxcCheckbox", {
69
- enumerable: true,
70
- get: function get() {
71
- return _Checkbox["default"];
72
- }
73
- });
74
- Object.defineProperty(exports, "DxcChip", {
75
- enumerable: true,
76
- get: function get() {
77
- return _Chip["default"];
78
- }
79
- });
80
- Object.defineProperty(exports, "DxcContainer", {
81
- enumerable: true,
82
- get: function get() {
83
- return _Container["default"];
84
- }
85
- });
86
- Object.defineProperty(exports, "DxcContextualMenu", {
87
- enumerable: true,
88
- get: function get() {
89
- return _ContextualMenu["default"];
90
- }
91
- });
92
- Object.defineProperty(exports, "DxcDateInput", {
93
- enumerable: true,
94
- get: function get() {
95
- return _DateInput["default"];
96
- }
97
- });
98
- Object.defineProperty(exports, "DxcDialog", {
99
- enumerable: true,
100
- get: function get() {
101
- return _Dialog["default"];
102
- }
103
- });
104
- Object.defineProperty(exports, "DxcDivider", {
105
- enumerable: true,
106
- get: function get() {
107
- return _Divider["default"];
108
- }
109
- });
110
- Object.defineProperty(exports, "DxcDropdown", {
111
- enumerable: true,
112
- get: function get() {
113
- return _Dropdown["default"];
114
- }
115
- });
116
- Object.defineProperty(exports, "DxcFileInput", {
117
- enumerable: true,
118
- get: function get() {
119
- return _FileInput["default"];
120
- }
121
- });
122
- Object.defineProperty(exports, "DxcFlex", {
123
- enumerable: true,
124
- get: function get() {
125
- return _Flex["default"];
126
- }
127
- });
128
- Object.defineProperty(exports, "DxcGrid", {
129
- enumerable: true,
130
- get: function get() {
131
- return _Grid["default"];
132
- }
133
- });
134
- Object.defineProperty(exports, "DxcHeading", {
135
- enumerable: true,
136
- get: function get() {
137
- return _Heading["default"];
138
- }
139
- });
140
- Object.defineProperty(exports, "DxcImage", {
141
- enumerable: true,
142
- get: function get() {
143
- return _Image["default"];
144
- }
145
- });
146
- Object.defineProperty(exports, "DxcInset", {
147
- enumerable: true,
148
- get: function get() {
149
- return _Inset["default"];
150
- }
151
- });
152
- Object.defineProperty(exports, "DxcLink", {
153
- enumerable: true,
154
- get: function get() {
155
- return _Link["default"];
156
- }
157
- });
158
- Object.defineProperty(exports, "DxcNavTabs", {
159
- enumerable: true,
160
- get: function get() {
161
- return _NavTabs["default"];
162
- }
163
- });
164
- Object.defineProperty(exports, "DxcNumberInput", {
165
- enumerable: true,
166
- get: function get() {
167
- return _NumberInput["default"];
168
- }
169
- });
170
- Object.defineProperty(exports, "DxcPaginator", {
171
- enumerable: true,
172
- get: function get() {
173
- return _Paginator["default"];
174
- }
175
- });
176
- Object.defineProperty(exports, "DxcParagraph", {
177
- enumerable: true,
178
- get: function get() {
179
- return _Paragraph["default"];
180
- }
181
- });
182
- Object.defineProperty(exports, "DxcPasswordInput", {
183
- enumerable: true,
184
- get: function get() {
185
- return _PasswordInput["default"];
186
- }
187
- });
188
- Object.defineProperty(exports, "DxcProgressBar", {
189
- enumerable: true,
190
- get: function get() {
191
- return _ProgressBar["default"];
192
- }
193
- });
194
- Object.defineProperty(exports, "DxcQuickNav", {
195
- enumerable: true,
196
- get: function get() {
197
- return _QuickNav["default"];
198
- }
199
- });
200
- Object.defineProperty(exports, "DxcRadioGroup", {
201
- enumerable: true,
202
- get: function get() {
203
- return _RadioGroup["default"];
204
- }
205
- });
206
- Object.defineProperty(exports, "DxcResultsetTable", {
207
- enumerable: true,
208
- get: function get() {
209
- return _ResultsetTable["default"];
210
- }
211
- });
212
- Object.defineProperty(exports, "DxcSelect", {
213
- enumerable: true,
214
- get: function get() {
215
- return _Select["default"];
216
- }
217
- });
218
- Object.defineProperty(exports, "DxcSlider", {
219
- enumerable: true,
220
- get: function get() {
221
- return _Slider["default"];
222
- }
223
- });
224
- Object.defineProperty(exports, "DxcSpinner", {
225
- enumerable: true,
226
- get: function get() {
227
- return _Spinner["default"];
228
- }
229
- });
230
- Object.defineProperty(exports, "DxcStatusLight", {
231
- enumerable: true,
232
- get: function get() {
233
- return _StatusLight["default"];
234
- }
235
- });
236
- Object.defineProperty(exports, "DxcSwitch", {
237
- enumerable: true,
238
- get: function get() {
239
- return _Switch["default"];
240
- }
241
- });
242
- Object.defineProperty(exports, "DxcTable", {
243
- enumerable: true,
244
- get: function get() {
245
- return _Table["default"];
246
- }
247
- });
248
- Object.defineProperty(exports, "DxcTabs", {
249
- enumerable: true,
250
- get: function get() {
251
- return _Tabs["default"];
252
- }
253
- });
254
- Object.defineProperty(exports, "DxcTag", {
255
- enumerable: true,
256
- get: function get() {
257
- return _Tag["default"];
258
- }
259
- });
260
- Object.defineProperty(exports, "DxcTextInput", {
261
- enumerable: true,
262
- get: function get() {
263
- return _TextInput["default"];
264
- }
265
- });
266
- Object.defineProperty(exports, "DxcTextarea", {
267
- enumerable: true,
268
- get: function get() {
269
- return _Textarea["default"];
270
- }
271
- });
272
- Object.defineProperty(exports, "DxcToggleGroup", {
273
- enumerable: true,
274
- get: function get() {
275
- return _ToggleGroup["default"];
276
- }
277
- });
278
- Object.defineProperty(exports, "DxcTypography", {
279
- enumerable: true,
280
- get: function get() {
281
- return _Typography["default"];
282
- }
283
- });
284
- Object.defineProperty(exports, "DxcWizard", {
285
- enumerable: true,
286
- get: function get() {
287
- return _Wizard["default"];
288
- }
289
- });
290
- Object.defineProperty(exports, "HalstackContext", {
291
- enumerable: true,
292
- get: function get() {
293
- return _HalstackContext["default"];
294
- }
295
- });
296
- Object.defineProperty(exports, "HalstackLanguageContext", {
297
- enumerable: true,
298
- get: function get() {
299
- return _HalstackContext.HalstackLanguageContext;
300
- }
301
- });
302
- Object.defineProperty(exports, "HalstackProvider", {
303
- enumerable: true,
304
- get: function get() {
305
- return _HalstackContext.HalstackProvider;
306
- }
307
- });
308
- var _Alert = _interopRequireDefault(require("./alert/Alert"));
309
- var _Accordion = _interopRequireDefault(require("./accordion/Accordion"));
310
- var _Button = _interopRequireDefault(require("./button/Button"));
311
- var _Card = _interopRequireDefault(require("./card/Card"));
312
- var _Checkbox = _interopRequireDefault(require("./checkbox/Checkbox"));
313
- var _Dialog = _interopRequireDefault(require("./dialog/Dialog"));
314
- var _Dropdown = _interopRequireDefault(require("./dropdown/Dropdown"));
315
- var _Slider = _interopRequireDefault(require("./slider/Slider"));
316
- var _Switch = _interopRequireDefault(require("./switch/Switch"));
317
- var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
318
- var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
319
- var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
320
- var _Table = _interopRequireDefault(require("./table/Table"));
321
- var _Box = _interopRequireDefault(require("./box/Box"));
322
- var _Tag = _interopRequireDefault(require("./tag/Tag"));
323
- var _Paginator = _interopRequireDefault(require("./paginator/Paginator"));
324
- var _Wizard = _interopRequireDefault(require("./wizard/Wizard"));
325
- var _Link = _interopRequireDefault(require("./link/Link"));
326
- var _Heading = _interopRequireDefault(require("./heading/Heading"));
327
- var _ResultsetTable = _interopRequireDefault(require("./resultset-table/ResultsetTable"));
328
- var _Chip = _interopRequireDefault(require("./chip/Chip"));
329
- var _ApplicationLayout = _interopRequireDefault(require("./layout/ApplicationLayout"));
330
- var _ToggleGroup = _interopRequireDefault(require("./toggle-group/ToggleGroup"));
331
- var _AccordionGroup = _interopRequireDefault(require("./accordion-group/AccordionGroup"));
332
- var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
333
- var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
334
- var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
335
- var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
336
- var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
337
- var _Select = _interopRequireDefault(require("./select/Select"));
338
- var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
339
- var _RadioGroup = _interopRequireDefault(require("./radio-group/RadioGroup"));
340
- var _Bleed = _interopRequireDefault(require("./bleed/Bleed"));
341
- var _Inset = _interopRequireDefault(require("./inset/Inset"));
342
- var _QuickNav = _interopRequireDefault(require("./quick-nav/QuickNav"));
343
- var _NavTabs = _interopRequireDefault(require("./nav-tabs/NavTabs"));
344
- var _Flex = _interopRequireDefault(require("./flex/Flex"));
345
- var _Typography = _interopRequireDefault(require("./typography/Typography"));
346
- var _Paragraph = _interopRequireDefault(require("./paragraph/Paragraph"));
347
- var _BulletedList = _interopRequireDefault(require("./bulleted-list/BulletedList"));
348
- var _Grid = _interopRequireDefault(require("./grid/Grid"));
349
- var _Image = _interopRequireDefault(require("./image/Image"));
350
- var _Container = _interopRequireDefault(require("./container/Container"));
351
- var _Badge = _interopRequireDefault(require("./badge/Badge"));
352
- var _StatusLight = _interopRequireDefault(require("./status-light/StatusLight"));
353
- var _ContextualMenu = _interopRequireDefault(require("./contextual-menu/ContextualMenu"));
354
- var _Divider = _interopRequireDefault(require("./divider/Divider"));
355
- var _HalstackContext = _interopRequireWildcard(require("./HalstackContext"));
356
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
357
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import NavTabsPropsType, { NavTabsContextProps } from "./types";
3
- export declare const NavTabsContext: React.Context<NavTabsContextProps>;
4
- declare const DxcNavTabs: {
5
- ({ iconPosition, tabIndex, children }: NavTabsPropsType): JSX.Element;
6
- Tab: React.ForwardRefExoticComponent<import("./types").TabProps & React.RefAttributes<HTMLAnchorElement>>;
7
- };
8
- export default DxcNavTabs;
@@ -1,93 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.NavTabsContext = void 0;
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
- var _useTheme = _interopRequireDefault(require("../useTheme"));
14
- var _Tab = _interopRequireDefault(require("./Tab"));
15
- var _templateObject, _templateObject2;
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
- var NavTabsContext = exports.NavTabsContext = /*#__PURE__*/(0, _react.createContext)(null);
19
- var getPropInChild = function getPropInChild(child, propName) {
20
- return child.props ? child.props[propName] ? child.props[propName] : child.props.children ? getPropInChild(child.props.children, propName) : undefined : undefined;
21
- };
22
- var getLabelFromTab = function getLabelFromTab(child) {
23
- if (typeof child === "string") {
24
- return child.toString();
25
- } else if (child.props.children) {
26
- return Array.isArray(child.props.children) ? getLabelFromTab(child.props.children[0]) : getLabelFromTab(child.props.children);
27
- }
28
- };
29
- var getPreviousTabIndex = function getPreviousTabIndex(array, initialIndex) {
30
- var index = initialIndex === 0 ? array.length - 1 : initialIndex - 1;
31
- while (getPropInChild(array[index], "disabled")) {
32
- index = index === 0 ? array.length - 1 : index - 1;
33
- }
34
- return index;
35
- };
36
- var getNextTabIndex = function getNextTabIndex(array, initialIndex) {
37
- var index = initialIndex === array.length - 1 ? 0 : initialIndex + 1;
38
- while (getPropInChild(array[index], "disabled")) {
39
- index = index === array.length - 1 ? 0 : index + 1;
40
- }
41
- return index;
42
- };
43
- var DxcNavTabs = function DxcNavTabs(_ref) {
44
- var _ref$iconPosition = _ref.iconPosition,
45
- iconPosition = _ref$iconPosition === void 0 ? "top" : _ref$iconPosition,
46
- _ref$tabIndex = _ref.tabIndex,
47
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
48
- children = _ref.children;
49
- var _useState = (0, _react.useState)(null),
50
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
51
- innerFocusIndex = _useState2[0],
52
- setInnerFocusIndex = _useState2[1];
53
- var colorsTheme = (0, _useTheme["default"])();
54
- var contextValue = (0, _react.useMemo)(function () {
55
- return {
56
- iconPosition: iconPosition,
57
- tabIndex: tabIndex,
58
- focusedLabel: innerFocusIndex === null ? undefined : getLabelFromTab(children[innerFocusIndex])
59
- };
60
- }, [iconPosition, tabIndex, innerFocusIndex]);
61
- var handleOnKeyDown = function handleOnKeyDown(event) {
62
- var activeTab = _react["default"].Children.toArray(children).findIndex(function (child) {
63
- return getPropInChild(child, "active");
64
- });
65
- switch (event.key) {
66
- case "Left":
67
- case "ArrowLeft":
68
- event.preventDefault();
69
- setInnerFocusIndex(getPreviousTabIndex(children, innerFocusIndex === null ? activeTab : innerFocusIndex));
70
- break;
71
- case "Right":
72
- case "ArrowRight":
73
- event.preventDefault();
74
- setInnerFocusIndex(getNextTabIndex(children, innerFocusIndex === null ? activeTab : innerFocusIndex));
75
- break;
76
- }
77
- };
78
- return /*#__PURE__*/_react["default"].createElement(_styledComponents.ThemeProvider, {
79
- theme: colorsTheme.navTabs
80
- }, /*#__PURE__*/_react["default"].createElement(NavTabsContainer, {
81
- onKeyDown: handleOnKeyDown,
82
- role: "tablist",
83
- "aria-label": "Navigation tabs"
84
- }, /*#__PURE__*/_react["default"].createElement(NavTabsContext.Provider, {
85
- value: contextValue
86
- }, children), /*#__PURE__*/_react["default"].createElement(Underline, null)));
87
- };
88
- var Underline = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background-color: ", ";\n"])), function (props) {
89
- return props.theme.dividerColor;
90
- });
91
- DxcNavTabs.Tab = _Tab["default"];
92
- var NavTabsContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n position: relative;\n"])));
93
- var _default = exports["default"] = DxcNavTabs;