@dxc-technology/halstack-react 0.0.0-efa7c74 → 0.0.0-eff2879

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 (434) hide show
  1. package/BackgroundColorContext.d.ts +1 -0
  2. package/BackgroundColorContext.js +6 -26
  3. package/HalstackContext.d.ts +1248 -0
  4. package/HalstackContext.js +310 -0
  5. package/README.md +47 -0
  6. package/accordion/Accordion.accessibility.test.js +71 -0
  7. package/accordion/Accordion.d.ts +1 -1
  8. package/accordion/Accordion.js +106 -193
  9. package/accordion/Accordion.stories.tsx +251 -0
  10. package/accordion/Accordion.test.js +56 -0
  11. package/accordion/types.d.ts +12 -23
  12. package/accordion-group/AccordionGroup.accessibility.test.js +88 -0
  13. package/accordion-group/AccordionGroup.d.ts +3 -3
  14. package/accordion-group/AccordionGroup.js +39 -108
  15. package/accordion-group/AccordionGroup.stories.tsx +252 -0
  16. package/accordion-group/AccordionGroup.test.js +98 -0
  17. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  18. package/accordion-group/AccordionGroupAccordion.js +31 -0
  19. package/accordion-group/AccordionGroupContext.d.ts +3 -0
  20. package/accordion-group/AccordionGroupContext.js +8 -0
  21. package/accordion-group/types.d.ts +18 -23
  22. package/action-icon/ActionIcon.accessibility.test.js +63 -0
  23. package/action-icon/ActionIcon.d.ts +4 -0
  24. package/action-icon/ActionIcon.js +48 -0
  25. package/action-icon/ActionIcon.stories.tsx +41 -0
  26. package/action-icon/ActionIcon.test.js +64 -0
  27. package/action-icon/types.d.ts +26 -0
  28. package/alert/Alert.accessibility.test.js +95 -0
  29. package/alert/Alert.js +36 -126
  30. package/alert/Alert.stories.tsx +28 -0
  31. package/alert/Alert.test.js +75 -0
  32. package/alert/types.d.ts +5 -5
  33. package/badge/Badge.accessibility.test.js +129 -0
  34. package/badge/Badge.d.ts +4 -0
  35. package/badge/Badge.js +142 -40
  36. package/badge/Badge.stories.tsx +210 -0
  37. package/badge/Badge.test.js +30 -0
  38. package/badge/types.d.ts +54 -0
  39. package/bleed/Bleed.d.ts +3 -0
  40. package/bleed/Bleed.js +43 -0
  41. package/bleed/Bleed.stories.tsx +342 -0
  42. package/bleed/types.d.ts +37 -0
  43. package/box/Box.accessibility.test.js +33 -0
  44. package/box/Box.d.ts +1 -1
  45. package/box/Box.js +31 -82
  46. package/box/Box.stories.tsx +38 -51
  47. package/box/Box.test.js +13 -0
  48. package/box/types.d.ts +3 -14
  49. package/bulleted-list/BulletedList.accessibility.test.js +107 -0
  50. package/bulleted-list/BulletedList.d.ts +7 -0
  51. package/bulleted-list/BulletedList.js +92 -0
  52. package/bulleted-list/BulletedList.stories.tsx +115 -0
  53. package/bulleted-list/types.d.ts +38 -0
  54. package/bulleted-list/types.js +5 -0
  55. package/button/Button.accessibility.test.js +127 -0
  56. package/button/Button.d.ts +1 -1
  57. package/button/Button.js +65 -123
  58. package/button/Button.stories.tsx +155 -106
  59. package/button/Button.test.js +38 -0
  60. package/button/types.d.ts +12 -12
  61. package/card/Card.accessibility.test.js +36 -0
  62. package/card/Card.d.ts +1 -1
  63. package/card/Card.js +59 -103
  64. package/card/Card.stories.tsx +13 -43
  65. package/card/Card.test.js +39 -0
  66. package/card/types.d.ts +6 -11
  67. package/checkbox/Checkbox.accessibility.test.js +87 -0
  68. package/checkbox/Checkbox.d.ts +2 -2
  69. package/checkbox/Checkbox.js +145 -183
  70. package/checkbox/Checkbox.stories.tsx +166 -136
  71. package/checkbox/Checkbox.test.js +199 -0
  72. package/checkbox/types.d.ts +19 -7
  73. package/chip/Chip.accessibility.test.js +67 -0
  74. package/chip/Chip.d.ts +4 -0
  75. package/chip/Chip.js +49 -146
  76. package/chip/Chip.stories.tsx +104 -30
  77. package/chip/Chip.test.js +41 -0
  78. package/chip/types.d.ts +45 -0
  79. package/chip/types.js +5 -0
  80. package/common/coreTokens.d.ts +237 -0
  81. package/common/coreTokens.js +184 -0
  82. package/common/utils.d.ts +1 -0
  83. package/common/utils.js +6 -12
  84. package/common/variables.d.ts +1394 -0
  85. package/common/variables.js +1035 -1346
  86. package/container/Container.d.ts +4 -0
  87. package/container/Container.js +194 -0
  88. package/container/Container.stories.tsx +214 -0
  89. package/container/types.d.ts +74 -0
  90. package/container/types.js +5 -0
  91. package/contextual-menu/ContextualMenu.accessibility.test.js +86 -0
  92. package/contextual-menu/ContextualMenu.d.ts +5 -0
  93. package/contextual-menu/ContextualMenu.js +88 -0
  94. package/contextual-menu/ContextualMenu.stories.tsx +219 -0
  95. package/contextual-menu/ContextualMenu.test.js +205 -0
  96. package/contextual-menu/GroupItem.d.ts +4 -0
  97. package/contextual-menu/GroupItem.js +67 -0
  98. package/contextual-menu/ItemAction.d.ts +4 -0
  99. package/contextual-menu/ItemAction.js +52 -0
  100. package/contextual-menu/MenuItem.d.ts +4 -0
  101. package/contextual-menu/MenuItem.js +29 -0
  102. package/contextual-menu/SingleItem.d.ts +4 -0
  103. package/contextual-menu/SingleItem.js +38 -0
  104. package/contextual-menu/types.d.ts +58 -0
  105. package/contextual-menu/types.js +5 -0
  106. package/date-input/Calendar.d.ts +4 -0
  107. package/date-input/Calendar.js +214 -0
  108. package/date-input/DateInput.accessibility.test.js +216 -0
  109. package/date-input/DateInput.js +174 -313
  110. package/date-input/DateInput.stories.tsx +203 -56
  111. package/date-input/DateInput.test.js +808 -0
  112. package/date-input/DatePicker.d.ts +4 -0
  113. package/date-input/DatePicker.js +121 -0
  114. package/date-input/YearPicker.d.ts +4 -0
  115. package/date-input/YearPicker.js +100 -0
  116. package/date-input/types.d.ts +86 -22
  117. package/dialog/Dialog.accessibility.test.js +69 -0
  118. package/dialog/Dialog.d.ts +1 -1
  119. package/dialog/Dialog.js +57 -130
  120. package/dialog/Dialog.stories.tsx +320 -167
  121. package/dialog/Dialog.test.js +307 -0
  122. package/dialog/types.d.ts +18 -25
  123. package/divider/Divider.accessibility.test.js +33 -0
  124. package/divider/Divider.d.ts +4 -0
  125. package/divider/Divider.js +36 -0
  126. package/divider/Divider.stories.tsx +223 -0
  127. package/divider/Divider.test.js +38 -0
  128. package/divider/types.d.ts +21 -0
  129. package/divider/types.js +5 -0
  130. package/dropdown/Dropdown.accessibility.test.js +180 -0
  131. package/dropdown/Dropdown.d.ts +1 -1
  132. package/dropdown/Dropdown.js +232 -330
  133. package/dropdown/Dropdown.stories.tsx +427 -0
  134. package/dropdown/Dropdown.test.js +599 -0
  135. package/dropdown/DropdownMenu.d.ts +4 -0
  136. package/dropdown/DropdownMenu.js +63 -0
  137. package/dropdown/DropdownMenuItem.d.ts +4 -0
  138. package/dropdown/DropdownMenuItem.js +70 -0
  139. package/dropdown/types.d.ts +38 -31
  140. package/file-input/FileInput.accessibility.test.js +160 -0
  141. package/file-input/FileInput.d.ts +2 -2
  142. package/file-input/FileInput.js +272 -340
  143. package/file-input/FileInput.stories.tsx +618 -0
  144. package/file-input/FileInput.test.js +382 -0
  145. package/file-input/FileItem.d.ts +4 -14
  146. package/file-input/FileItem.js +60 -121
  147. package/file-input/types.d.ts +53 -11
  148. package/flex/Flex.d.ts +4 -0
  149. package/flex/Flex.js +57 -0
  150. package/flex/Flex.stories.tsx +112 -0
  151. package/flex/types.d.ts +97 -0
  152. package/flex/types.js +5 -0
  153. package/footer/Footer.accessibility.test.js +117 -0
  154. package/footer/Footer.d.ts +1 -1
  155. package/footer/Footer.js +74 -200
  156. package/footer/{Footer.stories.jsx → Footer.stories.tsx} +84 -39
  157. package/footer/Footer.test.js +85 -0
  158. package/footer/Icons.d.ts +3 -0
  159. package/footer/Icons.js +67 -8
  160. package/footer/types.d.ts +40 -37
  161. package/grid/Grid.d.ts +7 -0
  162. package/grid/Grid.js +76 -0
  163. package/grid/Grid.stories.tsx +219 -0
  164. package/grid/types.d.ts +115 -0
  165. package/grid/types.js +5 -0
  166. package/header/Header.accessibility.test.js +84 -0
  167. package/header/Header.d.ts +4 -3
  168. package/header/Header.js +103 -218
  169. package/header/Header.stories.tsx +152 -63
  170. package/header/Header.test.js +66 -0
  171. package/header/Icons.d.ts +2 -0
  172. package/header/Icons.js +4 -9
  173. package/header/types.d.ts +7 -21
  174. package/heading/Heading.accessibility.test.js +33 -0
  175. package/heading/Heading.js +11 -33
  176. package/heading/Heading.stories.tsx +3 -2
  177. package/heading/Heading.test.js +169 -0
  178. package/heading/types.d.ts +7 -7
  179. package/icon/Icon.accessibility.test.js +30 -0
  180. package/icon/Icon.d.ts +4 -0
  181. package/icon/Icon.js +33 -0
  182. package/icon/Icon.stories.tsx +28 -0
  183. package/icon/types.d.ts +4 -0
  184. package/icon/types.js +5 -0
  185. package/image/Image.accessibility.test.js +56 -0
  186. package/image/Image.d.ts +4 -0
  187. package/image/Image.js +70 -0
  188. package/image/Image.stories.tsx +129 -0
  189. package/image/types.d.ts +72 -0
  190. package/image/types.js +5 -0
  191. package/inset/Inset.d.ts +3 -0
  192. package/inset/Inset.js +43 -0
  193. package/inset/Inset.stories.tsx +230 -0
  194. package/inset/types.d.ts +37 -0
  195. package/inset/types.js +5 -0
  196. package/layout/ApplicationLayout.d.ts +20 -0
  197. package/layout/ApplicationLayout.js +86 -184
  198. package/layout/ApplicationLayout.stories.tsx +162 -0
  199. package/layout/Icons.d.ts +7 -0
  200. package/layout/Icons.js +41 -48
  201. package/layout/types.d.ts +41 -0
  202. package/layout/types.js +5 -0
  203. package/link/Link.accessibility.test.js +112 -0
  204. package/link/Link.d.ts +3 -2
  205. package/link/Link.js +65 -109
  206. package/link/Link.stories.tsx +159 -52
  207. package/link/Link.test.js +63 -0
  208. package/link/types.d.ts +15 -35
  209. package/main.d.ts +19 -14
  210. package/main.js +92 -98
  211. package/nav-tabs/NavTabs.accessibility.test.js +44 -0
  212. package/nav-tabs/NavTabs.d.ts +7 -0
  213. package/nav-tabs/NavTabs.js +93 -0
  214. package/nav-tabs/NavTabs.stories.tsx +279 -0
  215. package/nav-tabs/NavTabs.test.js +75 -0
  216. package/nav-tabs/NavTabsContext.d.ts +3 -0
  217. package/nav-tabs/NavTabsContext.js +8 -0
  218. package/nav-tabs/Tab.d.ts +4 -0
  219. package/nav-tabs/Tab.js +117 -0
  220. package/nav-tabs/types.d.ts +52 -0
  221. package/nav-tabs/types.js +5 -0
  222. package/number-input/NumberInput.accessibility.test.js +228 -0
  223. package/number-input/NumberInput.js +48 -48
  224. package/number-input/NumberInput.stories.tsx +44 -28
  225. package/number-input/NumberInput.test.js +989 -0
  226. package/number-input/NumberInputContext.d.ts +3 -4
  227. package/number-input/NumberInputContext.js +3 -14
  228. package/number-input/types.d.ts +34 -15
  229. package/package.json +52 -51
  230. package/paginator/Paginator.accessibility.test.js +79 -0
  231. package/paginator/Paginator.js +39 -103
  232. package/paginator/Paginator.stories.tsx +24 -0
  233. package/paginator/Paginator.test.js +335 -0
  234. package/paginator/types.d.ts +3 -3
  235. package/paragraph/Paragraph.accessibility.test.js +28 -0
  236. package/paragraph/Paragraph.d.ts +5 -0
  237. package/paragraph/Paragraph.js +22 -0
  238. package/paragraph/Paragraph.stories.tsx +27 -0
  239. package/password-input/PasswordInput.accessibility.test.js +153 -0
  240. package/password-input/PasswordInput.js +59 -125
  241. package/password-input/PasswordInput.stories.tsx +3 -35
  242. package/password-input/PasswordInput.test.js +198 -0
  243. package/password-input/types.d.ts +32 -26
  244. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  245. package/progress-bar/ProgressBar.js +66 -92
  246. package/progress-bar/ProgressBar.stories.tsx +93 -0
  247. package/progress-bar/ProgressBar.test.js +93 -0
  248. package/progress-bar/types.d.ts +3 -3
  249. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  250. package/quick-nav/QuickNav.d.ts +4 -0
  251. package/quick-nav/QuickNav.js +94 -0
  252. package/quick-nav/QuickNav.stories.tsx +356 -0
  253. package/quick-nav/types.d.ts +21 -0
  254. package/quick-nav/types.js +5 -0
  255. package/radio-group/Radio.d.ts +4 -0
  256. package/radio-group/Radio.js +124 -0
  257. package/radio-group/RadioGroup.accessibility.test.js +97 -0
  258. package/radio-group/RadioGroup.d.ts +4 -0
  259. package/radio-group/RadioGroup.js +235 -0
  260. package/radio-group/RadioGroup.stories.tsx +214 -0
  261. package/radio-group/RadioGroup.test.js +756 -0
  262. package/radio-group/types.d.ts +114 -0
  263. package/radio-group/types.js +5 -0
  264. package/resultset-table/Icons.d.ts +7 -0
  265. package/resultset-table/Icons.js +47 -0
  266. package/resultset-table/ResultsetTable.accessibility.test.js +274 -0
  267. package/resultset-table/ResultsetTable.d.ts +7 -0
  268. package/resultset-table/ResultsetTable.js +170 -0
  269. package/resultset-table/ResultsetTable.stories.tsx +401 -0
  270. package/resultset-table/ResultsetTable.test.js +381 -0
  271. package/resultset-table/types.d.ts +100 -0
  272. package/resultset-table/types.js +5 -0
  273. package/select/Listbox.d.ts +4 -0
  274. package/select/Listbox.js +145 -0
  275. package/select/Option.d.ts +4 -0
  276. package/select/Option.js +88 -0
  277. package/select/Select.accessibility.test.js +217 -0
  278. package/select/Select.d.ts +4 -0
  279. package/select/Select.js +248 -515
  280. package/select/Select.stories.tsx +590 -255
  281. package/select/Select.test.js +2276 -0
  282. package/select/types.d.ts +209 -0
  283. package/select/types.js +5 -0
  284. package/sidenav/Sidenav.accessibility.test.js +59 -0
  285. package/sidenav/Sidenav.d.ts +6 -5
  286. package/sidenav/Sidenav.js +137 -72
  287. package/sidenav/Sidenav.stories.tsx +246 -134
  288. package/sidenav/Sidenav.test.js +37 -0
  289. package/sidenav/SidenavContext.d.ts +5 -0
  290. package/sidenav/SidenavContext.js +13 -0
  291. package/sidenav/types.d.ts +52 -26
  292. package/slider/Slider.accessibility.test.js +104 -0
  293. package/slider/Slider.d.ts +2 -2
  294. package/slider/Slider.js +149 -181
  295. package/slider/Slider.test.js +254 -0
  296. package/slider/types.d.ts +11 -3
  297. package/spinner/Spinner.accessibility.test.js +96 -0
  298. package/spinner/Spinner.js +32 -76
  299. package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +53 -26
  300. package/spinner/Spinner.test.js +55 -0
  301. package/spinner/types.d.ts +3 -3
  302. package/status-light/StatusLight.accessibility.test.js +157 -0
  303. package/status-light/StatusLight.d.ts +4 -0
  304. package/status-light/StatusLight.js +51 -0
  305. package/status-light/StatusLight.stories.tsx +74 -0
  306. package/status-light/StatusLight.test.js +25 -0
  307. package/status-light/types.d.ts +17 -0
  308. package/status-light/types.js +5 -0
  309. package/switch/Switch.accessibility.test.js +89 -0
  310. package/switch/Switch.d.ts +2 -2
  311. package/switch/Switch.js +150 -115
  312. package/switch/Switch.stories.tsx +45 -68
  313. package/switch/Switch.test.js +180 -0
  314. package/switch/types.d.ts +13 -5
  315. package/table/DropdownTheme.js +62 -0
  316. package/table/Table.accessibility.test.js +82 -0
  317. package/table/Table.d.ts +6 -2
  318. package/table/Table.js +79 -36
  319. package/table/Table.stories.tsx +651 -0
  320. package/table/Table.test.js +113 -0
  321. package/table/types.d.ts +34 -6
  322. package/tabs/Tab.d.ts +4 -0
  323. package/tabs/Tab.js +117 -0
  324. package/tabs/Tabs.accessibility.test.js +56 -0
  325. package/tabs/Tabs.d.ts +1 -1
  326. package/tabs/Tabs.js +307 -147
  327. package/tabs/Tabs.stories.tsx +121 -18
  328. package/tabs/Tabs.test.js +276 -0
  329. package/tabs/types.d.ts +46 -24
  330. package/tag/Tag.accessibility.test.js +69 -0
  331. package/tag/Tag.d.ts +1 -1
  332. package/tag/Tag.js +44 -86
  333. package/tag/Tag.stories.tsx +37 -30
  334. package/tag/Tag.test.js +41 -0
  335. package/tag/types.d.ts +25 -16
  336. package/text-input/Suggestion.d.ts +4 -0
  337. package/text-input/Suggestion.js +67 -0
  338. package/text-input/Suggestions.d.ts +4 -0
  339. package/text-input/Suggestions.js +86 -0
  340. package/text-input/TextInput.accessibility.test.js +321 -0
  341. package/text-input/TextInput.js +335 -553
  342. package/text-input/TextInput.stories.tsx +465 -0
  343. package/text-input/TextInput.test.js +1756 -0
  344. package/text-input/types.d.ts +82 -34
  345. package/textarea/Textarea.accessibility.test.js +155 -0
  346. package/textarea/Textarea.d.ts +4 -0
  347. package/textarea/Textarea.js +98 -181
  348. package/textarea/Textarea.stories.tsx +174 -0
  349. package/textarea/Textarea.test.js +406 -0
  350. package/textarea/types.d.ts +141 -0
  351. package/textarea/types.js +5 -0
  352. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  353. package/toggle-group/ToggleGroup.d.ts +2 -2
  354. package/toggle-group/ToggleGroup.js +98 -113
  355. package/toggle-group/ToggleGroup.stories.tsx +79 -39
  356. package/toggle-group/ToggleGroup.test.js +137 -0
  357. package/toggle-group/types.d.ts +68 -38
  358. package/typography/Typography.accessibility.test.js +339 -0
  359. package/typography/Typography.d.ts +4 -0
  360. package/typography/Typography.js +23 -0
  361. package/typography/Typography.stories.tsx +198 -0
  362. package/typography/types.d.ts +18 -0
  363. package/typography/types.js +5 -0
  364. package/useTheme.d.ts +1147 -0
  365. package/useTheme.js +4 -11
  366. package/useTranslatedLabels.d.ts +85 -0
  367. package/useTranslatedLabels.js +14 -0
  368. package/utils/BaseTypography.d.ts +21 -0
  369. package/utils/BaseTypography.js +94 -0
  370. package/utils/FocusLock.d.ts +13 -0
  371. package/utils/FocusLock.js +124 -0
  372. package/wizard/Wizard.accessibility.test.js +55 -0
  373. package/wizard/Wizard.d.ts +1 -1
  374. package/wizard/Wizard.js +130 -114
  375. package/wizard/{Wizard.stories.jsx → Wizard.stories.tsx} +67 -19
  376. package/wizard/Wizard.test.js +114 -0
  377. package/wizard/types.d.ts +15 -15
  378. package/ThemeContext.js +0 -246
  379. package/V3Select/V3Select.js +0 -455
  380. package/V3Select/index.d.ts +0 -27
  381. package/V3Textarea/V3Textarea.js +0 -260
  382. package/V3Textarea/index.d.ts +0 -27
  383. package/card/ice-cream.jpg +0 -0
  384. package/chip/index.d.ts +0 -22
  385. package/common/OpenSans.css +0 -81
  386. package/common/RequiredComponent.js +0 -32
  387. package/common/fonts/OpenSans-Bold.ttf +0 -0
  388. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  389. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  390. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  391. package/common/fonts/OpenSans-Italic.ttf +0 -0
  392. package/common/fonts/OpenSans-Light.ttf +0 -0
  393. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  394. package/common/fonts/OpenSans-Regular.ttf +0 -0
  395. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  396. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  397. package/date/Date.js +0 -373
  398. package/date/index.d.ts +0 -27
  399. package/input-text/Icons.js +0 -22
  400. package/input-text/InputText.js +0 -611
  401. package/input-text/index.d.ts +0 -36
  402. package/number-input/numberInputContextTypes.d.ts +0 -19
  403. package/paginator/Icons.js +0 -66
  404. package/progress-bar/ProgressBar.stories.jsx +0 -58
  405. package/radio/Radio.d.ts +0 -4
  406. package/radio/Radio.js +0 -174
  407. package/radio/Radio.stories.tsx +0 -192
  408. package/radio/types.d.ts +0 -54
  409. package/resultsetTable/ResultsetTable.d.ts +0 -4
  410. package/resultsetTable/ResultsetTable.js +0 -249
  411. package/resultsetTable/types.d.ts +0 -63
  412. package/select/index.d.ts +0 -131
  413. package/slider/Slider.stories.tsx +0 -177
  414. package/table/Table.stories.jsx +0 -276
  415. package/textarea/Textarea.stories.jsx +0 -135
  416. package/textarea/index.d.ts +0 -117
  417. package/toggle/Toggle.js +0 -186
  418. package/toggle/index.d.ts +0 -21
  419. package/upload/Upload.js +0 -201
  420. package/upload/buttons-upload/ButtonsUpload.js +0 -111
  421. package/upload/buttons-upload/Icons.js +0 -40
  422. package/upload/dragAndDropArea/DragAndDropArea.js +0 -225
  423. package/upload/dragAndDropArea/Icons.js +0 -39
  424. package/upload/file-upload/FileToUpload.js +0 -115
  425. package/upload/file-upload/Icons.js +0 -66
  426. package/upload/files-upload/FilesToUpload.js +0 -109
  427. package/upload/index.d.ts +0 -15
  428. package/upload/transaction/Icons.js +0 -160
  429. package/upload/transaction/Transaction.js +0 -104
  430. package/upload/transactions/Transactions.js +0 -94
  431. package/wizard/Icons.js +0 -65
  432. /package/{radio → action-icon}/types.js +0 -0
  433. /package/{resultsetTable → badge}/types.js +0 -0
  434. /package/{number-input/numberInputContextTypes.js → bleed/types.js} +0 -0
package/typography/Typography.stories.tsx ADDED
@@ -0,0 +1,198 @@
1
+ import React from "react";
2
+ import Title from "../../.storybook/components/Title";
3
+ import ExampleContainer from "../../.storybook/components/ExampleContainer";
4
+ import DxcTypography from "./Typography";
5
+
6
+ export default {
7
+ title: "Typography",
8
+ component: DxcTypography,
9
+ };
10
+
11
+ export const Chromatic = () => (
12
+ <>
13
+ <ExampleContainer>
14
+ <Title title="Default Typography" theme="light" level={4} />
15
+ <DxcTypography>Default typography.</DxcTypography>
16
+ </ExampleContainer>
17
+ <ExampleContainer>
18
+ <Title title="Typography font sizes" theme="light" level={4} />
19
+ <DxcTypography display="block" fontSize="3.75rem">
20
+ 3.75rem.
21
+ </DxcTypography>
22
+ <DxcTypography display="block" fontSize="3rem">
23
+ 3rem.
24
+ </DxcTypography>
25
+ <DxcTypography display="block" fontSize="2rem">
26
+ 2rem.
27
+ </DxcTypography>
28
+ <DxcTypography display="block" fontSize="1.5rem">
29
+ 1.5rem.
30
+ </DxcTypography>
31
+ <DxcTypography display="block" fontSize="1.25rem">
32
+ 1.25rem.
33
+ </DxcTypography>
34
+ <DxcTypography display="block" fontSize="1rem">
35
+ 1rem.
36
+ </DxcTypography>
37
+ <DxcTypography display="block" fontSize="0.875rem">
38
+ 0.875rem.
39
+ </DxcTypography>
40
+ <DxcTypography display="block" fontSize="0.75rem">
41
+ 0.75rem.
42
+ </DxcTypography>
43
+ </ExampleContainer>
44
+ <ExampleContainer>
45
+ <Title title="Typography letter spacing" theme="light" level={4} />
46
+ <DxcTypography display="block" letterSpacing="-0.025em">
47
+ -0.025em.
48
+ </DxcTypography>
49
+ <DxcTypography display="block" letterSpacing="-0.0125em">
50
+ -0.0125em.
51
+ </DxcTypography>
52
+ <DxcTypography display="block" letterSpacing="0em">
53
+ 0em.
54
+ </DxcTypography>
55
+ <DxcTypography display="block" letterSpacing="0.025em">
56
+ 0.025em.
57
+ </DxcTypography>
58
+ <DxcTypography display="block" letterSpacing="0.05em">
59
+ 0.05em.
60
+ </DxcTypography>
61
+ <DxcTypography display="block" letterSpacing="0.1em">
62
+ 0.1em.
63
+ </DxcTypography>{" "}
64
+ </ExampleContainer>
65
+ <ExampleContainer>
66
+ <Title title="Typography line height" theme="light" level={4} />
67
+ <DxcTypography display="block" lineHeight="1em">
68
+ 1em.
69
+ </DxcTypography>
70
+ <DxcTypography display="block" lineHeight="1.25em">
71
+ 1.25em.
72
+ </DxcTypography>
73
+ <DxcTypography display="block" lineHeight="1.365em">
74
+ 1.365em.
75
+ </DxcTypography>
76
+ <DxcTypography display="block" lineHeight="1.5em">
77
+ 1.5em.
78
+ </DxcTypography>
79
+ <DxcTypography display="block" lineHeight="1.715em">
80
+ 1.715em.
81
+ </DxcTypography>
82
+ <DxcTypography display="block" lineHeight="2em">
83
+ 2em.
84
+ </DxcTypography>
85
+ </ExampleContainer>
86
+ <ExampleContainer>
87
+ <Title title="Typography font weight" theme="light" level={4} />
88
+ <DxcTypography display="block" fontWeight="300">
89
+ 300.
90
+ </DxcTypography>
91
+ <DxcTypography display="block" fontWeight="400">
92
+ 400.
93
+ </DxcTypography>
94
+ <DxcTypography display="block" fontWeight="600">
95
+ 600.
96
+ </DxcTypography>
97
+ <DxcTypography display="block" fontWeight="700">
98
+ 700.
99
+ </DxcTypography>
100
+ </ExampleContainer>
101
+ <ExampleContainer>
102
+ <Title title="Typography decoration" theme="light" level={4} />
103
+ <DxcTypography display="block" textDecoration="underline">
104
+ Underline.
105
+ </DxcTypography>
106
+ <DxcTypography display="block" textDecoration="line-through">
107
+ Line-through.
108
+ </DxcTypography>
109
+ </ExampleContainer>
110
+ <ExampleContainer>
111
+ <Title title="Typography font family" theme="light" level={4} />
112
+ <DxcTypography display="block" fontFamily="Open Sans, sans-serif">
113
+ Open Sans, sans-serif.
114
+ </DxcTypography>
115
+ <DxcTypography display="block" fontFamily="Source Code Pro, monospace">
116
+ Source Code Pro, monospace.
117
+ </DxcTypography>
118
+ </ExampleContainer>
119
+ <ExampleContainer>
120
+ <Title title="Typography font style" theme="light" level={4} />
121
+ <DxcTypography display="block" fontStyle="italic">
122
+ Italic.
123
+ </DxcTypography>
124
+ <DxcTypography display="block" fontStyle="normal">
125
+ Normal.
126
+ </DxcTypography>
127
+ </ExampleContainer>
128
+ <ExampleContainer>
129
+ <Title title="Typography align" theme="light" level={4} />
130
+ <DxcTypography display="block" textAlign="left">
131
+ Left.
132
+ </DxcTypography>
133
+ <DxcTypography display="block" textAlign="center">
134
+ Center.
135
+ </DxcTypography>
136
+ <DxcTypography display="block" textAlign="right">
137
+ Right.
138
+ </DxcTypography>
139
+ </ExampleContainer>
140
+ <ExampleContainer>
141
+ <Title title="Typography whitespace" theme="light" level={4} />
142
+ <div style={{ margin: "50px", border: "1px solid red", width: "125px" }}>
143
+ <DxcTypography fontSize="2rem">
144
+ {" "} Normal: A bunch of words you see.
145
+ </DxcTypography>
146
+ </div>
147
+ <div style={{ margin: "50px", border: "1px solid red", width: "125px" }}>
148
+ <DxcTypography whiteSpace="nowrap" fontSize="2rem">
149
+ {" "}No-wrap: A bunch of words you see.
150
+ </DxcTypography>
151
+ </div>
152
+ <div style={{ margin: "50px", border: "1px solid red", width: "125px" }}>
153
+ <DxcTypography whiteSpace="pre" fontSize="2rem">
154
+ {" "} pre: A bunch of words you see.
155
+ </DxcTypography>
156
+ </div>
157
+ <div style={{ margin: "50px", border: "1px solid red", width: "125px" }}>
158
+ <DxcTypography whiteSpace="pre-line" fontSize="2rem">
159
+ {" "}pre-line: A bunch of words you see.
160
+ </DxcTypography>
161
+ </div>
162
+ <div style={{ margin: "50px", border: "1px solid red", width: "125px" }}>
163
+ <DxcTypography whiteSpace="pre-wrap" fontSize="2rem">
164
+ {" "} pre-wrap: A bunch of words you see.
165
+ </DxcTypography>
166
+ </div>
167
+ </ExampleContainer>{" "}
168
+ <ExampleContainer>
169
+ <Title title="Typography display" theme="light" level={4} />
170
+ <DxcTypography display="block" textAlign="left">
171
+ Display Block.
172
+ <DxcTypography>A different text.</DxcTypography>
173
+ </DxcTypography>
174
+ <DxcTypography display="inline" textAlign="left">
175
+ Display Inline.
176
+ <DxcTypography>A different text.</DxcTypography>
177
+ </DxcTypography>
178
+ </ExampleContainer>
179
+ <ExampleContainer>
180
+ <Title title="Typography text-overflow" theme="light" level={4} />
181
+ <div style={{ width: "75px" }}>
182
+ <DxcTypography display="block" textOverflow="clip">
183
+ Overflow clip.
184
+ </DxcTypography>
185
+ </div>
186
+ <div style={{ width: "75px" }}>
187
+ <DxcTypography display="block" textOverflow="ellipsis">
188
+ Overflow ellipsis.
189
+ </DxcTypography>
190
+ </div>
191
+ <div style={{ width: "75px" }}>
192
+ <DxcTypography display="block" textOverflow="unset">
193
+ Overflow unset.
194
+ </DxcTypography>
195
+ </div>
196
+ </ExampleContainer>
197
+ </>
198
+ );
package/typography/types.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ type Props = {
3
+ as?: keyof HTMLElementTagNameMap;
4
+ display?: "inline" | "block";
5
+ fontFamily?: "Open Sans, sans-serif" | "Source Code Pro, monospace";
6
+ fontSize?: "0.75rem" | "0.875rem" | "1rem" | "1.25rem" | "1.5rem" | "2rem" | "3rem" | "3.75rem";
7
+ fontStyle?: "italic" | "normal";
8
+ fontWeight?: "300" | "400" | "600" | "700";
9
+ letterSpacing?: "-0.025em" | "-0.0125em" | "0em" | "0.025em" | "0.05em" | "0.1em";
10
+ lineHeight?: "1em" | "1.25em" | "1.365em" | "1.5em" | "1.715em" | "2em";
11
+ textAlign?: "left" | "center" | "right";
12
+ color?: string;
13
+ textDecoration?: "none" | "underline" | "line-through";
14
+ textOverflow?: "clip" | "ellipsis" | "unset";
15
+ whiteSpace?: "normal" | "nowrap" | "pre" | "pre-line" | "pre-wrap";
16
+ children: React.ReactNode;
17
+ };
18
+ export default Props;
package/typography/types.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });