@dxc-technology/halstack-react 0.0.0-dec566a → 0.0.0-df9abc7

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 (380) hide show
  1. package/README.md +1 -2
  2. package/dist/index.d.mts +6581 -0
  3. package/dist/index.d.ts +6581 -0
  4. package/dist/index.js +14078 -0
  5. package/dist/index.mjs +14020 -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 -169
  13. package/accordion/Accordion.stories.tsx +0 -252
  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 -7
  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/AccordionGroupContext.d.ts +0 -3
  24. package/accordion-group/AccordionGroupContext.js +0 -8
  25. package/accordion-group/types.d.ts +0 -67
  26. package/accordion-group/types.js +0 -5
  27. package/action-icon/ActionIcon.d.ts +0 -4
  28. package/action-icon/ActionIcon.js +0 -48
  29. package/action-icon/ActionIcon.stories.tsx +0 -41
  30. package/action-icon/ActionIcon.test.js +0 -64
  31. package/action-icon/types.d.ts +0 -26
  32. package/action-icon/types.js +0 -5
  33. package/alert/Alert.d.ts +0 -4
  34. package/alert/Alert.js +0 -200
  35. package/alert/Alert.stories.tsx +0 -198
  36. package/alert/Alert.test.js +0 -75
  37. package/alert/types.d.ts +0 -49
  38. package/alert/types.js +0 -5
  39. package/badge/Badge.d.ts +0 -4
  40. package/badge/Badge.js +0 -159
  41. package/badge/Badge.stories.tsx +0 -210
  42. package/badge/Badge.test.js +0 -30
  43. package/badge/types.d.ts +0 -54
  44. package/badge/types.js +0 -5
  45. package/bleed/Bleed.d.ts +0 -3
  46. package/bleed/Bleed.js +0 -43
  47. package/bleed/Bleed.stories.tsx +0 -342
  48. package/bleed/types.d.ts +0 -37
  49. package/bleed/types.js +0 -5
  50. package/box/Box.d.ts +0 -4
  51. package/box/Box.js +0 -75
  52. package/box/Box.stories.tsx +0 -119
  53. package/box/Box.test.js +0 -13
  54. package/box/types.d.ts +0 -32
  55. package/box/types.js +0 -5
  56. package/bulleted-list/BulletedList.d.ts +0 -7
  57. package/bulleted-list/BulletedList.js +0 -92
  58. package/bulleted-list/BulletedList.stories.tsx +0 -115
  59. package/bulleted-list/types.d.ts +0 -38
  60. package/bulleted-list/types.js +0 -5
  61. package/button/Button.d.ts +0 -4
  62. package/button/Button.js +0 -121
  63. package/button/Button.stories.tsx +0 -326
  64. package/button/Button.test.js +0 -38
  65. package/button/types.d.ts +0 -57
  66. package/button/types.js +0 -5
  67. package/card/Card.d.ts +0 -4
  68. package/card/Card.js +0 -120
  69. package/card/Card.stories.tsx +0 -171
  70. package/card/Card.test.js +0 -39
  71. package/card/types.d.ts +0 -62
  72. package/card/types.js +0 -5
  73. package/checkbox/Checkbox.d.ts +0 -4
  74. package/checkbox/Checkbox.js +0 -215
  75. package/checkbox/Checkbox.stories.tsx +0 -222
  76. package/checkbox/Checkbox.test.js +0 -199
  77. package/checkbox/types.d.ts +0 -72
  78. package/checkbox/types.js +0 -5
  79. package/chip/Chip.d.ts +0 -4
  80. package/chip/Chip.js +0 -121
  81. package/chip/Chip.stories.tsx +0 -214
  82. package/chip/Chip.test.js +0 -41
  83. package/chip/types.d.ts +0 -45
  84. package/chip/types.js +0 -5
  85. package/common/coreTokens.d.ts +0 -237
  86. package/common/coreTokens.js +0 -184
  87. package/common/utils.d.ts +0 -1
  88. package/common/utils.js +0 -16
  89. package/common/variables.d.ts +0 -1395
  90. package/common/variables.js +0 -1267
  91. package/container/Container.d.ts +0 -4
  92. package/container/Container.js +0 -194
  93. package/container/Container.stories.tsx +0 -214
  94. package/container/types.d.ts +0 -74
  95. package/container/types.js +0 -5
  96. package/contextual-menu/ContextualMenu.d.ts +0 -7
  97. package/contextual-menu/ContextualMenu.js +0 -71
  98. package/contextual-menu/ContextualMenu.stories.tsx +0 -182
  99. package/contextual-menu/ContextualMenu.test.js +0 -71
  100. package/contextual-menu/MenuItemAction.d.ts +0 -4
  101. package/contextual-menu/MenuItemAction.js +0 -46
  102. package/contextual-menu/types.d.ts +0 -22
  103. package/contextual-menu/types.js +0 -5
  104. package/date-input/Calendar.d.ts +0 -4
  105. package/date-input/Calendar.js +0 -214
  106. package/date-input/DateInput.d.ts +0 -4
  107. package/date-input/DateInput.js +0 -223
  108. package/date-input/DateInput.stories.tsx +0 -285
  109. package/date-input/DateInput.test.js +0 -808
  110. package/date-input/DatePicker.d.ts +0 -4
  111. package/date-input/DatePicker.js +0 -115
  112. package/date-input/Icons.d.ts +0 -6
  113. package/date-input/Icons.js +0 -58
  114. package/date-input/YearPicker.d.ts +0 -4
  115. package/date-input/YearPicker.js +0 -100
  116. package/date-input/types.d.ts +0 -164
  117. package/date-input/types.js +0 -5
  118. package/dialog/Dialog.d.ts +0 -4
  119. package/dialog/Dialog.js +0 -104
  120. package/dialog/Dialog.stories.tsx +0 -365
  121. package/dialog/Dialog.test.js +0 -307
  122. package/dialog/types.d.ts +0 -36
  123. package/dialog/types.js +0 -5
  124. package/divider/Divider.d.ts +0 -4
  125. package/divider/Divider.js +0 -36
  126. package/divider/Divider.stories.tsx +0 -223
  127. package/divider/Divider.test.js +0 -38
  128. package/divider/types.d.ts +0 -21
  129. package/divider/types.js +0 -5
  130. package/dropdown/Dropdown.d.ts +0 -4
  131. package/dropdown/Dropdown.js +0 -319
  132. package/dropdown/Dropdown.stories.tsx +0 -427
  133. package/dropdown/Dropdown.test.js +0 -599
  134. package/dropdown/DropdownMenu.d.ts +0 -4
  135. package/dropdown/DropdownMenu.js +0 -63
  136. package/dropdown/DropdownMenuItem.d.ts +0 -4
  137. package/dropdown/DropdownMenuItem.js +0 -70
  138. package/dropdown/types.d.ts +0 -96
  139. package/dropdown/types.js +0 -5
  140. package/file-input/FileInput.d.ts +0 -4
  141. package/file-input/FileInput.js +0 -479
  142. package/file-input/FileInput.stories.tsx +0 -618
  143. package/file-input/FileInput.test.js +0 -459
  144. package/file-input/FileItem.d.ts +0 -4
  145. package/file-input/FileItem.js +0 -135
  146. package/file-input/types.d.ts +0 -129
  147. package/file-input/types.js +0 -5
  148. package/flex/Flex.d.ts +0 -4
  149. package/flex/Flex.js +0 -57
  150. package/flex/Flex.stories.tsx +0 -112
  151. package/flex/types.d.ts +0 -97
  152. package/flex/types.js +0 -5
  153. package/footer/Footer.d.ts +0 -4
  154. package/footer/Footer.js +0 -138
  155. package/footer/Footer.stories.tsx +0 -171
  156. package/footer/Footer.test.js +0 -85
  157. package/footer/Icons.d.ts +0 -3
  158. package/footer/Icons.js +0 -136
  159. package/footer/types.d.ts +0 -64
  160. package/footer/types.js +0 -5
  161. package/grid/Grid.d.ts +0 -7
  162. package/grid/Grid.js +0 -76
  163. package/grid/Grid.stories.tsx +0 -219
  164. package/grid/types.d.ts +0 -115
  165. package/grid/types.js +0 -5
  166. package/header/Header.d.ts +0 -8
  167. package/header/Header.js +0 -220
  168. package/header/Header.stories.tsx +0 -251
  169. package/header/Header.test.js +0 -66
  170. package/header/Icons.d.ts +0 -2
  171. package/header/Icons.js +0 -29
  172. package/header/types.d.ts +0 -33
  173. package/header/types.js +0 -5
  174. package/heading/Heading.d.ts +0 -4
  175. package/heading/Heading.js +0 -137
  176. package/heading/Heading.stories.tsx +0 -54
  177. package/heading/Heading.test.js +0 -169
  178. package/heading/types.d.ts +0 -33
  179. package/heading/types.js +0 -5
  180. package/icon/Icon.d.ts +0 -4
  181. package/icon/Icon.js +0 -33
  182. package/icon/Icon.stories.tsx +0 -28
  183. package/icon/types.d.ts +0 -4
  184. package/icon/types.js +0 -5
  185. package/image/Image.d.ts +0 -4
  186. package/image/Image.js +0 -70
  187. package/image/Image.stories.tsx +0 -129
  188. package/image/types.d.ts +0 -72
  189. package/image/types.js +0 -5
  190. package/inset/Inset.d.ts +0 -3
  191. package/inset/Inset.js +0 -43
  192. package/inset/Inset.stories.tsx +0 -230
  193. package/inset/types.d.ts +0 -37
  194. package/inset/types.js +0 -5
  195. package/layout/ApplicationLayout.d.ts +0 -20
  196. package/layout/ApplicationLayout.js +0 -134
  197. package/layout/ApplicationLayout.stories.tsx +0 -162
  198. package/layout/Icons.d.ts +0 -8
  199. package/layout/Icons.js +0 -58
  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 -7
  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/NavTabsContext.d.ts +0 -3
  215. package/nav-tabs/NavTabsContext.js +0 -8
  216. package/nav-tabs/Tab.d.ts +0 -4
  217. package/nav-tabs/Tab.js +0 -118
  218. package/nav-tabs/types.d.ts +0 -52
  219. package/nav-tabs/types.js +0 -5
  220. package/number-input/NumberInput.d.ts +0 -4
  221. package/number-input/NumberInput.js +0 -86
  222. package/number-input/NumberInput.stories.tsx +0 -131
  223. package/number-input/NumberInput.test.js +0 -989
  224. package/number-input/NumberInputContext.d.ts +0 -3
  225. package/number-input/NumberInputContext.js +0 -8
  226. package/number-input/types.d.ts +0 -136
  227. package/number-input/types.js +0 -5
  228. package/paginator/Icons.d.ts +0 -5
  229. package/paginator/Icons.js +0 -40
  230. package/paginator/Paginator.d.ts +0 -4
  231. package/paginator/Paginator.js +0 -135
  232. package/paginator/Paginator.stories.tsx +0 -87
  233. package/paginator/Paginator.test.js +0 -335
  234. package/paginator/types.d.ts +0 -38
  235. package/paginator/types.js +0 -5
  236. package/paragraph/Paragraph.d.ts +0 -5
  237. package/paragraph/Paragraph.js +0 -22
  238. package/paragraph/Paragraph.stories.tsx +0 -27
  239. package/password-input/Icons.d.ts +0 -6
  240. package/password-input/Icons.js +0 -35
  241. package/password-input/PasswordInput.d.ts +0 -4
  242. package/password-input/PasswordInput.js +0 -97
  243. package/password-input/PasswordInput.stories.tsx +0 -99
  244. package/password-input/PasswordInput.test.js +0 -198
  245. package/password-input/types.d.ts +0 -111
  246. package/password-input/types.js +0 -5
  247. package/progress-bar/ProgressBar.d.ts +0 -4
  248. package/progress-bar/ProgressBar.js +0 -144
  249. package/progress-bar/ProgressBar.stories.tsx +0 -93
  250. package/progress-bar/ProgressBar.test.js +0 -93
  251. package/progress-bar/types.d.ts +0 -37
  252. package/progress-bar/types.js +0 -5
  253. package/quick-nav/QuickNav.d.ts +0 -4
  254. package/quick-nav/QuickNav.js +0 -94
  255. package/quick-nav/QuickNav.stories.tsx +0 -356
  256. package/quick-nav/types.d.ts +0 -21
  257. package/quick-nav/types.js +0 -5
  258. package/radio-group/Radio.d.ts +0 -4
  259. package/radio-group/Radio.js +0 -124
  260. package/radio-group/RadioGroup.d.ts +0 -4
  261. package/radio-group/RadioGroup.js +0 -235
  262. package/radio-group/RadioGroup.stories.tsx +0 -214
  263. package/radio-group/RadioGroup.test.js +0 -756
  264. package/radio-group/types.d.ts +0 -114
  265. package/radio-group/types.js +0 -5
  266. package/resultset-table/Icons.d.ts +0 -7
  267. package/resultset-table/Icons.js +0 -47
  268. package/resultset-table/ResultsetTable.d.ts +0 -7
  269. package/resultset-table/ResultsetTable.js +0 -170
  270. package/resultset-table/ResultsetTable.stories.tsx +0 -401
  271. package/resultset-table/ResultsetTable.test.js +0 -381
  272. package/resultset-table/types.d.ts +0 -100
  273. package/resultset-table/types.js +0 -5
  274. package/select/Icons.d.ts +0 -10
  275. package/select/Icons.js +0 -89
  276. package/select/Listbox.d.ts +0 -4
  277. package/select/Listbox.js +0 -143
  278. package/select/Option.d.ts +0 -4
  279. package/select/Option.js +0 -87
  280. package/select/Select.d.ts +0 -4
  281. package/select/Select.js +0 -590
  282. package/select/Select.stories.tsx +0 -971
  283. package/select/Select.test.js +0 -2370
  284. package/select/types.d.ts +0 -209
  285. package/select/types.js +0 -5
  286. package/sidenav/Icons.d.ts +0 -7
  287. package/sidenav/Icons.js +0 -47
  288. package/sidenav/Sidenav.d.ts +0 -10
  289. package/sidenav/Sidenav.js +0 -197
  290. package/sidenav/Sidenav.stories.tsx +0 -282
  291. package/sidenav/Sidenav.test.js +0 -37
  292. package/sidenav/SidenavContext.d.ts +0 -5
  293. package/sidenav/SidenavContext.js +0 -13
  294. package/sidenav/types.d.ts +0 -76
  295. package/sidenav/types.js +0 -5
  296. package/slider/Slider.d.ts +0 -4
  297. package/slider/Slider.js +0 -285
  298. package/slider/Slider.test.js +0 -254
  299. package/slider/types.d.ts +0 -86
  300. package/slider/types.js +0 -5
  301. package/spinner/Spinner.d.ts +0 -4
  302. package/spinner/Spinner.js +0 -206
  303. package/spinner/Spinner.stories.tsx +0 -129
  304. package/spinner/Spinner.test.js +0 -55
  305. package/spinner/types.d.ts +0 -32
  306. package/spinner/types.js +0 -5
  307. package/status-light/StatusLight.d.ts +0 -4
  308. package/status-light/StatusLight.js +0 -51
  309. package/status-light/StatusLight.stories.tsx +0 -74
  310. package/status-light/StatusLight.test.js +0 -25
  311. package/status-light/types.d.ts +0 -17
  312. package/status-light/types.js +0 -5
  313. package/switch/Switch.d.ts +0 -4
  314. package/switch/Switch.js +0 -214
  315. package/switch/Switch.stories.tsx +0 -137
  316. package/switch/Switch.test.js +0 -180
  317. package/switch/types.d.ts +0 -66
  318. package/switch/types.js +0 -5
  319. package/table/DropdownTheme.js +0 -62
  320. package/table/Table.d.ts +0 -8
  321. package/table/Table.js +0 -161
  322. package/table/Table.stories.tsx +0 -651
  323. package/table/Table.test.js +0 -113
  324. package/table/types.d.ts +0 -49
  325. package/table/types.js +0 -5
  326. package/tabs/Tab.d.ts +0 -4
  327. package/tabs/Tab.js +0 -116
  328. package/tabs/Tabs.d.ts +0 -4
  329. package/tabs/Tabs.js +0 -384
  330. package/tabs/Tabs.stories.tsx +0 -226
  331. package/tabs/Tabs.test.js +0 -294
  332. package/tabs/types.d.ts +0 -92
  333. package/tabs/types.js +0 -5
  334. package/tag/Tag.d.ts +0 -4
  335. package/tag/Tag.js +0 -151
  336. package/tag/Tag.stories.tsx +0 -155
  337. package/tag/Tag.test.js +0 -49
  338. package/tag/types.d.ts +0 -69
  339. package/tag/types.js +0 -5
  340. package/text-input/Suggestion.d.ts +0 -4
  341. package/text-input/Suggestion.js +0 -67
  342. package/text-input/Suggestions.d.ts +0 -4
  343. package/text-input/Suggestions.js +0 -86
  344. package/text-input/TextInput.d.ts +0 -4
  345. package/text-input/TextInput.js +0 -567
  346. package/text-input/TextInput.stories.tsx +0 -465
  347. package/text-input/TextInput.test.js +0 -1756
  348. package/text-input/types.d.ts +0 -205
  349. package/text-input/types.js +0 -5
  350. package/textarea/Textarea.d.ts +0 -4
  351. package/textarea/Textarea.js +0 -234
  352. package/textarea/Textarea.stories.tsx +0 -174
  353. package/textarea/Textarea.test.js +0 -406
  354. package/textarea/types.d.ts +0 -141
  355. package/textarea/types.js +0 -5
  356. package/toggle-group/ToggleGroup.d.ts +0 -4
  357. package/toggle-group/ToggleGroup.js +0 -201
  358. package/toggle-group/ToggleGroup.stories.tsx +0 -218
  359. package/toggle-group/ToggleGroup.test.js +0 -137
  360. package/toggle-group/types.d.ts +0 -114
  361. package/toggle-group/types.js +0 -5
  362. package/typography/Typography.d.ts +0 -4
  363. package/typography/Typography.js +0 -23
  364. package/typography/Typography.stories.tsx +0 -198
  365. package/typography/types.d.ts +0 -18
  366. package/typography/types.js +0 -5
  367. package/useTheme.d.ts +0 -1148
  368. package/useTheme.js +0 -15
  369. package/useTranslatedLabels.d.ts +0 -85
  370. package/useTranslatedLabels.js +0 -14
  371. package/utils/BaseTypography.d.ts +0 -21
  372. package/utils/BaseTypography.js +0 -94
  373. package/utils/FocusLock.d.ts +0 -13
  374. package/utils/FocusLock.js +0 -124
  375. package/wizard/Wizard.d.ts +0 -4
  376. package/wizard/Wizard.js +0 -250
  377. package/wizard/Wizard.stories.tsx +0 -253
  378. package/wizard/Wizard.test.js +0 -114
  379. package/wizard/types.d.ts +0 -64
  380. 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,7 +0,0 @@
1
- import React from "react";
2
- import NavTabsPropsType from "./types";
3
- declare const DxcNavTabs: {
4
- ({ iconPosition, tabIndex, children }: NavTabsPropsType): JSX.Element;
5
- Tab: React.ForwardRefExoticComponent<import("./types").TabProps & React.RefAttributes<HTMLAnchorElement>>;
6
- };
7
- 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"] = 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 _NavTabsContext = require("./NavTabsContext");
16
- var _templateObject, _templateObject2;
17
- 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); }
18
- 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; }
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.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;