@dxc-technology/halstack-react 0.0.0-c7ec4d1 → 0.0.0-c83579c

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 (446) 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 +234 -0
  7. package/accordion/Accordion.stories.tsx +395 -0
  8. package/accordion/Accordion.test.js +71 -0
  9. package/accordion/types.d.ts +69 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +149 -0
  13. package/accordion-group/AccordionGroup.stories.tsx +251 -0
  14. package/accordion-group/AccordionGroup.test.js +126 -0
  15. package/accordion-group/types.d.ts +79 -0
  16. package/accordion-group/types.js +5 -0
  17. package/alert/Alert.d.ts +4 -0
  18. package/{dist/alert → alert}/Alert.js +45 -157
  19. package/alert/Alert.stories.tsx +198 -0
  20. package/alert/Alert.test.js +92 -0
  21. package/alert/types.d.ts +49 -0
  22. package/alert/types.js +5 -0
  23. package/badge/Badge.d.ts +4 -0
  24. package/badge/Badge.js +61 -0
  25. package/badge/types.d.ts +5 -0
  26. package/badge/types.js +5 -0
  27. package/bleed/Bleed.d.ts +3 -0
  28. package/bleed/Bleed.js +51 -0
  29. package/bleed/Bleed.stories.tsx +342 -0
  30. package/bleed/types.d.ts +37 -0
  31. package/bleed/types.js +5 -0
  32. package/box/Box.d.ts +4 -0
  33. package/box/Box.js +114 -0
  34. package/box/Box.stories.tsx +147 -0
  35. package/box/Box.test.js +18 -0
  36. package/box/types.d.ts +44 -0
  37. package/box/types.js +5 -0
  38. package/bulleted-list/BulletedList.d.ts +7 -0
  39. package/bulleted-list/BulletedList.js +123 -0
  40. package/bulleted-list/BulletedList.stories.tsx +200 -0
  41. package/bulleted-list/types.d.ts +11 -0
  42. package/bulleted-list/types.js +5 -0
  43. package/button/Button.d.ts +4 -0
  44. package/button/Button.js +153 -0
  45. package/button/Button.stories.tsx +425 -0
  46. package/button/Button.test.js +35 -0
  47. package/button/types.d.ts +53 -0
  48. package/button/types.js +5 -0
  49. package/card/Card.d.ts +4 -0
  50. package/card/Card.js +160 -0
  51. package/card/Card.stories.tsx +200 -0
  52. package/card/Card.test.js +50 -0
  53. package/card/ice-cream.jpg +0 -0
  54. package/card/types.d.ts +68 -0
  55. package/card/types.js +5 -0
  56. package/checkbox/Checkbox.d.ts +4 -0
  57. package/checkbox/Checkbox.js +250 -0
  58. package/checkbox/Checkbox.stories.tsx +260 -0
  59. package/checkbox/Checkbox.test.js +155 -0
  60. package/checkbox/types.d.ts +68 -0
  61. package/checkbox/types.js +5 -0
  62. package/chip/Chip.d.ts +4 -0
  63. package/chip/Chip.js +153 -0
  64. package/chip/Chip.stories.tsx +206 -0
  65. package/chip/Chip.test.js +54 -0
  66. package/chip/types.d.ts +45 -0
  67. package/chip/types.js +5 -0
  68. package/common/OpenSans.css +69 -0
  69. package/common/coreTokens.d.ts +146 -0
  70. package/common/coreTokens.js +167 -0
  71. package/common/utils.d.ts +1 -0
  72. package/{dist/common → common}/utils.js +4 -4
  73. package/common/variables.d.ts +1482 -0
  74. package/common/variables.js +1361 -0
  75. package/date-input/Calendar.d.ts +4 -0
  76. package/date-input/Calendar.js +258 -0
  77. package/date-input/DateInput.d.ts +4 -0
  78. package/date-input/DateInput.js +269 -0
  79. package/date-input/DateInput.stories.tsx +304 -0
  80. package/date-input/DateInput.test.js +835 -0
  81. package/date-input/DatePicker.d.ts +4 -0
  82. package/date-input/DatePicker.js +146 -0
  83. package/date-input/Icons.d.ts +6 -0
  84. package/date-input/Icons.js +75 -0
  85. package/date-input/YearPicker.d.ts +4 -0
  86. package/date-input/YearPicker.js +126 -0
  87. package/date-input/types.d.ts +158 -0
  88. package/date-input/types.js +5 -0
  89. package/dialog/Dialog.d.ts +4 -0
  90. package/dialog/Dialog.js +149 -0
  91. package/dialog/Dialog.stories.tsx +319 -0
  92. package/dialog/Dialog.test.js +369 -0
  93. package/dialog/types.d.ts +44 -0
  94. package/dialog/types.js +5 -0
  95. package/dropdown/Dropdown.d.ts +4 -0
  96. package/dropdown/Dropdown.js +388 -0
  97. package/dropdown/Dropdown.stories.tsx +438 -0
  98. package/dropdown/Dropdown.test.js +586 -0
  99. package/dropdown/DropdownMenu.d.ts +4 -0
  100. package/dropdown/DropdownMenu.js +74 -0
  101. package/dropdown/DropdownMenuItem.d.ts +4 -0
  102. package/dropdown/DropdownMenuItem.js +79 -0
  103. package/dropdown/types.d.ts +100 -0
  104. package/dropdown/types.js +5 -0
  105. package/file-input/FileInput.d.ts +4 -0
  106. package/file-input/FileInput.js +547 -0
  107. package/file-input/FileInput.stories.tsx +618 -0
  108. package/file-input/FileInput.test.js +457 -0
  109. package/file-input/FileItem.d.ts +4 -0
  110. package/file-input/FileItem.js +162 -0
  111. package/file-input/types.d.ts +129 -0
  112. package/file-input/types.js +5 -0
  113. package/flex/Flex.d.ts +4 -0
  114. package/flex/Flex.js +71 -0
  115. package/flex/Flex.stories.tsx +112 -0
  116. package/flex/types.d.ts +97 -0
  117. package/flex/types.js +5 -0
  118. package/footer/Footer.d.ts +4 -0
  119. package/footer/Footer.js +183 -0
  120. package/footer/Footer.stories.tsx +228 -0
  121. package/footer/Footer.test.js +97 -0
  122. package/footer/Icons.d.ts +2 -0
  123. package/{dist/footer → footer}/Icons.js +16 -16
  124. package/footer/types.d.ts +66 -0
  125. package/footer/types.js +5 -0
  126. package/grid/Grid.d.ts +7 -0
  127. package/grid/Grid.js +91 -0
  128. package/grid/Grid.stories.tsx +219 -0
  129. package/grid/types.d.ts +115 -0
  130. package/grid/types.js +5 -0
  131. package/header/Header.d.ts +8 -0
  132. package/header/Header.js +303 -0
  133. package/header/Header.stories.tsx +315 -0
  134. package/header/Header.test.js +79 -0
  135. package/header/Icons.d.ts +2 -0
  136. package/{dist/header → header}/Icons.js +9 -34
  137. package/header/types.d.ts +48 -0
  138. package/header/types.js +5 -0
  139. package/heading/Heading.d.ts +4 -0
  140. package/{dist/heading → heading}/Heading.js +26 -97
  141. package/heading/Heading.stories.tsx +54 -0
  142. package/heading/Heading.test.js +186 -0
  143. package/heading/types.d.ts +33 -0
  144. package/heading/types.js +5 -0
  145. package/inset/Inset.d.ts +3 -0
  146. package/inset/Inset.js +51 -0
  147. package/inset/Inset.stories.tsx +230 -0
  148. package/inset/types.d.ts +37 -0
  149. package/inset/types.js +5 -0
  150. package/layout/ApplicationLayout.d.ts +20 -0
  151. package/layout/ApplicationLayout.js +171 -0
  152. package/layout/ApplicationLayout.stories.tsx +162 -0
  153. package/layout/Icons.d.ts +5 -0
  154. package/{dist/layout → layout}/Icons.js +19 -8
  155. package/layout/SidenavContext.d.ts +5 -0
  156. package/layout/SidenavContext.js +19 -0
  157. package/layout/types.d.ts +41 -0
  158. package/layout/types.js +5 -0
  159. package/link/Link.d.ts +4 -0
  160. package/link/Link.js +136 -0
  161. package/link/Link.stories.tsx +253 -0
  162. package/link/Link.test.js +81 -0
  163. package/link/types.d.ts +54 -0
  164. package/link/types.js +5 -0
  165. package/main.d.ts +45 -0
  166. package/{dist/main.js → main.js} +122 -104
  167. package/nav-tabs/NavTabs.d.ts +8 -0
  168. package/nav-tabs/NavTabs.js +125 -0
  169. package/nav-tabs/NavTabs.stories.tsx +260 -0
  170. package/nav-tabs/NavTabs.test.js +82 -0
  171. package/nav-tabs/Tab.d.ts +4 -0
  172. package/nav-tabs/Tab.js +150 -0
  173. package/nav-tabs/types.d.ts +53 -0
  174. package/nav-tabs/types.js +5 -0
  175. package/number-input/NumberInput.d.ts +4 -0
  176. package/number-input/NumberInput.js +76 -0
  177. package/number-input/NumberInput.stories.tsx +115 -0
  178. package/number-input/NumberInput.test.js +542 -0
  179. package/number-input/NumberInputContext.d.ts +4 -0
  180. package/{dist/number-input → number-input}/NumberInputContext.js +5 -2
  181. package/number-input/numberInputContextTypes.d.ts +19 -0
  182. package/number-input/numberInputContextTypes.js +5 -0
  183. package/number-input/types.d.ts +124 -0
  184. package/number-input/types.js +5 -0
  185. package/package.json +45 -35
  186. package/paginator/Icons.d.ts +5 -0
  187. package/paginator/Icons.js +54 -0
  188. package/paginator/Paginator.d.ts +4 -0
  189. package/paginator/Paginator.js +163 -0
  190. package/paginator/Paginator.stories.tsx +87 -0
  191. package/paginator/Paginator.test.js +305 -0
  192. package/paginator/types.d.ts +38 -0
  193. package/paginator/types.js +5 -0
  194. package/paragraph/Paragraph.d.ts +5 -0
  195. package/paragraph/Paragraph.js +38 -0
  196. package/paragraph/Paragraph.stories.tsx +44 -0
  197. package/password-input/PasswordInput.d.ts +4 -0
  198. package/{dist/password-input → password-input}/PasswordInput.js +40 -77
  199. package/password-input/PasswordInput.stories.tsx +131 -0
  200. package/password-input/PasswordInput.test.js +181 -0
  201. package/password-input/types.d.ts +110 -0
  202. package/password-input/types.js +5 -0
  203. package/progress-bar/ProgressBar.d.ts +4 -0
  204. package/progress-bar/ProgressBar.js +176 -0
  205. package/progress-bar/ProgressBar.stories.jsx +93 -0
  206. package/progress-bar/ProgressBar.test.js +110 -0
  207. package/progress-bar/types.d.ts +37 -0
  208. package/progress-bar/types.js +5 -0
  209. package/quick-nav/QuickNav.d.ts +4 -0
  210. package/quick-nav/QuickNav.js +117 -0
  211. package/quick-nav/QuickNav.stories.tsx +356 -0
  212. package/quick-nav/types.d.ts +21 -0
  213. package/quick-nav/types.js +5 -0
  214. package/radio-group/Radio.d.ts +4 -0
  215. package/radio-group/Radio.js +156 -0
  216. package/radio-group/RadioGroup.d.ts +4 -0
  217. package/radio-group/RadioGroup.js +283 -0
  218. package/radio-group/RadioGroup.stories.tsx +214 -0
  219. package/radio-group/RadioGroup.test.js +722 -0
  220. package/radio-group/types.d.ts +114 -0
  221. package/radio-group/types.js +5 -0
  222. package/resultsetTable/Icons.d.ts +7 -0
  223. package/resultsetTable/Icons.js +51 -0
  224. package/resultsetTable/ResultsetTable.d.ts +4 -0
  225. package/resultsetTable/ResultsetTable.js +195 -0
  226. package/resultsetTable/ResultsetTable.stories.tsx +300 -0
  227. package/resultsetTable/ResultsetTable.test.js +325 -0
  228. package/resultsetTable/types.d.ts +67 -0
  229. package/resultsetTable/types.js +5 -0
  230. package/select/Icons.d.ts +10 -0
  231. package/select/Icons.js +93 -0
  232. package/select/Listbox.d.ts +4 -0
  233. package/select/Listbox.js +169 -0
  234. package/select/Option.d.ts +4 -0
  235. package/select/Option.js +97 -0
  236. package/select/Select.d.ts +4 -0
  237. package/select/Select.js +666 -0
  238. package/select/Select.stories.tsx +971 -0
  239. package/select/Select.test.js +2228 -0
  240. package/select/types.d.ts +210 -0
  241. package/select/types.js +5 -0
  242. package/sidenav/Icons.d.ts +7 -0
  243. package/sidenav/Icons.js +51 -0
  244. package/sidenav/Sidenav.d.ts +10 -0
  245. package/sidenav/Sidenav.js +238 -0
  246. package/sidenav/Sidenav.stories.tsx +282 -0
  247. package/sidenav/Sidenav.test.js +44 -0
  248. package/sidenav/types.d.ts +76 -0
  249. package/sidenav/types.js +5 -0
  250. package/slider/Slider.d.ts +4 -0
  251. package/slider/Slider.js +342 -0
  252. package/slider/Slider.stories.tsx +240 -0
  253. package/slider/Slider.test.js +250 -0
  254. package/slider/types.d.ts +86 -0
  255. package/slider/types.js +5 -0
  256. package/spinner/Spinner.d.ts +4 -0
  257. package/spinner/Spinner.js +244 -0
  258. package/spinner/Spinner.stories.jsx +129 -0
  259. package/spinner/Spinner.test.js +64 -0
  260. package/spinner/types.d.ts +32 -0
  261. package/spinner/types.js +5 -0
  262. package/switch/Switch.d.ts +4 -0
  263. package/switch/Switch.js +262 -0
  264. package/switch/Switch.stories.tsx +171 -0
  265. package/switch/Switch.test.js +225 -0
  266. package/switch/types.d.ts +66 -0
  267. package/switch/types.js +5 -0
  268. package/table/Table.d.ts +4 -0
  269. package/{dist/table → table}/Table.js +14 -28
  270. package/table/Table.stories.jsx +356 -0
  271. package/table/Table.test.js +26 -0
  272. package/table/types.d.ts +21 -0
  273. package/table/types.js +5 -0
  274. package/tabs/Tab.d.ts +4 -0
  275. package/tabs/Tab.js +132 -0
  276. package/tabs/Tabs.d.ts +4 -0
  277. package/tabs/Tabs.js +461 -0
  278. package/tabs/Tabs.stories.tsx +226 -0
  279. package/tabs/Tabs.test.js +350 -0
  280. package/tabs/types.d.ts +92 -0
  281. package/tabs/types.js +5 -0
  282. package/tag/Tag.d.ts +4 -0
  283. package/tag/Tag.js +181 -0
  284. package/tag/Tag.stories.tsx +155 -0
  285. package/tag/Tag.test.js +60 -0
  286. package/tag/types.d.ts +69 -0
  287. package/tag/types.js +5 -0
  288. package/text-input/Icons.d.ts +8 -0
  289. package/text-input/Icons.js +60 -0
  290. package/text-input/Suggestion.d.ts +4 -0
  291. package/text-input/Suggestion.js +84 -0
  292. package/text-input/Suggestions.d.ts +4 -0
  293. package/text-input/Suggestions.js +134 -0
  294. package/text-input/TextInput.d.ts +4 -0
  295. package/text-input/TextInput.js +673 -0
  296. package/text-input/TextInput.stories.tsx +569 -0
  297. package/text-input/TextInput.test.js +1723 -0
  298. package/text-input/types.d.ts +197 -0
  299. package/text-input/types.js +5 -0
  300. package/textarea/Textarea.d.ts +4 -0
  301. package/{dist/textarea → textarea}/Textarea.js +51 -144
  302. package/textarea/Textarea.stories.jsx +216 -0
  303. package/textarea/Textarea.test.js +435 -0
  304. package/textarea/types.d.ts +137 -0
  305. package/textarea/types.js +5 -0
  306. package/toggle-group/ToggleGroup.d.ts +4 -0
  307. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +42 -151
  308. package/toggle-group/ToggleGroup.stories.tsx +215 -0
  309. package/toggle-group/ToggleGroup.test.js +156 -0
  310. package/toggle-group/types.d.ts +105 -0
  311. package/toggle-group/types.js +5 -0
  312. package/typography/Typography.d.ts +4 -0
  313. package/typography/Typography.js +32 -0
  314. package/typography/Typography.stories.tsx +198 -0
  315. package/typography/types.d.ts +18 -0
  316. package/typography/types.js +5 -0
  317. package/useTheme.d.ts +1235 -0
  318. package/{dist/useTheme.js → useTheme.js} +3 -3
  319. package/useTranslatedLabels.d.ts +85 -0
  320. package/useTranslatedLabels.js +20 -0
  321. package/utils/BaseTypography.d.ts +21 -0
  322. package/utils/BaseTypography.js +108 -0
  323. package/utils/FocusLock.d.ts +13 -0
  324. package/utils/FocusLock.js +139 -0
  325. package/wizard/Wizard.d.ts +4 -0
  326. package/wizard/Wizard.js +285 -0
  327. package/wizard/Wizard.stories.tsx +253 -0
  328. package/wizard/Wizard.test.js +141 -0
  329. package/wizard/types.d.ts +64 -0
  330. package/wizard/types.js +5 -0
  331. package/README.md +0 -66
  332. package/babel.config.js +0 -8
  333. package/dist/BackgroundColorContext.js +0 -46
  334. package/dist/ThemeContext.js +0 -250
  335. package/dist/V3Select/V3Select.js +0 -549
  336. package/dist/V3Textarea/V3Textarea.js +0 -264
  337. package/dist/accordion/Accordion.js +0 -353
  338. package/dist/accordion-group/AccordionGroup.js +0 -186
  339. package/dist/alert/index.d.ts +0 -51
  340. package/dist/badge/Badge.js +0 -63
  341. package/dist/box/Box.js +0 -156
  342. package/dist/button/Button.js +0 -238
  343. package/dist/card/Card.js +0 -254
  344. package/dist/checkbox/Checkbox.js +0 -299
  345. package/dist/chip/Chip.js +0 -265
  346. package/dist/common/OpenSans.css +0 -81
  347. package/dist/common/RequiredComponent.js +0 -40
  348. package/dist/common/variables.js +0 -1582
  349. package/dist/date/Date.js +0 -379
  350. package/dist/date-input/DateInput.js +0 -400
  351. package/dist/date-input/index.d.ts +0 -95
  352. package/dist/dialog/Dialog.js +0 -218
  353. package/dist/dropdown/Dropdown.js +0 -544
  354. package/dist/file-input/FileInput.js +0 -644
  355. package/dist/file-input/FileItem.js +0 -287
  356. package/dist/file-input/index.d.ts +0 -81
  357. package/dist/footer/Footer.js +0 -421
  358. package/dist/header/Header.js +0 -470
  359. package/dist/input-text/Icons.js +0 -22
  360. package/dist/input-text/InputText.js +0 -705
  361. package/dist/layout/ApplicationLayout.js +0 -327
  362. package/dist/link/Link.js +0 -237
  363. package/dist/main.d.ts +0 -8
  364. package/dist/number-input/NumberInput.js +0 -136
  365. package/dist/number-input/index.d.ts +0 -113
  366. package/dist/paginator/Icons.js +0 -66
  367. package/dist/paginator/Paginator.js +0 -283
  368. package/dist/password-input/index.d.ts +0 -94
  369. package/dist/progress-bar/ProgressBar.js +0 -242
  370. package/dist/radio/Radio.js +0 -209
  371. package/dist/resultsetTable/ResultsetTable.js +0 -358
  372. package/dist/select/Select.js +0 -1085
  373. package/dist/select/index.d.ts +0 -53
  374. package/dist/sidenav/Sidenav.js +0 -179
  375. package/dist/slider/Slider.js +0 -404
  376. package/dist/spinner/Spinner.js +0 -381
  377. package/dist/switch/Switch.js +0 -222
  378. package/dist/tabs/Tabs.js +0 -343
  379. package/dist/tag/Tag.js +0 -282
  380. package/dist/text-input/TextInput.js +0 -974
  381. package/dist/text-input/index.d.ts +0 -135
  382. package/dist/textarea/index.d.ts +0 -117
  383. package/dist/toggle/Toggle.js +0 -220
  384. package/dist/upload/Upload.js +0 -205
  385. package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
  386. package/dist/upload/buttons-upload/Icons.js +0 -40
  387. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  388. package/dist/upload/dragAndDropArea/Icons.js +0 -39
  389. package/dist/upload/file-upload/FileToUpload.js +0 -189
  390. package/dist/upload/file-upload/Icons.js +0 -66
  391. package/dist/upload/files-upload/FilesToUpload.js +0 -123
  392. package/dist/upload/transaction/Icons.js +0 -160
  393. package/dist/upload/transaction/Transaction.js +0 -148
  394. package/dist/upload/transactions/Transactions.js +0 -138
  395. package/dist/wizard/Icons.js +0 -65
  396. package/dist/wizard/Wizard.js +0 -405
  397. package/test/Accordion.test.js +0 -33
  398. package/test/AccordionGroup.test.js +0 -125
  399. package/test/Alert.test.js +0 -53
  400. package/test/Box.test.js +0 -10
  401. package/test/Button.test.js +0 -18
  402. package/test/Card.test.js +0 -30
  403. package/test/Checkbox.test.js +0 -45
  404. package/test/Chip.test.js +0 -25
  405. package/test/Date.test.js +0 -397
  406. package/test/DateInput.test.js +0 -242
  407. package/test/Dialog.test.js +0 -23
  408. package/test/Dropdown.test.js +0 -145
  409. package/test/FileInput.test.js +0 -201
  410. package/test/Footer.test.js +0 -94
  411. package/test/Header.test.js +0 -34
  412. package/test/Heading.test.js +0 -83
  413. package/test/InputText.test.js +0 -248
  414. package/test/Link.test.js +0 -43
  415. package/test/NumberInput.test.js +0 -259
  416. package/test/Paginator.test.js +0 -177
  417. package/test/PasswordInput.test.js +0 -83
  418. package/test/ProgressBar.test.js +0 -35
  419. package/test/Radio.test.js +0 -37
  420. package/test/ResultsetTable.test.js +0 -329
  421. package/test/Sidenav.test.js +0 -45
  422. package/test/Slider.test.js +0 -74
  423. package/test/Spinner.test.js +0 -32
  424. package/test/Switch.test.js +0 -45
  425. package/test/Table.test.js +0 -36
  426. package/test/Tabs.test.js +0 -109
  427. package/test/Tag.test.js +0 -32
  428. package/test/TextInput.test.js +0 -732
  429. package/test/Textarea.test.js +0 -193
  430. package/test/ToggleGroup.test.js +0 -85
  431. package/test/Upload.test.js +0 -60
  432. package/test/V3Select.test.js +0 -212
  433. package/test/V3TextArea.test.js +0 -51
  434. package/test/Wizard.test.js +0 -130
  435. package/test/mocks/pngMock.js +0 -1
  436. package/test/mocks/svgMock.js +0 -1
  437. /package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  438. /package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  439. /package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  440. /package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  441. /package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  442. /package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  443. /package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  444. /package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  445. /package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  446. /package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
@@ -1,327 +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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _main = require("../main");
21
-
22
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
23
-
24
- var _propTypes = _interopRequireDefault(require("prop-types"));
25
-
26
- var _variables = require("../common/variables.js");
27
-
28
- var _Icons = require("./Icons");
29
-
30
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
31
-
32
- function _templateObject10() {
33
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: sticky;\n top: 45vh;\n width: 42px;\n min-height: 42px;\n background-color: ", ";\n border-radius: 50%;\n transform: ", ";\n transition: transform 0.4s ease-in-out;\n z-index: 1250;\n cursor: pointer;\n & > svg {\n fill: ", ";\n }\n"]);
34
-
35
- _templateObject10 = function _templateObject10() {
36
- return data;
37
- };
38
-
39
- return data;
40
- }
41
-
42
- function _templateObject9() {
43
- var data = (0, _taggedTemplateLiteral2["default"])(["\n position: absolute;\n height: calc(100vh - 64px);\n left: 279px;\n"]);
44
-
45
- _templateObject9 = function _templateObject9() {
46
- return data;
47
- };
48
-
49
- return data;
50
- }
51
-
52
- function _templateObject8() {
53
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: row;\n z-index: 1200;\n transform: ", ";\n transition: transform 0.4s ease-in-out;\n height: calc(100vh - 64px);\n position: sticky;\n top: 64px;\n"]);
54
-
55
- _templateObject8 = function _templateObject8() {
56
- return data;
57
- };
58
-
59
- return data;
60
- }
61
-
62
- function _templateObject7() {
63
- var data = (0, _taggedTemplateLiteral2["default"])(["\n flex-grow: 1;\n position: relative;\n min-height: calc(100vh - 184px);\n margin-left: ", ";\n transition: margin 0.4s ease-in-out;\n"]);
64
-
65
- _templateObject7 = function _templateObject7() {
66
- return data;
67
- };
68
-
69
- return data;
70
- }
71
-
72
- function _templateObject6() {
73
- var data = (0, _taggedTemplateLiteral2["default"])(["\n margin-left: ", ";\n transition: margin 0.4s ease-in-out;\n"]);
74
-
75
- _templateObject6 = function _templateObject6() {
76
- return data;
77
- };
78
-
79
- return data;
80
- }
81
-
82
- function _templateObject5() {
83
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n"]);
84
-
85
- _templateObject5 = function _templateObject5() {
86
- return data;
87
- };
88
-
89
- return data;
90
- }
91
-
92
- function _templateObject4() {
93
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex: 1 1 auto;\n align-items: flex-start;\n"]);
94
-
95
- _templateObject4 = function _templateObject4() {
96
- return data;
97
- };
98
-
99
- return data;
100
- }
101
-
102
- function _templateObject3() {
103
- var data = (0, _taggedTemplateLiteral2["default"])(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"]);
104
-
105
- _templateObject3 = function _templateObject3() {
106
- return data;
107
- };
108
-
109
- return data;
110
- }
111
-
112
- function _templateObject2() {
113
- var data = (0, _taggedTemplateLiteral2["default"])(["\n z-index: 1250;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n"]);
114
-
115
- _templateObject2 = function _templateObject2() {
116
- return data;
117
- };
118
-
119
- return data;
120
- }
121
-
122
- function _templateObject() {
123
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 64px;\n bottom: 0;\n left: 0;\n right: 0;\n"]);
124
-
125
- _templateObject = function _templateObject() {
126
- return data;
127
- };
128
-
129
- return data;
130
- }
131
-
132
- var year = new Date().getFullYear();
133
-
134
- var Header = function Header(_ref) {
135
- var children = _ref.children;
136
- return _react["default"].createElement(_react["default"].Fragment, null, children);
137
- };
138
-
139
- var Main = function Main(_ref2) {
140
- var children = _ref2.children;
141
- return _react["default"].createElement(_react["default"].Fragment, null, children);
142
- };
143
-
144
- var Footer = function Footer(_ref3) {
145
- var children = _ref3.children;
146
- return _react["default"].createElement(_react["default"].Fragment, null, children);
147
- };
148
-
149
- var SideNav = function SideNav(props) {
150
- var displayArrow = props.displayArrow,
151
- mode = props.mode,
152
- childProps = (0, _objectWithoutProperties2["default"])(props, ["displayArrow", "mode"]);
153
- return _react["default"].createElement(_main.DxcSidenav, childProps, childProps.children);
154
- };
155
-
156
- SideNav.propTypes = {
157
- mode: _propTypes["default"].oneOf(["overlay", "push", ""]),
158
- displayArrow: _propTypes["default"].bool,
159
- padding: _propTypes["default"].oneOfType([_propTypes["default"].shape({
160
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
161
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
162
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
163
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
164
- })])
165
- };
166
-
167
- var defaultFooter = function defaultFooter() {
168
- return _react["default"].createElement(_main.DxcFooter, {
169
- copyright: "\xA9 DXC Technology ".concat(year, "\u200B\u200B\u200B\u200B. All rights reserved."),
170
- bottomLinks: [{
171
- href: "https://www.linkedin.com/company/dxctechnology",
172
- text: "Linkedin"
173
- }, {
174
- href: "https://twitter.com/dxctechnology",
175
- text: "Twitter"
176
- }, {
177
- href: "https://www.facebook.com/DXCTechnology/",
178
- text: "Facebook"
179
- }],
180
- socialLinks: [{
181
- href: "https://www.linkedin.com/company/dxctechnology",
182
- logo: _Icons.linkedinLogo
183
- }, {
184
- href: "https://twitter.com/dxctechnology",
185
- logo: _Icons.twitterLogo
186
- }, {
187
- href: "https://www.facebook.com/DXCTechnology/",
188
- logo: _Icons.facebookLogo
189
- }]
190
- });
191
- };
192
-
193
- var defaultHeader = function defaultHeader() {
194
- return _react["default"].createElement(_main.DxcHeader, {
195
- underlined: true
196
- });
197
- };
198
-
199
- var childTypeExists = function childTypeExists(children, childType) {
200
- return children.find(function (child) {
201
- return child && child.type && child.type === childType;
202
- });
203
- };
204
-
205
- var DxcApplicationLayout = function DxcApplicationLayout(_ref4) {
206
- var children = _ref4.children;
207
- var ref = (0, _react.useRef)(null);
208
- var colorsTheme = (0, _useTheme["default"])();
209
-
210
- var _useState = (0, _react.useState)(true),
211
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
212
- isSideNavVisible = _useState2[0],
213
- setIsSideNavVisible = _useState2[1];
214
-
215
- var _useState3 = (0, _react.useState)(),
216
- _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
217
- isResponsive = _useState4[0],
218
- setIsResponsive = _useState4[1];
219
-
220
- var childrenArray = _react["default"].Children.toArray(children);
221
-
222
- var header = childTypeExists(childrenArray, _main.DxcHeader) || childTypeExists(childrenArray, Header) || defaultHeader();
223
- var footer = childTypeExists(childrenArray, _main.DxcFooter) || childTypeExists(childrenArray, Footer) || defaultFooter();
224
- var sideNav = childTypeExists(childrenArray, SideNav);
225
- var main = childTypeExists(childrenArray, Main);
226
- var displayArrow = sideNav && sideNav.props && sideNav.props.displayArrow;
227
- var sideNavMode = sideNav && sideNav.props && sideNav.props.mode;
228
-
229
- var ArrowIcon = function ArrowIcon() {
230
- return _react["default"].createElement("svg", {
231
- xmlns: "http://www.w3.org/2000/svg",
232
- width: "15.995",
233
- height: "10.01",
234
- viewBox: "0 0 15.995 10.01"
235
- }, _react["default"].createElement("path", {
236
- "data-testid": "arrow-to-right",
237
- d: "M17.71,11.29l-4-4a1,1,0,0,0-1.42,1.42L14.59,11H3a1,1,0,0,0,0,2H14.59l-2.3,2.29a1,1,0,1,0,1.42,1.42l4-4a1.034,1.034,0,0,0,0-1.42Z",
238
- transform: "translate(-2 -6.996)"
239
- }));
240
- };
241
-
242
- var handleResize = function handleResize(width) {
243
- if (width) {
244
- if (width <= _variables.responsiveSizes.tablet ? setIsResponsive(true) : setIsResponsive(false)) ;
245
- setIsSideNavVisible(true);
246
- }
247
- };
248
-
249
- var handleEventListener = function handleEventListener() {
250
- handleResize(ref.current.offsetWidth);
251
- };
252
-
253
- (0, _react.useEffect)(function () {
254
- if (ref.current) {
255
- window.addEventListener("resize", handleEventListener);
256
- handleResize(ref.current.offsetWidth);
257
- }
258
-
259
- return function () {
260
- window.removeEventListener("resize", handleEventListener);
261
- };
262
- }, []);
263
-
264
- var handleSidenav = function handleSidenav() {
265
- setIsSideNavVisible(!isSideNavVisible);
266
- };
267
-
268
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
269
- theme: colorsTheme.sidenav
270
- }, _react["default"].createElement(ApplicationLayoutContainer, {
271
- ref: ref
272
- }, _react["default"].createElement(HeaderContainer, null, header), _react["default"].createElement(BodyContainer, null, _react["default"].createElement(ContentContainer, null, _react["default"].createElement(SideNavArrowContainer, {
273
- isSideNavVisible: isSideNavVisible
274
- }, sideNav, _react["default"].createElement(ArrowContainer, null, sideNav && (displayArrow || isResponsive) && _react["default"].createElement(ArrowTrigger, {
275
- tabIndex: 0,
276
- onClick: handleSidenav,
277
- isSideNavVisible: isSideNavVisible
278
- }, _react["default"].createElement(ArrowIcon, null)))), _react["default"].createElement(MainBodyContainer, null, _react["default"].createElement(MainContent, {
279
- sideNav: sideNav,
280
- mode: isResponsive ? "overlay" : sideNavMode,
281
- isSideNavVisible: isSideNavVisible
282
- }, main), _react["default"].createElement(FooterContainer, {
283
- sideNav: sideNav,
284
- mode: isResponsive ? "overlay" : sideNavMode,
285
- isSideNavVisible: isSideNavVisible
286
- }, footer))))));
287
- };
288
-
289
- DxcApplicationLayout.Header = Header;
290
- DxcApplicationLayout.Main = Main;
291
- DxcApplicationLayout.Footer = Footer;
292
- DxcApplicationLayout.SideNav = SideNav;
293
-
294
- var ApplicationLayoutContainer = _styledComponents["default"].div(_templateObject());
295
-
296
- var HeaderContainer = _styledComponents["default"].div(_templateObject2());
297
-
298
- var BodyContainer = _styledComponents["default"].div(_templateObject3());
299
-
300
- var ContentContainer = _styledComponents["default"].div(_templateObject4());
301
-
302
- var MainBodyContainer = _styledComponents["default"].div(_templateObject5());
303
-
304
- var FooterContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
305
- return props.sideNav ? props.mode === "push" && !props.isSideNavVisible || props.mode === "overlay" ? "-300px" : "" : "";
306
- });
307
-
308
- var MainContent = _styledComponents["default"].div(_templateObject7(), function (props) {
309
- return props.sideNav ? props.mode === "push" && props.isSideNavVisible ? "" : "-297px" : "";
310
- });
311
-
312
- var SideNavArrowContainer = _styledComponents["default"].div(_templateObject8(), function (props) {
313
- return props.isSideNavVisible ? "translateX(0)" : !props.isSideNavVisible ? "translateX(-100%)" : "";
314
- });
315
-
316
- var ArrowContainer = _styledComponents["default"].div(_templateObject9());
317
-
318
- var ArrowTrigger = _styledComponents["default"].div(_templateObject10(), function (props) {
319
- return "".concat(props.theme.arrowContainerColor);
320
- }, function (props) {
321
- return props.isSideNavVisible ? "rotate(-180deg)" : "rotate(0deg)";
322
- }, function (props) {
323
- return props.theme.arrowColor;
324
- });
325
-
326
- var _default = DxcApplicationLayout;
327
- exports["default"] = _default;
package/dist/link/Link.js DELETED
@@ -1,237 +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 _react = _interopRequireDefault(require("react"));
19
-
20
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
21
-
22
- var _propTypes = _interopRequireDefault(require("prop-types"));
23
-
24
- var _variables = require("../common/variables.js");
25
-
26
- var _useTheme = _interopRequireDefault(require("../useTheme.js"));
27
-
28
- function _templateObject6() {
29
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n overflow: hidden;\n \n img,\n svg {\n height: 100%;\n width: 100%;\n }\n"]);
30
-
31
- _templateObject6 = function _templateObject6() {
32
- return data;
33
- };
34
-
35
- return data;
36
- }
37
-
38
- function _templateObject5() {
39
- var data = (0, _taggedTemplateLiteral2["default"])(["\n width: ", ";\n height: ", ";\n ", ";\n"]);
40
-
41
- _templateObject5 = function _templateObject5() {
42
- return data;
43
- };
44
-
45
- return data;
46
- }
47
-
48
- function _templateObject4() {
49
- var data = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n font-weight: ", ";\n font-style: ", ";\n font-family: ", ";\n display: inline-flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: center;\n max-width: 100%;\n"]);
50
-
51
- _templateObject4 = function _templateObject4() {
52
- return data;
53
- };
54
-
55
- return data;
56
- }
57
-
58
- function _templateObject3() {
59
- var data = (0, _taggedTemplateLiteral2["default"])(["\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n text-decoration-color: transparent;\n\n ", "\n ", "\n color: ", ";\n ", "\n\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n outline-offset: 1px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
60
-
61
- _templateObject3 = function _templateObject3() {
62
- return data;
63
- };
64
-
65
- return data;
66
- }
67
-
68
- function _templateObject2() {
69
- var data = (0, _taggedTemplateLiteral2["default"])(["\n color: ", ";\n ", "\n\n text-decoration-color: transparent;\n ", "\n\n &:visited {\n color: ", ";\n &:hover {\n ", "\n }\n }\n &:hover {\n ", "\n }\n &:focus {\n outline-color: ", ";\n outline-width: 2px;\n ", "\n }\n &:active {\n ", "\n }\n"]);
70
-
71
- _templateObject2 = function _templateObject2() {
72
- return data;
73
- };
74
-
75
- return data;
76
- }
77
-
78
- function _templateObject() {
79
- var data = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-flex;\n margin: ", ";\n margin-top: ", ";\n margin-right: ", ";\n margin-bottom: ", ";\n margin-left: ", ";\n"]);
80
-
81
- _templateObject = function _templateObject() {
82
- return data;
83
- };
84
-
85
- return data;
86
- }
87
-
88
- var DxcLink = function DxcLink(_ref) {
89
- var _ref$inheritColor = _ref.inheritColor,
90
- inheritColor = _ref$inheritColor === void 0 ? false : _ref$inheritColor,
91
- _ref$disabled = _ref.disabled,
92
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
93
- iconSrc = _ref.iconSrc,
94
- icon = _ref.icon,
95
- _ref$iconPosition = _ref.iconPosition,
96
- iconPosition = _ref$iconPosition === void 0 ? "before" : _ref$iconPosition,
97
- _ref$href = _ref.href,
98
- href = _ref$href === void 0 ? "" : _ref$href,
99
- _ref$newWindow = _ref.newWindow,
100
- newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
101
- onClick = _ref.onClick,
102
- _ref$text = _ref.text,
103
- text = _ref$text === void 0 ? "" : _ref$text,
104
- margin = _ref.margin,
105
- _ref$tabIndex = _ref.tabIndex,
106
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
107
- var colorsTheme = (0, _useTheme["default"])();
108
-
109
- var linkContent = _react["default"].createElement(LinkText, {
110
- iconPosition: iconPosition
111
- }, text, icon ? _react["default"].createElement(LinkIconContainer, {
112
- iconPosition: iconPosition
113
- }, (0, _typeof2["default"])(icon) === "object" ? icon : _react["default"].createElement(icon)) : iconSrc && _react["default"].createElement(LinkIcon, {
114
- src: iconSrc,
115
- iconPosition: iconPosition
116
- }));
117
-
118
- return _react["default"].createElement(_styledComponents.ThemeProvider, {
119
- theme: colorsTheme.link
120
- }, _react["default"].createElement(DxcLinkContainer, {
121
- margin: margin
122
- }, onClick ? _react["default"].createElement(StyledButton, {
123
- type: "button",
124
- onClick: !disabled && onClick,
125
- margin: margin,
126
- disabled: disabled,
127
- inheritColor: inheritColor
128
- }, linkContent) : _react["default"].createElement(StyledLink, {
129
- tabIndex: tabIndex,
130
- href: !disabled && href,
131
- target: newWindow ? "_blank" : "_self",
132
- margin: margin,
133
- disabled: disabled,
134
- inheritColor: inheritColor
135
- }, linkContent)));
136
- };
137
-
138
- var DxcLinkContainer = _styledComponents["default"].div(_templateObject(), function (props) {
139
- return props.margin && (0, _typeof2["default"])(props.margin) !== "object" ? _variables.spaces[props.margin] : "0px";
140
- }, function (props) {
141
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.top ? _variables.spaces[props.margin.top] : "";
142
- }, function (props) {
143
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.right ? _variables.spaces[props.margin.right] : "";
144
- }, function (props) {
145
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.bottom ? _variables.spaces[props.margin.bottom] : "";
146
- }, function (props) {
147
- return props.margin && (0, _typeof2["default"])(props.margin) === "object" && props.margin.left ? _variables.spaces[props.margin.left] : "";
148
- });
149
-
150
- var StyledLink = _styledComponents["default"].a(_templateObject2(), function (props) {
151
- return props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
152
- }, function (props) {
153
- return props.disabled ? "pointer-events: none;" : "";
154
- }, function (props) {
155
- return "padding-bottom: ".concat(props.theme.underlineSpacing, ";\n border-bottom: ").concat(props.theme.underlineThickness, " ").concat(props.theme.underlineStyle, " transparent;");
156
- }, function (props) {
157
- return !props.inheritColor ? props.theme.visitedFontColor : "";
158
- }, function (props) {
159
- return "color: ".concat(props.theme.visitedFontColor, ";\n border-bottom-color: ").concat(props.theme.visitedUnderlineColor, ";");
160
- }, function (props) {
161
- return "color: ".concat(props.theme.hoverFontColor, ";\n border-bottom-color: ").concat(props.theme.hoverUnderlineColor, ";\n cursor: pointer;");
162
- }, function (props) {
163
- return props.theme.focusColor;
164
- }, function (props) {
165
- return props.disabled && "outline: none";
166
- }, function (props) {
167
- return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
168
- });
169
-
170
- var StyledButton = _styledComponents["default"].button(_templateObject3(), function (props) {
171
- return "padding-bottom: ".concat(props.theme.underlineSpacing, ";\n border-bottom: ").concat(props.theme.underlineThickness, " ").concat(props.theme.underlineStyle, " transparent;");
172
- }, function (props) {
173
- return props.disabled && "cursor: default;";
174
- }, function (props) {
175
- return props.inheritColor ? "inherit" : !props.disabled ? props.theme.fontColor : props.theme.disabledColor;
176
- }, function (props) {
177
- return props.disabled ? "pointer-events: none;" : "";
178
- }, function (props) {
179
- return "color: ".concat(props.theme.hoverFontColor, ";\n border-bottom-color: ").concat(props.theme.hoverUnderlineColor, ";\n cursor: pointer;");
180
- }, function (props) {
181
- return props.theme.focusColor;
182
- }, function (props) {
183
- return props.disabled && "outline: none";
184
- }, function (props) {
185
- return "color: ".concat(props.theme.activeFontColor, " !important;\n border-bottom-color: ").concat(props.theme.activeUnderlineColor, " !important;");
186
- });
187
-
188
- var LinkText = _styledComponents["default"].div(_templateObject4(), function (props) {
189
- return props.theme.fontSize;
190
- }, function (props) {
191
- return props.theme.fontWeight;
192
- }, function (props) {
193
- return props.theme.fontStyle;
194
- }, function (props) {
195
- return props.theme.fontFamily;
196
- }, function (props) {
197
- return props.iconPosition === "after" ? "row" : "row-reverse";
198
- }, function (props) {
199
- return props.iconPosition === "after" ? "flex-start" : "flex-end";
200
- });
201
-
202
- var LinkIcon = _styledComponents["default"].img(_templateObject5(), function (props) {
203
- return props.theme.iconSize;
204
- }, function (props) {
205
- return props.theme.iconSize;
206
- }, function (props) {
207
- return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
208
- });
209
-
210
- var LinkIconContainer = _styledComponents["default"].div(_templateObject6(), function (props) {
211
- return props.theme.iconSize;
212
- }, function (props) {
213
- return props.theme.iconSize;
214
- }, function (props) {
215
- return "".concat(props.iconPosition === "before" ? "margin-right" : "margin-left", ": ").concat(props.theme.iconSpacing);
216
- });
217
-
218
- DxcLink.propTypes = {
219
- inheritColor: _propTypes["default"].bool,
220
- disabled: _propTypes["default"].bool,
221
- icon: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].func]),
222
- iconSrc: _propTypes["default"].string,
223
- iconPosition: _propTypes["default"].oneOf(["after", "before"]),
224
- href: _propTypes["default"].string,
225
- onClick: _propTypes["default"].func,
226
- margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
227
- top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
228
- bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
229
- left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
230
- right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
231
- }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
232
- newWindow: _propTypes["default"].bool,
233
- text: _propTypes["default"].string,
234
- tabIndex: _propTypes["default"].number
235
- };
236
- var _default = DxcLink;
237
- exports["default"] = _default;
package/dist/main.d.ts DELETED
@@ -1,8 +0,0 @@
1
- export { default as DxcAlert } from "./alert/index";
2
- export { default as DxcSelect } from "./select/index";
3
- export { default as DxcTextInput } from "./text-input/index";
4
- export { default as DxcDateInput } from "./date-input/index";
5
- export { default as DxcTextarea } from "./textarea/index";
6
- export { default as DxcNumberInput } from "./number-input/index";
7
- export { default as DxcPasswordInput } from "./password-input/index";
8
- export { default as DxcFileInput } from "./file-input/index";