@dxc-technology/halstack-react 0.0.0-e081e21 → 0.0.0-e19ca5f

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 (493) hide show
  1. package/BackgroundColorContext.d.ts +1 -0
  2. package/BackgroundColorContext.js +6 -26
  3. package/HalstackContext.d.ts +1246 -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 +4 -0
  8. package/accordion/Accordion.js +106 -224
  9. package/accordion/Accordion.stories.tsx +241 -0
  10. package/accordion/Accordion.test.js +56 -0
  11. package/accordion/types.d.ts +57 -0
  12. package/accordion/types.js +5 -0
  13. package/accordion-group/AccordionGroup.accessibility.test.js +88 -0
  14. package/accordion-group/AccordionGroup.d.ts +7 -0
  15. package/accordion-group/AccordionGroup.js +52 -135
  16. package/accordion-group/AccordionGroup.stories.tsx +252 -0
  17. package/accordion-group/AccordionGroup.test.js +98 -0
  18. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  19. package/accordion-group/AccordionGroupAccordion.js +31 -0
  20. package/accordion-group/AccordionGroupContext.d.ts +3 -0
  21. package/accordion-group/AccordionGroupContext.js +8 -0
  22. package/accordion-group/types.d.ts +67 -0
  23. package/accordion-group/types.js +5 -0
  24. package/action-icon/ActionIcon.accessibility.test.js +63 -0
  25. package/action-icon/ActionIcon.d.ts +4 -0
  26. package/action-icon/ActionIcon.js +48 -0
  27. package/action-icon/ActionIcon.stories.tsx +41 -0
  28. package/action-icon/ActionIcon.test.js +64 -0
  29. package/action-icon/types.d.ts +26 -0
  30. package/action-icon/types.js +5 -0
  31. package/alert/Alert.accessibility.test.js +95 -0
  32. package/alert/Alert.js +41 -128
  33. package/alert/Alert.stories.tsx +198 -0
  34. package/alert/Alert.test.js +75 -0
  35. package/alert/types.d.ts +6 -6
  36. package/badge/Badge.accessibility.test.js +129 -0
  37. package/badge/Badge.d.ts +4 -0
  38. package/badge/Badge.js +142 -40
  39. package/badge/Badge.stories.tsx +210 -0
  40. package/badge/Badge.test.js +30 -0
  41. package/badge/types.d.ts +54 -0
  42. package/badge/types.js +5 -0
  43. package/bleed/Bleed.d.ts +3 -0
  44. package/bleed/Bleed.js +43 -0
  45. package/bleed/Bleed.stories.tsx +342 -0
  46. package/bleed/types.d.ts +37 -0
  47. package/bleed/types.js +5 -0
  48. package/box/Box.accessibility.test.js +33 -0
  49. package/box/Box.d.ts +4 -0
  50. package/box/Box.js +32 -109
  51. package/box/Box.stories.tsx +119 -0
  52. package/box/Box.test.js +13 -0
  53. package/box/types.d.ts +32 -0
  54. package/box/types.js +5 -0
  55. package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
  56. package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
  57. package/breadcrumbs/Breadcrumbs.d.ts +4 -0
  58. package/breadcrumbs/Breadcrumbs.js +79 -0
  59. package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
  60. package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
  61. package/breadcrumbs/Breadcrumbs.test.js +169 -0
  62. package/breadcrumbs/Item.d.ts +4 -0
  63. package/breadcrumbs/Item.js +52 -0
  64. package/breadcrumbs/dropdownTheme.d.ts +53 -0
  65. package/breadcrumbs/dropdownTheme.js +62 -0
  66. package/breadcrumbs/types.d.ts +16 -0
  67. package/breadcrumbs/types.js +5 -0
  68. package/bulleted-list/BulletedList.accessibility.test.js +119 -0
  69. package/bulleted-list/BulletedList.d.ts +7 -0
  70. package/bulleted-list/BulletedList.js +92 -0
  71. package/bulleted-list/BulletedList.stories.tsx +115 -0
  72. package/bulleted-list/types.d.ts +38 -0
  73. package/bulleted-list/types.js +5 -0
  74. package/button/Button.accessibility.test.js +127 -0
  75. package/button/Button.d.ts +1 -1
  76. package/button/Button.js +65 -126
  77. package/button/Button.stories.tsx +313 -294
  78. package/button/Button.test.js +38 -0
  79. package/button/types.d.ts +18 -18
  80. package/card/Card.accessibility.test.js +36 -0
  81. package/card/Card.d.ts +4 -0
  82. package/card/Card.js +60 -139
  83. package/card/Card.stories.tsx +171 -0
  84. package/card/Card.test.js +39 -0
  85. package/card/types.d.ts +62 -0
  86. package/card/types.js +5 -0
  87. package/checkbox/Checkbox.accessibility.test.js +87 -0
  88. package/checkbox/Checkbox.d.ts +2 -2
  89. package/checkbox/Checkbox.js +144 -182
  90. package/checkbox/Checkbox.stories.tsx +222 -0
  91. package/checkbox/Checkbox.test.js +199 -0
  92. package/checkbox/types.d.ts +20 -9
  93. package/chip/Chip.accessibility.test.js +67 -0
  94. package/chip/Chip.d.ts +4 -0
  95. package/chip/Chip.js +51 -146
  96. package/chip/Chip.stories.tsx +199 -0
  97. package/chip/Chip.test.js +41 -0
  98. package/chip/types.d.ts +45 -0
  99. package/chip/types.js +5 -0
  100. package/common/coreTokens.d.ts +237 -0
  101. package/common/coreTokens.js +184 -0
  102. package/common/utils.d.ts +1 -0
  103. package/common/utils.js +6 -12
  104. package/common/variables.d.ts +1392 -0
  105. package/common/variables.js +1084 -1389
  106. package/container/Container.d.ts +4 -0
  107. package/container/Container.js +194 -0
  108. package/container/Container.stories.tsx +214 -0
  109. package/container/types.d.ts +74 -0
  110. package/container/types.js +5 -0
  111. package/contextual-menu/ContextualMenu.accessibility.test.js +97 -0
  112. package/contextual-menu/ContextualMenu.d.ts +5 -0
  113. package/contextual-menu/ContextualMenu.js +88 -0
  114. package/contextual-menu/ContextualMenu.stories.tsx +232 -0
  115. package/contextual-menu/ContextualMenu.test.js +205 -0
  116. package/contextual-menu/GroupItem.d.ts +4 -0
  117. package/contextual-menu/GroupItem.js +67 -0
  118. package/contextual-menu/ItemAction.d.ts +4 -0
  119. package/contextual-menu/ItemAction.js +51 -0
  120. package/contextual-menu/MenuItem.d.ts +4 -0
  121. package/contextual-menu/MenuItem.js +29 -0
  122. package/contextual-menu/SingleItem.d.ts +4 -0
  123. package/contextual-menu/SingleItem.js +38 -0
  124. package/contextual-menu/types.d.ts +58 -0
  125. package/contextual-menu/types.js +5 -0
  126. package/date-input/Calendar.d.ts +4 -0
  127. package/date-input/Calendar.js +214 -0
  128. package/date-input/DateInput.accessibility.test.js +228 -0
  129. package/date-input/DateInput.d.ts +4 -0
  130. package/date-input/DateInput.js +174 -348
  131. package/date-input/DateInput.stories.tsx +292 -0
  132. package/date-input/DateInput.test.js +808 -0
  133. package/date-input/DatePicker.d.ts +4 -0
  134. package/date-input/DatePicker.js +121 -0
  135. package/date-input/YearPicker.d.ts +4 -0
  136. package/date-input/YearPicker.js +100 -0
  137. package/date-input/types.d.ts +164 -0
  138. package/date-input/types.js +5 -0
  139. package/dialog/Dialog.accessibility.test.js +69 -0
  140. package/dialog/Dialog.d.ts +4 -0
  141. package/dialog/Dialog.js +57 -148
  142. package/dialog/Dialog.stories.tsx +371 -0
  143. package/dialog/Dialog.test.js +307 -0
  144. package/dialog/types.d.ts +36 -0
  145. package/dialog/types.js +5 -0
  146. package/divider/Divider.accessibility.test.js +33 -0
  147. package/divider/Divider.d.ts +4 -0
  148. package/divider/Divider.js +36 -0
  149. package/divider/Divider.stories.tsx +223 -0
  150. package/divider/Divider.test.js +38 -0
  151. package/divider/types.d.ts +21 -0
  152. package/divider/types.js +5 -0
  153. package/dropdown/Dropdown.accessibility.test.js +180 -0
  154. package/dropdown/Dropdown.d.ts +4 -0
  155. package/dropdown/Dropdown.js +235 -364
  156. package/dropdown/Dropdown.stories.tsx +427 -0
  157. package/dropdown/Dropdown.test.js +599 -0
  158. package/dropdown/DropdownMenu.d.ts +4 -0
  159. package/dropdown/DropdownMenu.js +63 -0
  160. package/dropdown/DropdownMenuItem.d.ts +4 -0
  161. package/dropdown/DropdownMenuItem.js +71 -0
  162. package/dropdown/types.d.ts +96 -0
  163. package/dropdown/types.js +5 -0
  164. package/file-input/FileInput.accessibility.test.js +160 -0
  165. package/file-input/FileInput.d.ts +4 -0
  166. package/file-input/FileInput.js +274 -363
  167. package/file-input/FileInput.stories.tsx +618 -0
  168. package/file-input/FileInput.test.js +382 -0
  169. package/file-input/FileItem.d.ts +4 -0
  170. package/file-input/FileItem.js +65 -133
  171. package/file-input/types.d.ts +129 -0
  172. package/file-input/types.js +5 -0
  173. package/flex/Flex.d.ts +4 -0
  174. package/flex/Flex.js +57 -0
  175. package/flex/Flex.stories.tsx +112 -0
  176. package/flex/types.d.ts +97 -0
  177. package/flex/types.js +5 -0
  178. package/footer/Footer.accessibility.test.js +125 -0
  179. package/footer/Footer.d.ts +4 -0
  180. package/footer/Footer.js +75 -232
  181. package/footer/Footer.stories.tsx +208 -0
  182. package/footer/Footer.test.js +85 -0
  183. package/footer/Icons.d.ts +3 -0
  184. package/footer/Icons.js +54 -23
  185. package/footer/types.d.ts +64 -0
  186. package/footer/types.js +5 -0
  187. package/grid/Grid.d.ts +7 -0
  188. package/grid/Grid.js +76 -0
  189. package/grid/Grid.stories.tsx +219 -0
  190. package/grid/types.d.ts +115 -0
  191. package/grid/types.js +5 -0
  192. package/header/Header.accessibility.test.js +93 -0
  193. package/header/Header.d.ts +8 -0
  194. package/header/Header.js +106 -222
  195. package/header/Header.stories.tsx +267 -0
  196. package/header/Header.test.js +66 -0
  197. package/header/Icons.d.ts +2 -0
  198. package/header/Icons.js +6 -41
  199. package/header/types.d.ts +33 -0
  200. package/header/types.js +5 -0
  201. package/heading/Heading.accessibility.test.js +33 -0
  202. package/heading/Heading.d.ts +4 -0
  203. package/heading/Heading.js +16 -55
  204. package/heading/Heading.stories.tsx +54 -0
  205. package/heading/Heading.test.js +169 -0
  206. package/heading/types.d.ts +33 -0
  207. package/heading/types.js +5 -0
  208. package/icon/Icon.accessibility.test.js +30 -0
  209. package/icon/Icon.d.ts +4 -0
  210. package/icon/Icon.js +33 -0
  211. package/icon/Icon.stories.tsx +28 -0
  212. package/icon/types.d.ts +4 -0
  213. package/icon/types.js +5 -0
  214. package/image/Image.accessibility.test.js +56 -0
  215. package/image/Image.d.ts +4 -0
  216. package/image/Image.js +70 -0
  217. package/image/Image.stories.tsx +129 -0
  218. package/image/types.d.ts +72 -0
  219. package/image/types.js +5 -0
  220. package/inset/Inset.d.ts +3 -0
  221. package/inset/Inset.js +43 -0
  222. package/inset/Inset.stories.tsx +230 -0
  223. package/inset/types.d.ts +37 -0
  224. package/inset/types.js +5 -0
  225. package/layout/ApplicationLayout.d.ts +20 -0
  226. package/layout/ApplicationLayout.js +88 -186
  227. package/layout/ApplicationLayout.stories.tsx +162 -0
  228. package/layout/Icons.d.ts +7 -0
  229. package/layout/Icons.js +41 -48
  230. package/layout/types.d.ts +41 -0
  231. package/layout/types.js +5 -0
  232. package/link/Link.accessibility.test.js +108 -0
  233. package/link/Link.d.ts +4 -0
  234. package/link/Link.js +65 -131
  235. package/link/Link.stories.tsx +253 -0
  236. package/link/Link.test.js +63 -0
  237. package/link/types.d.ts +54 -0
  238. package/link/types.js +5 -0
  239. package/main.d.ts +20 -14
  240. package/main.js +99 -98
  241. package/nav-tabs/NavTabs.accessibility.test.js +44 -0
  242. package/nav-tabs/NavTabs.d.ts +7 -0
  243. package/nav-tabs/NavTabs.js +93 -0
  244. package/nav-tabs/NavTabs.stories.tsx +279 -0
  245. package/nav-tabs/NavTabs.test.js +77 -0
  246. package/nav-tabs/NavTabsContext.d.ts +3 -0
  247. package/nav-tabs/NavTabsContext.js +8 -0
  248. package/nav-tabs/Tab.d.ts +4 -0
  249. package/nav-tabs/Tab.js +117 -0
  250. package/nav-tabs/types.d.ts +52 -0
  251. package/nav-tabs/types.js +5 -0
  252. package/number-input/NumberInput.accessibility.test.js +228 -0
  253. package/number-input/NumberInput.d.ts +4 -0
  254. package/number-input/NumberInput.js +48 -90
  255. package/number-input/NumberInput.stories.tsx +131 -0
  256. package/number-input/NumberInput.test.js +989 -0
  257. package/number-input/NumberInputContext.d.ts +3 -0
  258. package/number-input/NumberInputContext.js +3 -11
  259. package/number-input/types.d.ts +136 -0
  260. package/number-input/types.js +5 -0
  261. package/package.json +54 -51
  262. package/paginator/Paginator.accessibility.test.js +79 -0
  263. package/paginator/Paginator.js +47 -107
  264. package/paginator/Paginator.stories.tsx +87 -0
  265. package/paginator/Paginator.test.js +335 -0
  266. package/paginator/types.d.ts +3 -3
  267. package/paragraph/Paragraph.accessibility.test.js +28 -0
  268. package/paragraph/Paragraph.d.ts +5 -0
  269. package/paragraph/Paragraph.js +22 -0
  270. package/paragraph/Paragraph.stories.tsx +27 -0
  271. package/password-input/PasswordInput.accessibility.test.js +153 -0
  272. package/password-input/PasswordInput.d.ts +4 -0
  273. package/password-input/PasswordInput.js +61 -163
  274. package/password-input/PasswordInput.stories.tsx +99 -0
  275. package/password-input/PasswordInput.test.js +198 -0
  276. package/password-input/types.d.ts +111 -0
  277. package/password-input/types.js +5 -0
  278. package/progress-bar/ProgressBar.accessibility.test.js +35 -0
  279. package/progress-bar/ProgressBar.d.ts +4 -0
  280. package/progress-bar/ProgressBar.js +70 -112
  281. package/progress-bar/ProgressBar.stories.tsx +93 -0
  282. package/progress-bar/ProgressBar.test.js +93 -0
  283. package/progress-bar/types.d.ts +37 -0
  284. package/progress-bar/types.js +5 -0
  285. package/quick-nav/QuickNav.accessibility.test.js +57 -0
  286. package/quick-nav/QuickNav.d.ts +4 -0
  287. package/quick-nav/QuickNav.js +94 -0
  288. package/quick-nav/QuickNav.stories.tsx +356 -0
  289. package/quick-nav/types.d.ts +21 -0
  290. package/quick-nav/types.js +5 -0
  291. package/radio-group/Radio.d.ts +4 -0
  292. package/radio-group/Radio.js +124 -0
  293. package/radio-group/RadioGroup.accessibility.test.js +97 -0
  294. package/radio-group/RadioGroup.d.ts +4 -0
  295. package/radio-group/RadioGroup.js +236 -0
  296. package/radio-group/RadioGroup.stories.tsx +214 -0
  297. package/radio-group/RadioGroup.test.js +756 -0
  298. package/radio-group/types.d.ts +114 -0
  299. package/radio-group/types.js +5 -0
  300. package/resultset-table/Icons.d.ts +7 -0
  301. package/resultset-table/Icons.js +47 -0
  302. package/resultset-table/ResultsetTable.accessibility.test.js +285 -0
  303. package/resultset-table/ResultsetTable.d.ts +7 -0
  304. package/resultset-table/ResultsetTable.js +171 -0
  305. package/resultset-table/ResultsetTable.stories.tsx +413 -0
  306. package/resultset-table/ResultsetTable.test.js +381 -0
  307. package/resultset-table/types.d.ts +100 -0
  308. package/resultset-table/types.js +5 -0
  309. package/select/Listbox.d.ts +4 -0
  310. package/select/Listbox.js +155 -0
  311. package/select/Option.d.ts +4 -0
  312. package/select/Option.js +89 -0
  313. package/select/Select.accessibility.test.js +228 -0
  314. package/select/Select.d.ts +4 -0
  315. package/select/Select.js +252 -515
  316. package/select/Select.stories.tsx +919 -0
  317. package/select/Select.test.js +2265 -0
  318. package/select/types.d.ts +209 -0
  319. package/select/types.js +5 -0
  320. package/sidenav/Sidenav.accessibility.test.js +59 -0
  321. package/sidenav/Sidenav.d.ts +10 -0
  322. package/sidenav/Sidenav.js +137 -81
  323. package/sidenav/Sidenav.stories.tsx +277 -0
  324. package/sidenav/Sidenav.test.js +37 -0
  325. package/sidenav/SidenavContext.d.ts +5 -0
  326. package/sidenav/SidenavContext.js +13 -0
  327. package/sidenav/types.d.ts +76 -0
  328. package/sidenav/types.js +5 -0
  329. package/slider/Slider.accessibility.test.js +104 -0
  330. package/slider/Slider.d.ts +4 -0
  331. package/slider/Slider.js +166 -220
  332. package/slider/Slider.test.js +254 -0
  333. package/slider/types.d.ts +86 -0
  334. package/slider/types.js +5 -0
  335. package/spinner/Spinner.accessibility.test.js +96 -0
  336. package/spinner/Spinner.d.ts +4 -0
  337. package/spinner/Spinner.js +41 -98
  338. package/spinner/Spinner.stories.tsx +129 -0
  339. package/spinner/Spinner.test.js +55 -0
  340. package/spinner/types.d.ts +32 -0
  341. package/spinner/types.js +5 -0
  342. package/status-light/StatusLight.accessibility.test.js +157 -0
  343. package/status-light/StatusLight.d.ts +4 -0
  344. package/status-light/StatusLight.js +51 -0
  345. package/status-light/StatusLight.stories.tsx +74 -0
  346. package/status-light/StatusLight.test.js +25 -0
  347. package/status-light/types.d.ts +17 -0
  348. package/status-light/types.js +5 -0
  349. package/switch/Switch.accessibility.test.js +98 -0
  350. package/switch/Switch.d.ts +2 -2
  351. package/switch/Switch.js +150 -115
  352. package/switch/Switch.stories.tsx +149 -0
  353. package/switch/Switch.test.js +180 -0
  354. package/switch/types.d.ts +13 -5
  355. package/table/DropdownTheme.js +62 -0
  356. package/table/Table.accessibility.test.js +93 -0
  357. package/table/Table.d.ts +8 -0
  358. package/table/Table.js +80 -37
  359. package/table/Table.stories.tsx +663 -0
  360. package/table/Table.test.js +113 -0
  361. package/table/types.d.ts +49 -0
  362. package/table/types.js +5 -0
  363. package/tabs/Tab.d.ts +4 -0
  364. package/tabs/Tab.js +117 -0
  365. package/tabs/Tabs.accessibility.test.js +56 -0
  366. package/tabs/Tabs.d.ts +4 -0
  367. package/tabs/Tabs.js +308 -194
  368. package/tabs/Tabs.stories.tsx +230 -0
  369. package/tabs/Tabs.test.js +276 -0
  370. package/tabs/types.d.ts +92 -0
  371. package/tabs/types.js +5 -0
  372. package/tag/Tag.accessibility.test.js +69 -0
  373. package/tag/Tag.d.ts +4 -0
  374. package/tag/Tag.js +55 -112
  375. package/tag/Tag.stories.tsx +152 -0
  376. package/tag/Tag.test.js +41 -0
  377. package/tag/types.d.ts +69 -0
  378. package/tag/types.js +5 -0
  379. package/text-input/Suggestion.d.ts +4 -0
  380. package/text-input/Suggestion.js +67 -0
  381. package/text-input/Suggestions.d.ts +4 -0
  382. package/text-input/Suggestions.js +94 -0
  383. package/text-input/TextInput.accessibility.test.js +321 -0
  384. package/text-input/TextInput.d.ts +4 -0
  385. package/text-input/TextInput.js +340 -594
  386. package/text-input/TextInput.stories.tsx +474 -0
  387. package/text-input/TextInput.test.js +1756 -0
  388. package/text-input/types.d.ts +205 -0
  389. package/text-input/types.js +5 -0
  390. package/textarea/Textarea.accessibility.test.js +155 -0
  391. package/textarea/Textarea.d.ts +4 -0
  392. package/textarea/Textarea.js +99 -181
  393. package/textarea/Textarea.stories.tsx +174 -0
  394. package/textarea/Textarea.test.js +406 -0
  395. package/textarea/types.d.ts +141 -0
  396. package/textarea/types.js +5 -0
  397. package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
  398. package/toggle-group/ToggleGroup.d.ts +4 -0
  399. package/toggle-group/ToggleGroup.js +101 -142
  400. package/toggle-group/ToggleGroup.stories.tsx +218 -0
  401. package/toggle-group/ToggleGroup.test.js +137 -0
  402. package/toggle-group/types.d.ts +114 -0
  403. package/toggle-group/types.js +5 -0
  404. package/typography/Typography.accessibility.test.js +339 -0
  405. package/typography/Typography.d.ts +4 -0
  406. package/typography/Typography.js +23 -0
  407. package/typography/Typography.stories.tsx +198 -0
  408. package/typography/types.d.ts +18 -0
  409. package/typography/types.js +5 -0
  410. package/useTheme.d.ts +1145 -0
  411. package/useTheme.js +4 -11
  412. package/useTranslatedLabels.d.ts +85 -0
  413. package/useTranslatedLabels.js +14 -0
  414. package/utils/BaseTypography.d.ts +21 -0
  415. package/utils/BaseTypography.js +94 -0
  416. package/utils/FocusLock.d.ts +13 -0
  417. package/utils/FocusLock.js +124 -0
  418. package/wizard/Wizard.accessibility.test.js +55 -0
  419. package/wizard/Wizard.d.ts +4 -0
  420. package/wizard/Wizard.js +122 -154
  421. package/wizard/Wizard.stories.tsx +272 -0
  422. package/wizard/Wizard.test.js +114 -0
  423. package/wizard/types.d.ts +64 -0
  424. package/wizard/types.js +5 -0
  425. package/ThemeContext.js +0 -246
  426. package/V3Select/V3Select.js +0 -455
  427. package/V3Select/index.d.ts +0 -27
  428. package/V3Textarea/V3Textarea.js +0 -260
  429. package/V3Textarea/index.d.ts +0 -27
  430. package/accordion/index.d.ts +0 -28
  431. package/accordion-group/index.d.ts +0 -16
  432. package/box/index.d.ts +0 -25
  433. package/card/index.d.ts +0 -22
  434. package/chip/index.d.ts +0 -22
  435. package/common/OpenSans.css +0 -81
  436. package/common/RequiredComponent.js +0 -32
  437. package/common/fonts/OpenSans-Bold.ttf +0 -0
  438. package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
  439. package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
  440. package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  441. package/common/fonts/OpenSans-Italic.ttf +0 -0
  442. package/common/fonts/OpenSans-Light.ttf +0 -0
  443. package/common/fonts/OpenSans-LightItalic.ttf +0 -0
  444. package/common/fonts/OpenSans-Regular.ttf +0 -0
  445. package/common/fonts/OpenSans-SemiBold.ttf +0 -0
  446. package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  447. package/date/Date.js +0 -373
  448. package/date/index.d.ts +0 -27
  449. package/date-input/index.d.ts +0 -95
  450. package/dialog/index.d.ts +0 -18
  451. package/dropdown/index.d.ts +0 -26
  452. package/file-input/index.d.ts +0 -81
  453. package/footer/index.d.ts +0 -25
  454. package/header/index.d.ts +0 -25
  455. package/heading/index.d.ts +0 -17
  456. package/input-text/Icons.js +0 -22
  457. package/input-text/InputText.js +0 -611
  458. package/input-text/index.d.ts +0 -36
  459. package/link/index.d.ts +0 -23
  460. package/number-input/index.d.ts +0 -113
  461. package/paginator/Icons.js +0 -66
  462. package/password-input/index.d.ts +0 -94
  463. package/progress-bar/index.d.ts +0 -18
  464. package/radio/Radio.js +0 -195
  465. package/radio/index.d.ts +0 -23
  466. package/resultsetTable/ResultsetTable.js +0 -274
  467. package/resultsetTable/index.d.ts +0 -19
  468. package/select/index.d.ts +0 -131
  469. package/sidenav/index.d.ts +0 -13
  470. package/slider/index.d.ts +0 -29
  471. package/spinner/index.d.ts +0 -17
  472. package/table/index.d.ts +0 -13
  473. package/tabs/index.d.ts +0 -19
  474. package/tag/index.d.ts +0 -24
  475. package/text-input/index.d.ts +0 -135
  476. package/textarea/index.d.ts +0 -117
  477. package/toggle/Toggle.js +0 -186
  478. package/toggle/index.d.ts +0 -21
  479. package/toggle-group/index.d.ts +0 -21
  480. package/upload/Upload.js +0 -201
  481. package/upload/buttons-upload/ButtonsUpload.js +0 -111
  482. package/upload/buttons-upload/Icons.js +0 -40
  483. package/upload/dragAndDropArea/DragAndDropArea.js +0 -225
  484. package/upload/dragAndDropArea/Icons.js +0 -39
  485. package/upload/file-upload/FileToUpload.js +0 -115
  486. package/upload/file-upload/Icons.js +0 -66
  487. package/upload/files-upload/FilesToUpload.js +0 -109
  488. package/upload/index.d.ts +0 -15
  489. package/upload/transaction/Icons.js +0 -160
  490. package/upload/transaction/Transaction.js +0 -104
  491. package/upload/transactions/Transactions.js +0 -94
  492. package/wizard/Icons.js +0 -65
  493. package/wizard/index.d.ts +0 -18
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
+ });