@dxc-technology/halstack-react 0.0.0-961ed8e → 0.0.0-96cecf0

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 (521) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +47 -0
  3. package/HalstackContext.d.ts +1336 -0
  4. package/HalstackContext.js +335 -0
  5. package/accordion/Accordion.d.ts +4 -0
  6. package/accordion/Accordion.js +222 -0
  7. package/accordion/Accordion.stories.tsx +297 -0
  8. package/accordion/Accordion.test.js +71 -0
  9. package/accordion/types.d.ts +57 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +8 -0
  12. package/accordion-group/AccordionGroup.js +128 -0
  13. package/accordion-group/AccordionGroup.stories.tsx +252 -0
  14. package/accordion-group/AccordionGroup.test.js +116 -0
  15. package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
  16. package/accordion-group/AccordionGroupAccordion.js +43 -0
  17. package/accordion-group/types.d.ts +67 -0
  18. package/accordion-group/types.js +5 -0
  19. package/alert/Alert.d.ts +4 -0
  20. package/alert/Alert.js +289 -0
  21. package/alert/Alert.stories.tsx +198 -0
  22. package/alert/Alert.test.js +92 -0
  23. package/alert/types.d.ts +49 -0
  24. package/alert/types.js +5 -0
  25. package/badge/Badge.d.ts +4 -0
  26. package/badge/Badge.js +61 -0
  27. package/badge/types.d.ts +5 -0
  28. package/badge/types.js +5 -0
  29. package/bleed/Bleed.d.ts +3 -0
  30. package/bleed/Bleed.js +51 -0
  31. package/bleed/Bleed.stories.tsx +342 -0
  32. package/bleed/types.d.ts +37 -0
  33. package/bleed/types.js +5 -0
  34. package/box/Box.d.ts +4 -0
  35. package/box/Box.js +97 -0
  36. package/box/Box.stories.tsx +119 -0
  37. package/box/Box.test.js +18 -0
  38. package/box/types.d.ts +32 -0
  39. package/box/types.js +5 -0
  40. package/bulleted-list/BulletedList.d.ts +7 -0
  41. package/bulleted-list/BulletedList.js +125 -0
  42. package/bulleted-list/BulletedList.stories.tsx +206 -0
  43. package/bulleted-list/types.d.ts +38 -0
  44. package/bulleted-list/types.js +5 -0
  45. package/button/Button.d.ts +4 -0
  46. package/button/Button.js +153 -0
  47. package/button/Button.stories.tsx +425 -0
  48. package/button/Button.test.js +35 -0
  49. package/button/types.d.ts +53 -0
  50. package/button/types.js +5 -0
  51. package/card/Card.d.ts +4 -0
  52. package/card/Card.js +143 -0
  53. package/card/Card.stories.tsx +171 -0
  54. package/card/Card.test.js +50 -0
  55. package/card/types.d.ts +62 -0
  56. package/card/types.js +5 -0
  57. package/checkbox/Checkbox.d.ts +4 -0
  58. package/checkbox/Checkbox.js +250 -0
  59. package/checkbox/Checkbox.stories.tsx +260 -0
  60. package/checkbox/Checkbox.test.js +155 -0
  61. package/checkbox/types.d.ts +68 -0
  62. package/checkbox/types.js +5 -0
  63. package/chip/Chip.d.ts +4 -0
  64. package/chip/Chip.js +140 -0
  65. package/chip/Chip.stories.tsx +214 -0
  66. package/chip/Chip.test.js +54 -0
  67. package/chip/types.d.ts +45 -0
  68. package/chip/types.js +5 -0
  69. package/common/OpenSans.css +69 -0
  70. package/common/coreTokens.d.ts +146 -0
  71. package/common/coreTokens.js +167 -0
  72. package/common/utils.d.ts +1 -0
  73. package/common/utils.js +22 -0
  74. package/common/variables.d.ts +1482 -0
  75. package/common/variables.js +1361 -0
  76. package/date-input/Calendar.d.ts +4 -0
  77. package/date-input/Calendar.js +258 -0
  78. package/date-input/DateInput.d.ts +4 -0
  79. package/date-input/DateInput.js +269 -0
  80. package/date-input/DateInput.stories.tsx +304 -0
  81. package/date-input/DateInput.test.js +835 -0
  82. package/date-input/DatePicker.d.ts +4 -0
  83. package/date-input/DatePicker.js +146 -0
  84. package/date-input/Icons.d.ts +6 -0
  85. package/date-input/Icons.js +75 -0
  86. package/date-input/YearPicker.d.ts +4 -0
  87. package/date-input/YearPicker.js +126 -0
  88. package/date-input/types.d.ts +158 -0
  89. package/date-input/types.js +5 -0
  90. package/dialog/Dialog.d.ts +4 -0
  91. package/dialog/Dialog.js +131 -0
  92. package/dialog/Dialog.stories.tsx +195 -0
  93. package/dialog/Dialog.test.js +369 -0
  94. package/dialog/types.d.ts +31 -0
  95. package/dialog/types.js +5 -0
  96. package/dropdown/Dropdown.d.ts +4 -0
  97. package/dropdown/Dropdown.js +388 -0
  98. package/dropdown/Dropdown.stories.tsx +438 -0
  99. package/dropdown/Dropdown.test.js +586 -0
  100. package/dropdown/DropdownMenu.d.ts +4 -0
  101. package/dropdown/DropdownMenu.js +74 -0
  102. package/dropdown/DropdownMenuItem.d.ts +4 -0
  103. package/dropdown/DropdownMenuItem.js +79 -0
  104. package/dropdown/types.d.ts +100 -0
  105. package/dropdown/types.js +5 -0
  106. package/file-input/FileInput.d.ts +4 -0
  107. package/file-input/FileInput.js +547 -0
  108. package/file-input/FileInput.stories.tsx +618 -0
  109. package/file-input/FileInput.test.js +457 -0
  110. package/file-input/FileItem.d.ts +4 -0
  111. package/file-input/FileItem.js +162 -0
  112. package/file-input/types.d.ts +129 -0
  113. package/file-input/types.js +5 -0
  114. package/flex/Flex.d.ts +4 -0
  115. package/flex/Flex.js +71 -0
  116. package/flex/Flex.stories.tsx +112 -0
  117. package/flex/types.d.ts +97 -0
  118. package/flex/types.js +5 -0
  119. package/footer/Footer.d.ts +4 -0
  120. package/footer/Footer.js +170 -0
  121. package/footer/Footer.stories.tsx +140 -0
  122. package/footer/Footer.test.js +97 -0
  123. package/footer/Icons.d.ts +2 -0
  124. package/footer/Icons.js +77 -0
  125. package/footer/types.d.ts +60 -0
  126. package/footer/types.js +5 -0
  127. package/grid/Grid.d.ts +7 -0
  128. package/grid/Grid.js +91 -0
  129. package/grid/Grid.stories.tsx +219 -0
  130. package/grid/types.d.ts +115 -0
  131. package/grid/types.js +5 -0
  132. package/header/Header.d.ts +8 -0
  133. package/header/Header.js +303 -0
  134. package/header/Header.stories.tsx +315 -0
  135. package/header/Header.test.js +79 -0
  136. package/header/Icons.d.ts +2 -0
  137. package/header/Icons.js +34 -0
  138. package/header/types.d.ts +48 -0
  139. package/header/types.js +5 -0
  140. package/heading/Heading.d.ts +4 -0
  141. package/heading/Heading.js +159 -0
  142. package/heading/Heading.stories.tsx +54 -0
  143. package/heading/Heading.test.js +186 -0
  144. package/heading/types.d.ts +33 -0
  145. package/heading/types.js +5 -0
  146. package/inset/Inset.d.ts +3 -0
  147. package/inset/Inset.js +51 -0
  148. package/inset/Inset.stories.tsx +230 -0
  149. package/inset/types.d.ts +37 -0
  150. package/inset/types.js +5 -0
  151. package/layout/ApplicationLayout.d.ts +20 -0
  152. package/layout/ApplicationLayout.js +171 -0
  153. package/layout/ApplicationLayout.stories.tsx +162 -0
  154. package/layout/Icons.d.ts +5 -0
  155. package/layout/Icons.js +66 -0
  156. package/layout/SidenavContext.d.ts +5 -0
  157. package/layout/SidenavContext.js +19 -0
  158. package/layout/types.d.ts +41 -0
  159. package/layout/types.js +5 -0
  160. package/link/Link.d.ts +4 -0
  161. package/link/Link.js +136 -0
  162. package/link/Link.stories.tsx +253 -0
  163. package/link/Link.test.js +81 -0
  164. package/link/types.d.ts +54 -0
  165. package/link/types.js +5 -0
  166. package/main.d.ts +45 -0
  167. package/{dist/main.js → main.js} +157 -83
  168. package/nav-tabs/NavTabs.d.ts +8 -0
  169. package/nav-tabs/NavTabs.js +122 -0
  170. package/nav-tabs/NavTabs.stories.tsx +274 -0
  171. package/nav-tabs/NavTabs.test.js +82 -0
  172. package/nav-tabs/Tab.d.ts +4 -0
  173. package/nav-tabs/Tab.js +146 -0
  174. package/nav-tabs/types.d.ts +52 -0
  175. package/nav-tabs/types.js +5 -0
  176. package/number-input/NumberInput.d.ts +4 -0
  177. package/number-input/NumberInput.js +76 -0
  178. package/number-input/NumberInput.stories.tsx +115 -0
  179. package/number-input/NumberInput.test.js +542 -0
  180. package/number-input/NumberInputContext.d.ts +4 -0
  181. package/number-input/NumberInputContext.js +19 -0
  182. package/number-input/numberInputContextTypes.d.ts +19 -0
  183. package/number-input/numberInputContextTypes.js +5 -0
  184. package/number-input/types.d.ts +124 -0
  185. package/number-input/types.js +5 -0
  186. package/package.json +48 -37
  187. package/paginator/Icons.d.ts +5 -0
  188. package/paginator/Icons.js +54 -0
  189. package/paginator/Paginator.d.ts +4 -0
  190. package/paginator/Paginator.js +163 -0
  191. package/paginator/Paginator.stories.tsx +87 -0
  192. package/paginator/Paginator.test.js +318 -0
  193. package/paginator/types.d.ts +38 -0
  194. package/paginator/types.js +5 -0
  195. package/paragraph/Paragraph.d.ts +5 -0
  196. package/paragraph/Paragraph.js +38 -0
  197. package/paragraph/Paragraph.stories.tsx +44 -0
  198. package/password-input/PasswordInput.d.ts +4 -0
  199. package/password-input/PasswordInput.js +166 -0
  200. package/password-input/PasswordInput.stories.tsx +131 -0
  201. package/password-input/PasswordInput.test.js +181 -0
  202. package/password-input/types.d.ts +110 -0
  203. package/password-input/types.js +5 -0
  204. package/progress-bar/ProgressBar.d.ts +4 -0
  205. package/progress-bar/ProgressBar.js +176 -0
  206. package/progress-bar/ProgressBar.stories.jsx +93 -0
  207. package/progress-bar/ProgressBar.test.js +110 -0
  208. package/progress-bar/types.d.ts +37 -0
  209. package/progress-bar/types.js +5 -0
  210. package/quick-nav/QuickNav.d.ts +4 -0
  211. package/quick-nav/QuickNav.js +117 -0
  212. package/quick-nav/QuickNav.stories.tsx +356 -0
  213. package/quick-nav/types.d.ts +21 -0
  214. package/quick-nav/types.js +5 -0
  215. package/radio-group/Radio.d.ts +4 -0
  216. package/radio-group/Radio.js +156 -0
  217. package/radio-group/RadioGroup.d.ts +4 -0
  218. package/radio-group/RadioGroup.js +281 -0
  219. package/radio-group/RadioGroup.stories.tsx +214 -0
  220. package/radio-group/RadioGroup.test.js +722 -0
  221. package/radio-group/types.d.ts +114 -0
  222. package/radio-group/types.js +5 -0
  223. package/resultsetTable/Icons.d.ts +7 -0
  224. package/resultsetTable/Icons.js +51 -0
  225. package/resultsetTable/ResultsetTable.d.ts +4 -0
  226. package/resultsetTable/ResultsetTable.js +195 -0
  227. package/resultsetTable/ResultsetTable.stories.tsx +300 -0
  228. package/resultsetTable/ResultsetTable.test.js +325 -0
  229. package/resultsetTable/types.d.ts +67 -0
  230. package/resultsetTable/types.js +5 -0
  231. package/select/Icons.d.ts +10 -0
  232. package/select/Icons.js +93 -0
  233. package/select/Listbox.d.ts +4 -0
  234. package/select/Listbox.js +169 -0
  235. package/select/Option.d.ts +4 -0
  236. package/select/Option.js +97 -0
  237. package/select/Select.d.ts +4 -0
  238. package/select/Select.js +666 -0
  239. package/select/Select.stories.tsx +971 -0
  240. package/select/Select.test.js +2228 -0
  241. package/select/types.d.ts +210 -0
  242. package/select/types.js +5 -0
  243. package/sidenav/Icons.d.ts +7 -0
  244. package/sidenav/Icons.js +51 -0
  245. package/sidenav/Sidenav.d.ts +10 -0
  246. package/sidenav/Sidenav.js +238 -0
  247. package/sidenav/Sidenav.stories.tsx +282 -0
  248. package/sidenav/Sidenav.test.js +44 -0
  249. package/sidenav/types.d.ts +76 -0
  250. package/sidenav/types.js +5 -0
  251. package/slider/Slider.d.ts +4 -0
  252. package/slider/Slider.js +342 -0
  253. package/slider/Slider.stories.tsx +240 -0
  254. package/slider/Slider.test.js +250 -0
  255. package/slider/types.d.ts +86 -0
  256. package/slider/types.js +5 -0
  257. package/spinner/Spinner.d.ts +4 -0
  258. package/spinner/Spinner.js +244 -0
  259. package/spinner/Spinner.stories.jsx +129 -0
  260. package/spinner/Spinner.test.js +64 -0
  261. package/spinner/types.d.ts +32 -0
  262. package/spinner/types.js +5 -0
  263. package/switch/Switch.d.ts +4 -0
  264. package/switch/Switch.js +262 -0
  265. package/switch/Switch.stories.tsx +171 -0
  266. package/switch/Switch.test.js +225 -0
  267. package/switch/types.d.ts +66 -0
  268. package/switch/types.js +5 -0
  269. package/table/Table.d.ts +4 -0
  270. package/table/Table.js +118 -0
  271. package/table/Table.stories.jsx +356 -0
  272. package/table/Table.test.js +26 -0
  273. package/table/types.d.ts +21 -0
  274. package/table/types.js +5 -0
  275. package/tabs/Tab.d.ts +4 -0
  276. package/tabs/Tab.js +132 -0
  277. package/tabs/Tabs.d.ts +4 -0
  278. package/tabs/Tabs.js +461 -0
  279. package/tabs/Tabs.stories.tsx +226 -0
  280. package/tabs/Tabs.test.js +350 -0
  281. package/tabs/types.d.ts +92 -0
  282. package/tabs/types.js +5 -0
  283. package/tag/Tag.d.ts +4 -0
  284. package/tag/Tag.js +181 -0
  285. package/tag/Tag.stories.tsx +155 -0
  286. package/tag/Tag.test.js +60 -0
  287. package/tag/types.d.ts +69 -0
  288. package/tag/types.js +5 -0
  289. package/text-input/Icons.d.ts +8 -0
  290. package/text-input/Icons.js +60 -0
  291. package/text-input/Suggestion.d.ts +4 -0
  292. package/text-input/Suggestion.js +84 -0
  293. package/text-input/Suggestions.d.ts +4 -0
  294. package/text-input/Suggestions.js +134 -0
  295. package/text-input/TextInput.d.ts +4 -0
  296. package/text-input/TextInput.js +673 -0
  297. package/text-input/TextInput.stories.tsx +569 -0
  298. package/text-input/TextInput.test.js +1723 -0
  299. package/text-input/types.d.ts +197 -0
  300. package/text-input/types.js +5 -0
  301. package/textarea/Textarea.d.ts +4 -0
  302. package/textarea/Textarea.js +276 -0
  303. package/textarea/Textarea.stories.jsx +216 -0
  304. package/textarea/Textarea.test.js +435 -0
  305. package/textarea/types.d.ts +137 -0
  306. package/textarea/types.js +5 -0
  307. package/toggle-group/ToggleGroup.d.ts +4 -0
  308. package/toggle-group/ToggleGroup.js +218 -0
  309. package/toggle-group/ToggleGroup.stories.tsx +215 -0
  310. package/toggle-group/ToggleGroup.test.js +156 -0
  311. package/toggle-group/types.d.ts +105 -0
  312. package/toggle-group/types.js +5 -0
  313. package/typography/Typography.d.ts +4 -0
  314. package/typography/Typography.js +32 -0
  315. package/typography/Typography.stories.tsx +198 -0
  316. package/typography/types.d.ts +18 -0
  317. package/typography/types.js +5 -0
  318. package/useTheme.d.ts +1235 -0
  319. package/{dist/useTheme.js → useTheme.js} +3 -3
  320. package/useTranslatedLabels.d.ts +85 -0
  321. package/useTranslatedLabels.js +20 -0
  322. package/utils/BaseTypography.d.ts +21 -0
  323. package/utils/BaseTypography.js +108 -0
  324. package/utils/FocusLock.d.ts +13 -0
  325. package/utils/FocusLock.js +138 -0
  326. package/wizard/Wizard.d.ts +4 -0
  327. package/wizard/Wizard.js +285 -0
  328. package/wizard/Wizard.stories.tsx +253 -0
  329. package/wizard/Wizard.test.js +141 -0
  330. package/wizard/types.d.ts +64 -0
  331. package/wizard/types.js +5 -0
  332. package/README.md +0 -66
  333. package/babel.config.js +0 -4
  334. package/dist/ThemeContext.js +0 -65
  335. package/dist/accordion/Accordion.js +0 -268
  336. package/dist/accordion/Accordion.stories.js +0 -207
  337. package/dist/accordion/readme.md +0 -96
  338. package/dist/accordion-group/AccordionGroup.js +0 -159
  339. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  340. package/dist/accordion-group/readme.md +0 -70
  341. package/dist/alert/Alert.js +0 -304
  342. package/dist/alert/Alert.stories.js +0 -158
  343. package/dist/alert/close.svg +0 -4
  344. package/dist/alert/error.svg +0 -4
  345. package/dist/alert/info.svg +0 -4
  346. package/dist/alert/readme.md +0 -43
  347. package/dist/alert/success.svg +0 -4
  348. package/dist/alert/warning.svg +0 -4
  349. package/dist/badge/Badge.js +0 -58
  350. package/dist/box/Box.js +0 -148
  351. package/dist/button/Button.js +0 -202
  352. package/dist/button/Button.stories.js +0 -224
  353. package/dist/button/readme.md +0 -93
  354. package/dist/card/Card.js +0 -217
  355. package/dist/checkbox/Checkbox.js +0 -240
  356. package/dist/checkbox/Checkbox.stories.js +0 -144
  357. package/dist/checkbox/readme.md +0 -116
  358. package/dist/chip/Chip.js +0 -208
  359. package/dist/common/OpenSans.css +0 -81
  360. package/dist/common/RequiredComponent.js +0 -40
  361. package/dist/common/services/example-service.js +0 -10
  362. package/dist/common/services/example-service.test.js +0 -12
  363. package/dist/common/utils.js +0 -42
  364. package/dist/common/variables.js +0 -430
  365. package/dist/date/Date.js +0 -357
  366. package/dist/date/Date.stories.js +0 -205
  367. package/dist/date/calendar.svg +0 -1
  368. package/dist/date/calendar_dark.svg +0 -1
  369. package/dist/date/readme.md +0 -73
  370. package/dist/dialog/Dialog.js +0 -197
  371. package/dist/dialog/Dialog.stories.js +0 -217
  372. package/dist/dialog/readme.md +0 -32
  373. package/dist/dropdown/Dropdown.js +0 -449
  374. package/dist/dropdown/Dropdown.stories.js +0 -249
  375. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  376. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  377. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  378. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  379. package/dist/dropdown/readme.md +0 -69
  380. package/dist/footer/Footer.js +0 -371
  381. package/dist/footer/Footer.stories.js +0 -94
  382. package/dist/footer/dxc_logo_wht.png +0 -0
  383. package/dist/footer/readme.md +0 -41
  384. package/dist/header/Header.js +0 -373
  385. package/dist/header/Header.stories.js +0 -176
  386. package/dist/header/close_icon.svg +0 -1
  387. package/dist/header/dxc_logo_black.png +0 -0
  388. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  389. package/dist/header/dxc_logo_white.png +0 -0
  390. package/dist/header/hamb_menu_black.svg +0 -1
  391. package/dist/header/hamb_menu_white.svg +0 -1
  392. package/dist/header/readme.md +0 -33
  393. package/dist/heading/Heading.js +0 -153
  394. package/dist/input-text/InputText.js +0 -570
  395. package/dist/input-text/InputText.stories.js +0 -209
  396. package/dist/input-text/error.svg +0 -1
  397. package/dist/input-text/readme.md +0 -91
  398. package/dist/layout/ApplicationLayout.js +0 -335
  399. package/dist/layout/facebook.svg +0 -45
  400. package/dist/layout/linkedin.svg +0 -50
  401. package/dist/layout/twitter.svg +0 -53
  402. package/dist/link/Link.js +0 -192
  403. package/dist/link/readme.md +0 -51
  404. package/dist/paginator/Paginator.js +0 -254
  405. package/dist/paginator/images/next.svg +0 -3
  406. package/dist/paginator/images/nextPage.svg +0 -3
  407. package/dist/paginator/images/previous.svg +0 -3
  408. package/dist/paginator/images/previousPage.svg +0 -3
  409. package/dist/paginator/readme.md +0 -50
  410. package/dist/progress-bar/ProgressBar.js +0 -185
  411. package/dist/progress-bar/ProgressBar.stories.js +0 -280
  412. package/dist/progress-bar/readme.md +0 -63
  413. package/dist/radio/Radio.js +0 -195
  414. package/dist/radio/Radio.stories.js +0 -166
  415. package/dist/radio/readme.md +0 -70
  416. package/dist/resultsetTable/ResultsetTable.js +0 -327
  417. package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
  418. package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
  419. package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
  420. package/dist/select/Select.js +0 -473
  421. package/dist/select/Select.stories.js +0 -235
  422. package/dist/select/readme.md +0 -72
  423. package/dist/sidenav/Sidenav.js +0 -128
  424. package/dist/slider/Slider.js +0 -266
  425. package/dist/slider/Slider.stories.js +0 -241
  426. package/dist/slider/readme.md +0 -64
  427. package/dist/spinner/Spinner.js +0 -193
  428. package/dist/spinner/Spinner.stories.js +0 -183
  429. package/dist/spinner/readme.md +0 -65
  430. package/dist/switch/Switch.js +0 -199
  431. package/dist/switch/Switch.stories.js +0 -134
  432. package/dist/switch/readme.md +0 -133
  433. package/dist/table/Table.js +0 -105
  434. package/dist/tabs/Tabs.js +0 -302
  435. package/dist/tabs/Tabs.stories.js +0 -130
  436. package/dist/tabs/readme.md +0 -78
  437. package/dist/tabs-for-sections/TabsForSections.js +0 -92
  438. package/dist/tabs-for-sections/readme.md +0 -78
  439. package/dist/tag/Tag.js +0 -249
  440. package/dist/textarea/Textarea.js +0 -227
  441. package/dist/toggle/Toggle.js +0 -223
  442. package/dist/toggle/Toggle.stories.js +0 -297
  443. package/dist/toggle/readme.md +0 -80
  444. package/dist/toggle-group/ToggleGroup.js +0 -226
  445. package/dist/toggle-group/readme.md +0 -82
  446. package/dist/upload/Upload.js +0 -200
  447. package/dist/upload/Upload.stories.js +0 -72
  448. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -122
  449. package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
  450. package/dist/upload/buttons-upload/upload-button.svg +0 -1
  451. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -279
  452. package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
  453. package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
  454. package/dist/upload/file-upload/FileToUpload.js +0 -158
  455. package/dist/upload/file-upload/audio-icon.svg +0 -4
  456. package/dist/upload/file-upload/close.svg +0 -4
  457. package/dist/upload/file-upload/file-icon.svg +0 -4
  458. package/dist/upload/file-upload/video-icon.svg +0 -4
  459. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  460. package/dist/upload/readme.md +0 -37
  461. package/dist/upload/transaction/Transaction.js +0 -155
  462. package/dist/upload/transaction/audio-icon-err.svg +0 -4
  463. package/dist/upload/transaction/audio-icon.svg +0 -4
  464. package/dist/upload/transaction/error-icon.svg +0 -4
  465. package/dist/upload/transaction/file-icon-err.svg +0 -4
  466. package/dist/upload/transaction/file-icon.svg +0 -4
  467. package/dist/upload/transaction/image-icon-err.svg +0 -4
  468. package/dist/upload/transaction/image-icon.svg +0 -4
  469. package/dist/upload/transaction/success-icon.svg +0 -4
  470. package/dist/upload/transaction/video-icon-err.svg +0 -4
  471. package/dist/upload/transaction/video-icon.svg +0 -4
  472. package/dist/upload/transactions/Transactions.js +0 -120
  473. package/dist/wizard/Wizard.js +0 -331
  474. package/dist/wizard/invalid_icon.svg +0 -6
  475. package/dist/wizard/valid_icon.svg +0 -6
  476. package/dist/wizard/validation-wrong.svg +0 -6
  477. package/test/Accordion.test.js +0 -33
  478. package/test/AccordionGroup.test.js +0 -109
  479. package/test/Alert.test.js +0 -53
  480. package/test/Box.test.js +0 -10
  481. package/test/Button.test.js +0 -18
  482. package/test/Card.test.js +0 -30
  483. package/test/Checkbox.test.js +0 -45
  484. package/test/Chip.test.js +0 -25
  485. package/test/Date.test.js +0 -393
  486. package/test/Dialog.test.js +0 -23
  487. package/test/Dropdown.test.js +0 -130
  488. package/test/Footer.test.js +0 -99
  489. package/test/Header.test.js +0 -39
  490. package/test/Heading.test.js +0 -35
  491. package/test/InputText.test.js +0 -240
  492. package/test/Link.test.js +0 -42
  493. package/test/Paginator.test.js +0 -177
  494. package/test/ProgressBar.test.js +0 -35
  495. package/test/Radio.test.js +0 -37
  496. package/test/ResultsetTable.test.js +0 -330
  497. package/test/Select.test.js +0 -192
  498. package/test/Sidenav.test.js +0 -45
  499. package/test/Slider.test.js +0 -82
  500. package/test/Spinner.test.js +0 -27
  501. package/test/Switch.test.js +0 -45
  502. package/test/Table.test.js +0 -36
  503. package/test/Tabs.test.js +0 -109
  504. package/test/TabsForSections.test.js +0 -34
  505. package/test/Tag.test.js +0 -32
  506. package/test/TextArea.test.js +0 -52
  507. package/test/ToggleGroup.test.js +0 -81
  508. package/test/Upload.test.js +0 -60
  509. package/test/Wizard.test.js +0 -130
  510. package/test/mocks/pngMock.js +0 -1
  511. package/test/mocks/svgMock.js +0 -1
  512. /package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  513. /package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  514. /package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  515. /package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  516. /package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  517. /package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  518. /package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  519. /package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  520. /package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  521. /package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
@@ -1,4 +0,0 @@
1
- <svg id="baseline-arrow_drop_down-24px" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
- <path id="Trazado_2384" data-name="Trazado 2384" d="M7,10l5,5,5-5Z" fill="#fff"/>
3
- <path id="Trazado_2385" data-name="Trazado 2385" d="M0,0H24V24H0Z" fill="none"/>
4
- </svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 14l5-5 5 5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
@@ -1,4 +0,0 @@
1
- <svg id="baseline-arrow_drop_up-24px" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2
- <path id="Trazado_2386" data-name="Trazado 2386" d="M7,14l5-5,5,5Z" fill="#fff"/>
3
- <path id="Trazado_2387" data-name="Trazado 2387" d="M0,0H24V24H0Z" fill="none"/>
4
- </svg>
@@ -1,69 +0,0 @@
1
- # DXC Dropdown Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>options: object[]</td>
13
- <td><code>[]</code></td>
14
- <td>An array of objects representing the options. Each object has the following properties:
15
- <ul>
16
- <li><b>label</b>: Option display value</li>
17
- <li><b>iconSrc</b>: URL of the icon that will be placed next to the option label (Optional)</li>
18
- <li><b>value</b>: Option inner value</li>
19
- <li><b>options</b>: array for nested</li>
20
- </ul>
21
- </td>
22
- </tr>
23
- <tr>
24
- <td>optionsIconPosition: 'before' | 'after'</td>
25
- <td><code>'before'</code></td>
26
- <td>In case options include an icon, whether the icon should appear after or before the label.</td>
27
- </tr>
28
- <tr>
29
- <td>iconSrc: string</td>
30
- <td><code></code></td>
31
- <td>URL of the icon that will be placed next to the option label (Optional)</td>
32
- </tr>
33
- <tr>
34
- <td>iconPosition: 'before' | 'after'</td>
35
- <td><code>'before'</code></td>
36
- <td>Whether the icon should appear after or before the label.</td>
37
- </tr>
38
- <tr>
39
- <td>label: string</td>
40
- <td></td>
41
- <td>Text to be placed within the dropdown.</td>
42
- </tr>
43
- <tr>
44
- <td>theme: 'light' | 'dark'</td>
45
- <td><code>'light'</code></td>
46
- <td>Uses one of the available component themes.</td>
47
- </tr>
48
- <tr>
49
- <td>mode: 'basic' | 'outlined'</td>
50
- <td><code>'basic'</code></td>
51
- <td>Uses one of the available component modes.</td>
52
- </tr>
53
- <tr>
54
- <td>showCaret: boolean</td>
55
- <td><code>true</code></td>
56
- <td>Whether the arrow next to the labe must be displayed or not.</td>
57
- </tr>
58
- <tr>
59
- <td>disableRipple: boolean</td>
60
- <td><code>false</code></td>
61
- <td>If true, the ripple effect will be disabled.</td>
62
- </tr>
63
- <tr>
64
- <td>onSelectOption: function</td>
65
- <td></td>
66
- <td>This function will be called every time the selection changes. The string with the key of the selected value will be passed as a parameter to this function.</td>
67
- </tr>
68
- </table>
69
-
@@ -1,371 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
-
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports["default"] = void 0;
11
-
12
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
-
14
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
15
-
16
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
17
-
18
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
-
20
- var _react = _interopRequireWildcard(require("react"));
21
-
22
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
23
-
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- require("../common/OpenSans.css");
27
-
28
- var _variables = require("../common/variables.js");
29
-
30
- var _ThemeContext = _interopRequireDefault(require("../ThemeContext.js"));
31
-
32
- var _utils = require("../common/utils.js");
33
-
34
- function _templateObject13() {
35
- var data = (0, _taggedTemplateLiteral2["default"])(["\n text-decoration: none;\n color: ", ";\n font-size: 12px;\n"]);
36
-
37
- _templateObject13 = function _templateObject13() {
38
- return data;
39
- };
40
-
41
- return data;
42
- }
43
-
44
- function _templateObject12() {
45
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin: 0px 10px;\n color: ", ";\n"]);
46
-
47
- _templateObject12 = function _templateObject12() {
48
- return data;
49
- };
50
-
51
- return data;
52
- }
53
-
54
- function _templateObject11() {
55
- var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n height: 25px;\n width: 25px;\n color: ", ";\n }\n\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
56
-
57
- _templateObject11 = function _templateObject11() {
58
- return data;
59
- };
60
-
61
- return data;
62
- }
63
-
64
- function _templateObject10() {
65
- var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n height: 25px;\n width: 25px;\n fill: ", ";\n }\n"]);
66
-
67
- _templateObject10 = function _templateObject10() {
68
- return data;
69
- };
70
-
71
- return data;
72
- }
73
-
74
- function _templateObject9() {
75
- var data = (0, _taggedTemplateLiteral2["default"])(["\n & {\n display: inline-flex;\n margin-left: ", ";\n }\n"]);
76
-
77
- _templateObject9 = function _templateObject9() {
78
- return data;
79
- };
80
-
81
- return data;
82
- }
83
-
84
- function _templateObject8() {
85
- var data = (0, _taggedTemplateLiteral2["default"])(["\n height: 34px;\n width: auto;\n\n img,\n svg:not(:root) {\n height: 100%;\n }\n"]);
86
-
87
- _templateObject8 = function _templateObject8() {
88
- return data;
89
- };
90
-
91
- return data;
92
- }
93
-
94
- function _templateObject7() {
95
- var data = (0, _taggedTemplateLiteral2["default"])(["\n height: 34px;\n width: auto;\n"]);
96
-
97
- _templateObject7 = function _templateObject7() {
98
- return data;
99
- };
100
-
101
- return data;
102
- }
103
-
104
- function _templateObject6() {
105
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: 12px;\n color: ", ";\n max-width: ", ";\n width: ", ";\n text-align: ", ";\n"]);
106
-
107
- _templateObject6 = function _templateObject6() {
108
- return data;
109
- };
110
-
111
- return data;
112
- }
113
-
114
- function _templateObject5() {
115
- var data = (0, _taggedTemplateLiteral2["default"])(["\n min-height: 15px;\n padding: ", ";\n padding-top: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n padding-left: ", ";\n color: ", ";\n overflow: hidden;\n"]);
116
-
117
- _templateObject5 = function _templateObject5() {
118
- return data;
119
- };
120
-
121
- return data;
122
- }
123
-
124
- function _templateObject4() {
125
- var data = (0, _taggedTemplateLiteral2["default"])(["\n padding-top: 6px;\n border-top: 2px solid ", ";\n display: inline-flex;\n flex-wrap: wrap;\n max-width: ", ";\n width: ", ";\n & > span:last-child span {\n display: none;\n }\n margin: ", ";\n"]);
126
-
127
- _templateObject4 = function _templateObject4() {
128
- return data;
129
- };
130
-
131
- return data;
132
- }
133
-
134
- function _templateObject3() {
135
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n flex-direction: ", ";\n align-items: ", ";\n"]);
136
-
137
- _templateObject3 = function _templateObject3() {
138
- return data;
139
- };
140
-
141
- return data;
142
- }
143
-
144
- function _templateObject2() {
145
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n justify-content: space-between;\n"]);
146
-
147
- _templateObject2 = function _templateObject2() {
148
- return data;
149
- };
150
-
151
- return data;
152
- }
153
-
154
- function _templateObject() {
155
- var data = (0, _taggedTemplateLiteral2["default"])(["\n padding: ", ";\n font-family: \"Open Sans\", sans-serif;\n background-color: ", ";\n margin-top: ", ";\n width: 100%;\n box-sizing: border-box;\n min-height: 120px;\n"]);
156
-
157
- _templateObject = function _templateObject() {
158
- return data;
159
- };
160
-
161
- return data;
162
- }
163
-
164
- var DxcFooter = function DxcFooter(_ref) {
165
- var _ref$socialLinks = _ref.socialLinks,
166
- socialLinks = _ref$socialLinks === void 0 ? [] : _ref$socialLinks,
167
- _ref$bottomLinks = _ref.bottomLinks,
168
- bottomLinks = _ref$bottomLinks === void 0 ? [] : _ref$bottomLinks,
169
- _ref$copyright = _ref.copyright,
170
- copyright = _ref$copyright === void 0 ? "" : _ref$copyright,
171
- _ref$logoSrc = _ref.logoSrc,
172
- logoSrc = _ref$logoSrc === void 0 ? "default" : _ref$logoSrc,
173
- children = _ref.children,
174
- padding = _ref.padding,
175
- margin = _ref.margin;
176
- var ref = (0, _react.useRef)(null);
177
-
178
- var _useState = (0, _react.useState)(),
179
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
180
- refSize = _useState2[0],
181
- setRefSize = _useState2[1];
182
-
183
- var _useState3 = (0, _react.useState)(false),
184
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
185
- isResponsiveTablet = _useState4[0],
186
- setIsResponsiveTablet = _useState4[1];
187
-
188
- var _useState5 = (0, _react.useState)(false),
189
- _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
190
- isResponsivePhone = _useState6[0],
191
- setIsResponsivePhone = _useState6[1];
192
-
193
- var customTheme = (0, _react.useContext)(_ThemeContext["default"]);
194
- var colorsTheme = (0, _react.useMemo)(function () {
195
- return (0, _utils.getCustomTheme)(_variables.componentTokens, (0, _utils.getCustomTheme)(_variables.defaultTheme, customTheme));
196
- }, [customTheme]);
197
-
198
- var handleResize = function handleResize(refWidth) {
199
- if (ref.current) {
200
- setRefSize(refWidth);
201
-
202
- if (refWidth <= _variables.responsiveSizes.tablet && refWidth > _variables.responsiveSizes.mobileLarge) {
203
- setIsResponsiveTablet(true);
204
- setIsResponsivePhone(false);
205
- } else if (refWidth <= _variables.responsiveSizes.tablet && refWidth <= _variables.responsiveSizes.mobileLarge) {
206
- setIsResponsivePhone(true);
207
- setIsResponsiveTablet(false);
208
- } else {
209
- setIsResponsiveTablet(false);
210
- setIsResponsivePhone(false);
211
- }
212
- }
213
- };
214
-
215
- var handleEventListener = function handleEventListener() {
216
- handleResize(ref.current.offsetWidth);
217
- };
218
-
219
- (0, _react.useEffect)(function () {
220
- window.addEventListener("resize", handleEventListener);
221
- handleResize(ref.current.offsetWidth);
222
- return function () {
223
- window.removeEventListener("resize", handleEventListener);
224
- };
225
- }, []);
226
- var socialLink = socialLinks.map(function (link, index) {
227
- return _react["default"].createElement(SocialAnchor, {
228
- key: "social".concat(index).concat(link.href),
229
- index: index,
230
- href: link && link.href ? link.href : ""
231
- }, link.logo ? _react["default"].createElement(SocialIconContainer, null, (0, _typeof2["default"])(link.logo) === "object" ? link.logo : _react["default"].createElement(link.logo)) : link && link.logoSrc && _react["default"].createElement(SocialIcon, {
232
- src: link.logoSrc
233
- }));
234
- });
235
- var bottomLink = bottomLinks.map(function (link, index) {
236
- return _react["default"].createElement("span", {
237
- key: "bottom".concat(index).concat(link.text)
238
- }, _react["default"].createElement(BottomLink, {
239
- href: link && link.href ? link.href : ""
240
- }, link && link.text ? link.text : ""), _react["default"].createElement(Point, {
241
- index: index
242
- }, "\xB7"));
243
- });
244
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
245
- theme: colorsTheme.footer
246
- }, _react["default"].createElement(FooterContainer, {
247
- margin: margin,
248
- refSize: refSize,
249
- ref: ref
250
- }, _react["default"].createElement(FooterHeader, null, _react["default"].createElement(LogoIcon, {
251
- logoSrc: logoSrc,
252
- src: logoSrc === "default" ? colorsTheme.footer.logo : logoSrc
253
- }), _react["default"].createElement("div", null, socialLink)), isResponsivePhone && _react["default"].createElement("div", null, _react["default"].createElement(FooterFooter, {
254
- className: "footerFooter",
255
- refSize: refSize
256
- }, _react["default"].createElement(BottomLinks, {
257
- refSize: refSize
258
- }, bottomLink), _react["default"].createElement(Copyright, {
259
- refSize: refSize
260
- }, copyright))), (!isResponsiveTablet && !isResponsivePhone || isResponsiveTablet) && _react["default"].createElement("div", null, _react["default"].createElement(ChildComponents, {
261
- padding: padding
262
- }, children), _react["default"].createElement(FooterFooter, {
263
- className: "footerFooter"
264
- }, _react["default"].createElement(BottomLinks, {
265
- refSize: refSize
266
- }, bottomLink), _react["default"].createElement(Copyright, {
267
- refSize: refSize
268
- }, copyright)))));
269
- };
270
-
271
- var FooterContainer = _styledComponents["default"].footer(_templateObject(), function (props) {
272
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "20px 20px 20px 20px" : "20px 60px 20px 20px";
273
- }, function (props) {
274
- return props.theme.backgroundColor;
275
- }, function (props) {
276
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
277
- });
278
-
279
- var FooterHeader = _styledComponents["default"].div(_templateObject2());
280
-
281
- var FooterFooter = _styledComponents["default"].div(_templateObject3(), function (props) {
282
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "column" : "row";
283
- }, function (props) {
284
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "center" : "";
285
- });
286
-
287
- var BottomLinks = _styledComponents["default"].div(_templateObject4(), function (props) {
288
- return props.theme.lineColor;
289
- }, function (props) {
290
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "60%";
291
- }, function (props) {
292
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "";
293
- }, function (props) {
294
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "40px 0 40px 0" : "";
295
- });
296
-
297
- var ChildComponents = _styledComponents["default"].div(_templateObject5(), function (props) {
298
- return props.padding && (0, _typeof2["default"])(props.padding) !== "object" ? _variables.spaces[props.padding] : "0px";
299
- }, function (props) {
300
- return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.top ? _variables.spaces[props.padding.top] : "";
301
- }, function (props) {
302
- return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.right ? _variables.spaces[props.padding.right] : "";
303
- }, function (props) {
304
- return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.bottom ? _variables.spaces[props.padding.bottom] : "";
305
- }, function (props) {
306
- return props.padding && (0, _typeof2["default"])(props.padding) === "object" && props.padding.left ? _variables.spaces[props.padding.left] : "";
307
- }, function (props) {
308
- return props.theme.fontColor;
309
- });
310
-
311
- var Copyright = _styledComponents["default"].div(_templateObject6(), function (props) {
312
- return props.theme.fontColor;
313
- }, function (props) {
314
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "40%";
315
- }, function (props) {
316
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "100%" : "";
317
- }, function (props) {
318
- return props.refSize <= _variables.responsiveSizes.mobileLarge ? "center" : "right";
319
- });
320
-
321
- var LogoIcon = _styledComponents["default"].img(_templateObject7());
322
-
323
- var LogoIconContainer = _styledComponents["default"].div(_templateObject8());
324
-
325
- var SocialAnchor = _styledComponents["default"].a(_templateObject9(), function (props) {
326
- return props.index === 0 ? "0px" : "15px";
327
- });
328
-
329
- var SocialIcon = _styledComponents["default"].img(_templateObject10(), function (props) {
330
- return props.theme.fontColor;
331
- });
332
-
333
- var SocialIconContainer = _styledComponents["default"].div(_templateObject11(), function (props) {
334
- return props.theme.fontColor;
335
- });
336
-
337
- var Point = _styledComponents["default"].span(_templateObject12(), function (props) {
338
- return props.theme.fontColor;
339
- });
340
-
341
- var BottomLink = _styledComponents["default"].a(_templateObject13(), function (props) {
342
- return props.theme.fontColor;
343
- });
344
-
345
- DxcFooter.propTypes = {
346
- logoSrc: _propTypes["default"].string,
347
- socialLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
348
- logo: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func]),
349
- logoSrc: _propTypes["default"].string.isRequired,
350
- href: _propTypes["default"].string
351
- })),
352
- bottomLinks: _propTypes["default"].arrayOf(_propTypes["default"].shape({
353
- text: _propTypes["default"].string.isRequired,
354
- href: _propTypes["default"].string
355
- })),
356
- copyright: _propTypes["default"].string,
357
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
358
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
359
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
360
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
361
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
362
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
363
- padding: _propTypes["default"].oneOfType([_propTypes["default"].shape({
364
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
365
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
366
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
367
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
368
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))])
369
- };
370
- var _default = DxcFooter;
371
- exports["default"] = _default;
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _react = _interopRequireDefault(require("react"));
6
-
7
- var _react2 = require("@storybook/react");
8
-
9
- var _addonActions = require("@storybook/addon-actions");
10
-
11
- require("../common/OpenSans.css");
12
-
13
- var _addonKnobs = require("@storybook/addon-knobs");
14
-
15
- var _linkedin = _interopRequireDefault(require("../../.storybook/public/linkedin.svg"));
16
-
17
- var _facebook = _interopRequireDefault(require("../../.storybook/public/facebook.svg"));
18
-
19
- var _twitter = _interopRequireDefault(require("../../.storybook/public/twitter.svg"));
20
-
21
- var _InputText = _interopRequireDefault(require("../input-text/InputText"));
22
-
23
- var _readme = _interopRequireDefault(require("./readme.md"));
24
-
25
- var _Footer = _interopRequireDefault(require("./Footer"));
26
-
27
- var social = [{
28
- href: "https://www.linkedin.com/company/dxctechnology",
29
- logoSrc: _linkedin["default"]
30
- }, {
31
- href: "https://twitter.com/dxctechnology",
32
- logoSrc: _twitter["default"]
33
- }, {
34
- href: "https://www.facebook.com/DXCTechnology/",
35
- logoSrc: _facebook["default"]
36
- }];
37
- var bottom = [{
38
- href: "https://www.linkedin.com/company/dxctechnology",
39
- text: "Linkedin"
40
- }, {
41
- href: "https://twitter.com/dxctechnology",
42
- text: "Twitter"
43
- }, {
44
- href: "https://www.facebook.com/DXCTechnology/",
45
- text: "Facebook"
46
- }];
47
- (0, _react2.storiesOf)("Form Components|Footer", module).add("Component", function () {
48
- return _react["default"].createElement("div", null, _react["default"].createElement(_Footer["default"], {
49
- copyright: "\xA9 DXC Technology 2019. All rights reserved.",
50
- bottomLinks: bottom,
51
- socialLinks: social
52
- }), _react["default"].createElement("div", {
53
- style: {
54
- marginTop: "20px"
55
- }
56
- }, _react["default"].createElement(_Footer["default"], {
57
- copyright: "\xA9 DXC Technology 2019. All rights reserved.",
58
- bottomLinks: bottom,
59
- socialLinks: social
60
- }, _react["default"].createElement(_InputText["default"], {
61
- assistiveText: "text input component",
62
- label: "Footer Child",
63
- theme: "dark"
64
- }), _react["default"].createElement(_InputText["default"], {
65
- assistiveText: "text input component",
66
- label: "Footer Child",
67
- theme: "dark"
68
- }), _react["default"].createElement(_InputText["default"], {
69
- assistiveText: "text input component",
70
- label: "Footer Child",
71
- theme: "dark"
72
- }), _react["default"].createElement(_InputText["default"], {
73
- assistiveText: "text input component",
74
- label: "Footer Child",
75
- theme: "dark"
76
- }))));
77
- }, {
78
- notes: {
79
- markdown: _readme["default"]
80
- }
81
- });
82
-
83
- var knobProps = function knobProps() {
84
- return {};
85
- };
86
-
87
- (0, _react2.storiesOf)("Form Components|Footer", module).add("Knobs example", function () {
88
- var props = knobProps();
89
- return _react["default"].createElement("div", null);
90
- }, {
91
- notes: {
92
- markdown: _readme["default"]
93
- }
94
- });
Binary file
@@ -1,41 +0,0 @@
1
- # DXC Footer Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>logoSrc: string</td>
13
- <td></td>
14
- <td>The path of an icon to replace the theme logo.</td>
15
- </tr>
16
- <tr>
17
- <td>socialLinks: object[]</td>
18
- <td><code>[]</code></td>
19
- <td>An array of objects representing the links that will be rendered at the bottom part of the footer. Each object has the following properties:
20
- <ul>
21
- <li><b>logoSrc</b>: The path of an icon for the link</li>
22
- <li><b>href</b>: URL of the page the link goes to</li>
23
- </ul>
24
- </td>
25
- </tr>
26
- <tr>
27
- <td>bottomLinks: object[]</td>
28
- <td><code>[]</code></td>
29
- <td>An array of objects representing the incon links that will be rendered at the top-right side of the footer. Each object has the following properties:
30
- <ul>
31
- <li><b>text</b>: Text for the link</li>
32
- <li><b>href</b>: URL of the page the link goes to</li>
33
- </ul>
34
- </td>
35
- </tr>
36
- <tr>
37
- <td>copyright: string</td>
38
- <td></td>
39
- <td>The text that will be displayed as copyright disclaimer.</td>
40
- </tr>
41
- </table>