@dxc-technology/halstack-react 4.0.1 → 5.0.0

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 (344) hide show
  1. package/BackgroundColorContext.d.ts +10 -0
  2. package/BackgroundColorContext.js +7 -6
  3. package/HalstackContext.d.ts +10 -0
  4. package/HalstackContext.js +243 -0
  5. package/accordion/Accordion.d.ts +4 -0
  6. package/accordion/Accordion.js +35 -162
  7. package/accordion/Accordion.stories.tsx +307 -0
  8. package/accordion/Accordion.test.js +72 -0
  9. package/accordion/types.d.ts +68 -0
  10. package/accordion/types.js +5 -0
  11. package/accordion-group/AccordionGroup.d.ts +7 -0
  12. package/accordion-group/AccordionGroup.js +67 -85
  13. package/accordion-group/AccordionGroup.stories.tsx +225 -0
  14. package/accordion-group/AccordionGroup.test.js +151 -0
  15. package/accordion-group/types.d.ts +72 -0
  16. package/accordion-group/types.js +5 -0
  17. package/alert/Alert.d.ts +4 -0
  18. package/alert/Alert.js +40 -153
  19. package/alert/Alert.stories.tsx +170 -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 +10 -14
  25. package/badge/types.d.ts +4 -0
  26. package/badge/types.js +5 -0
  27. package/bleed/Bleed.d.ts +3 -0
  28. package/bleed/Bleed.js +84 -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 +15 -45
  34. package/box/Box.stories.tsx +132 -0
  35. package/box/Box.test.js +18 -0
  36. package/box/types.d.ts +43 -0
  37. package/box/types.js +5 -0
  38. package/button/Button.d.ts +4 -0
  39. package/button/Button.js +33 -99
  40. package/button/Button.stories.tsx +274 -0
  41. package/button/Button.test.js +35 -0
  42. package/button/types.d.ts +53 -0
  43. package/button/types.js +5 -0
  44. package/card/Card.d.ts +4 -0
  45. package/card/Card.js +53 -144
  46. package/card/Card.stories.tsx +201 -0
  47. package/card/Card.test.js +50 -0
  48. package/card/ice-cream.jpg +0 -0
  49. package/card/types.d.ts +67 -0
  50. package/card/types.js +5 -0
  51. package/checkbox/Checkbox.d.ts +4 -0
  52. package/checkbox/Checkbox.js +50 -95
  53. package/checkbox/Checkbox.stories.tsx +188 -0
  54. package/checkbox/Checkbox.test.js +78 -0
  55. package/checkbox/types.d.ts +64 -0
  56. package/checkbox/types.js +5 -0
  57. package/chip/Chip.d.ts +4 -0
  58. package/chip/Chip.js +26 -130
  59. package/chip/Chip.stories.tsx +119 -0
  60. package/chip/Chip.test.js +56 -0
  61. package/chip/types.d.ts +45 -0
  62. package/chip/types.js +5 -0
  63. package/common/RequiredComponent.js +3 -11
  64. package/common/variables.js +94 -289
  65. package/date-input/DateInput.d.ts +4 -0
  66. package/date-input/DateInput.js +77 -108
  67. package/date-input/DateInput.stories.tsx +138 -0
  68. package/date-input/DateInput.test.js +479 -0
  69. package/date-input/types.d.ts +107 -0
  70. package/date-input/types.js +5 -0
  71. package/dialog/Dialog.d.ts +4 -0
  72. package/dialog/Dialog.js +25 -105
  73. package/dialog/Dialog.stories.tsx +212 -0
  74. package/dialog/Dialog.test.js +40 -0
  75. package/dialog/types.d.ts +43 -0
  76. package/dialog/types.js +5 -0
  77. package/dropdown/Dropdown.d.ts +4 -0
  78. package/dropdown/Dropdown.js +54 -207
  79. package/dropdown/Dropdown.stories.tsx +249 -0
  80. package/dropdown/Dropdown.test.js +189 -0
  81. package/dropdown/types.d.ts +80 -0
  82. package/dropdown/types.js +5 -0
  83. package/file-input/FileInput.d.ts +4 -0
  84. package/file-input/FileInput.js +195 -249
  85. package/file-input/FileInput.stories.tsx +507 -0
  86. package/file-input/FileInput.test.js +457 -0
  87. package/file-input/FileItem.d.ts +14 -0
  88. package/file-input/FileItem.js +40 -143
  89. package/file-input/types.d.ts +112 -0
  90. package/file-input/types.js +5 -0
  91. package/footer/Footer.d.ts +4 -0
  92. package/footer/Footer.js +47 -285
  93. package/footer/Footer.stories.tsx +130 -0
  94. package/footer/Footer.test.js +109 -0
  95. package/footer/Icons.d.ts +2 -0
  96. package/footer/Icons.js +15 -15
  97. package/footer/types.d.ts +65 -0
  98. package/footer/types.js +5 -0
  99. package/header/Header.d.ts +7 -0
  100. package/header/Header.js +76 -246
  101. package/header/Header.stories.tsx +172 -0
  102. package/header/Header.test.js +79 -0
  103. package/header/Icons.d.ts +2 -0
  104. package/header/Icons.js +7 -32
  105. package/header/types.d.ts +47 -0
  106. package/header/types.js +5 -0
  107. package/heading/Heading.d.ts +4 -0
  108. package/heading/Heading.js +25 -96
  109. package/heading/Heading.stories.tsx +54 -0
  110. package/heading/Heading.test.js +186 -0
  111. package/heading/types.d.ts +33 -0
  112. package/heading/types.js +5 -0
  113. package/inset/Inset.d.ts +3 -0
  114. package/inset/Inset.js +84 -0
  115. package/inset/Inset.stories.tsx +229 -0
  116. package/inset/types.d.ts +37 -0
  117. package/inset/types.js +5 -0
  118. package/layout/ApplicationLayout.d.ts +10 -0
  119. package/layout/ApplicationLayout.js +44 -153
  120. package/layout/ApplicationLayout.stories.tsx +171 -0
  121. package/layout/Icons.js +7 -7
  122. package/layout/types.d.ts +57 -0
  123. package/layout/types.js +5 -0
  124. package/link/Link.d.ts +3 -0
  125. package/link/Link.js +22 -110
  126. package/link/Link.stories.tsx +151 -0
  127. package/link/Link.test.js +91 -0
  128. package/link/types.d.ts +70 -0
  129. package/link/types.js +5 -0
  130. package/list/List.d.ts +4 -0
  131. package/list/List.js +47 -0
  132. package/list/List.stories.tsx +95 -0
  133. package/list/types.d.ts +7 -0
  134. package/list/types.js +5 -0
  135. package/main.d.ts +47 -40
  136. package/main.js +124 -96
  137. package/number-input/NumberInput.d.ts +4 -0
  138. package/number-input/NumberInput.js +21 -81
  139. package/number-input/NumberInput.stories.tsx +115 -0
  140. package/number-input/NumberInput.test.js +506 -0
  141. package/number-input/NumberInputContext.d.ts +4 -0
  142. package/number-input/NumberInputContext.js +5 -2
  143. package/number-input/numberInputContextTypes.d.ts +19 -0
  144. package/number-input/numberInputContextTypes.js +5 -0
  145. package/number-input/types.d.ts +124 -0
  146. package/number-input/types.js +5 -0
  147. package/package.json +21 -16
  148. package/paginator/Icons.js +9 -9
  149. package/paginator/Paginator.d.ts +4 -0
  150. package/paginator/Paginator.js +26 -139
  151. package/paginator/Paginator.stories.tsx +63 -0
  152. package/paginator/Paginator.test.js +266 -0
  153. package/paginator/types.d.ts +38 -0
  154. package/paginator/types.js +5 -0
  155. package/password-input/PasswordInput.d.ts +4 -0
  156. package/password-input/PasswordInput.js +37 -77
  157. package/password-input/PasswordInput.stories.tsx +131 -0
  158. package/password-input/PasswordInput.test.js +181 -0
  159. package/password-input/types.d.ts +110 -0
  160. package/password-input/types.js +5 -0
  161. package/progress-bar/ProgressBar.d.ts +4 -0
  162. package/progress-bar/ProgressBar.js +22 -94
  163. package/progress-bar/ProgressBar.stories.jsx +58 -0
  164. package/progress-bar/ProgressBar.test.js +65 -0
  165. package/progress-bar/types.d.ts +37 -0
  166. package/progress-bar/types.js +5 -0
  167. package/quick-nav/QuickNav.d.ts +4 -0
  168. package/quick-nav/QuickNav.js +64 -0
  169. package/quick-nav/QuickNav.stories.tsx +237 -0
  170. package/quick-nav/types.d.ts +21 -0
  171. package/quick-nav/types.js +5 -0
  172. package/radio/Radio.d.ts +4 -0
  173. package/radio/Radio.js +23 -59
  174. package/radio/Radio.stories.tsx +192 -0
  175. package/radio/Radio.test.js +71 -0
  176. package/radio/types.d.ts +54 -0
  177. package/radio/types.js +5 -0
  178. package/radio-group/Radio.d.ts +4 -0
  179. package/radio-group/Radio.js +141 -0
  180. package/radio-group/RadioGroup.d.ts +4 -0
  181. package/radio-group/RadioGroup.js +280 -0
  182. package/radio-group/RadioGroup.stories.tsx +100 -0
  183. package/radio-group/RadioGroup.test.js +695 -0
  184. package/radio-group/types.d.ts +114 -0
  185. package/radio-group/types.js +5 -0
  186. package/resultsetTable/ResultsetTable.d.ts +4 -0
  187. package/resultsetTable/ResultsetTable.js +43 -147
  188. package/resultsetTable/ResultsetTable.stories.tsx +275 -0
  189. package/resultsetTable/ResultsetTable.test.js +306 -0
  190. package/resultsetTable/types.d.ts +67 -0
  191. package/resultsetTable/types.js +5 -0
  192. package/row/Row.d.ts +3 -0
  193. package/row/Row.js +127 -0
  194. package/row/Row.stories.tsx +237 -0
  195. package/row/types.d.ts +28 -0
  196. package/row/types.js +5 -0
  197. package/select/Icons.d.ts +10 -0
  198. package/select/Icons.js +93 -0
  199. package/select/Listbox.d.ts +4 -0
  200. package/select/Listbox.js +148 -0
  201. package/select/Option.d.ts +4 -0
  202. package/select/Option.js +110 -0
  203. package/select/Select.d.ts +4 -0
  204. package/select/Select.js +181 -664
  205. package/select/Select.stories.tsx +582 -0
  206. package/select/Select.test.js +2057 -0
  207. package/select/types.d.ts +213 -0
  208. package/select/types.js +5 -0
  209. package/sidenav/Sidenav.d.ts +9 -0
  210. package/sidenav/Sidenav.js +21 -64
  211. package/sidenav/Sidenav.stories.tsx +182 -0
  212. package/sidenav/Sidenav.test.js +56 -0
  213. package/sidenav/types.d.ts +50 -0
  214. package/sidenav/types.js +5 -0
  215. package/slider/Slider.d.ts +4 -0
  216. package/slider/Slider.js +76 -162
  217. package/slider/Slider.stories.tsx +177 -0
  218. package/slider/Slider.test.js +150 -0
  219. package/slider/types.d.ts +82 -0
  220. package/slider/types.js +5 -0
  221. package/spinner/Spinner.d.ts +4 -0
  222. package/spinner/Spinner.js +45 -176
  223. package/spinner/Spinner.stories.jsx +103 -0
  224. package/spinner/Spinner.test.js +64 -0
  225. package/spinner/types.d.ts +32 -0
  226. package/spinner/types.js +5 -0
  227. package/stack/Stack.d.ts +3 -0
  228. package/stack/Stack.js +97 -0
  229. package/stack/Stack.stories.tsx +164 -0
  230. package/stack/types.d.ts +24 -0
  231. package/stack/types.js +5 -0
  232. package/switch/Switch.d.ts +4 -0
  233. package/switch/Switch.js +53 -83
  234. package/switch/Switch.stories.tsx +160 -0
  235. package/switch/Switch.test.js +98 -0
  236. package/switch/types.d.ts +62 -0
  237. package/switch/types.js +5 -0
  238. package/table/Table.d.ts +4 -0
  239. package/table/Table.js +12 -26
  240. package/table/Table.stories.jsx +277 -0
  241. package/table/Table.test.js +26 -0
  242. package/table/types.d.ts +21 -0
  243. package/table/types.js +5 -0
  244. package/tabs/Tabs.d.ts +4 -0
  245. package/tabs/Tabs.js +43 -175
  246. package/tabs/Tabs.stories.tsx +118 -0
  247. package/tabs/Tabs.test.js +140 -0
  248. package/tabs/types.d.ts +82 -0
  249. package/tabs/types.js +5 -0
  250. package/tag/Tag.d.ts +4 -0
  251. package/tag/Tag.js +44 -143
  252. package/tag/Tag.stories.tsx +142 -0
  253. package/tag/Tag.test.js +60 -0
  254. package/tag/types.d.ts +69 -0
  255. package/tag/types.js +5 -0
  256. package/text/Text.d.ts +7 -0
  257. package/text/Text.js +30 -0
  258. package/text/Text.stories.tsx +19 -0
  259. package/text-input/TextInput.d.ts +4 -0
  260. package/text-input/TextInput.js +156 -352
  261. package/text-input/TextInput.stories.tsx +474 -0
  262. package/text-input/TextInput.test.js +1712 -0
  263. package/text-input/types.d.ts +166 -0
  264. package/text-input/types.js +5 -0
  265. package/textarea/Textarea.d.ts +4 -0
  266. package/textarea/Textarea.js +48 -131
  267. package/textarea/Textarea.stories.jsx +157 -0
  268. package/textarea/Textarea.test.js +437 -0
  269. package/textarea/types.d.ts +137 -0
  270. package/textarea/types.js +5 -0
  271. package/toggle-group/ToggleGroup.d.ts +4 -0
  272. package/toggle-group/ToggleGroup.js +36 -148
  273. package/toggle-group/ToggleGroup.stories.tsx +173 -0
  274. package/toggle-group/ToggleGroup.test.js +156 -0
  275. package/toggle-group/types.d.ts +105 -0
  276. package/toggle-group/types.js +5 -0
  277. package/useTheme.d.ts +2 -0
  278. package/useTheme.js +2 -2
  279. package/wizard/Wizard.d.ts +4 -0
  280. package/wizard/Wizard.js +106 -221
  281. package/wizard/Wizard.stories.tsx +214 -0
  282. package/wizard/Wizard.test.js +141 -0
  283. package/wizard/types.d.ts +64 -0
  284. package/wizard/types.js +5 -0
  285. package/ThemeContext.js +0 -250
  286. package/V3Select/V3Select.js +0 -549
  287. package/V3Select/index.d.ts +0 -27
  288. package/V3Textarea/V3Textarea.js +0 -264
  289. package/V3Textarea/index.d.ts +0 -27
  290. package/accordion/index.d.ts +0 -28
  291. package/accordion-group/index.d.ts +0 -16
  292. package/alert/index.d.ts +0 -51
  293. package/box/index.d.ts +0 -25
  294. package/button/Button.stories.js +0 -27
  295. package/button/index.d.ts +0 -24
  296. package/card/index.d.ts +0 -22
  297. package/checkbox/index.d.ts +0 -24
  298. package/chip/index.d.ts +0 -22
  299. package/date/Date.js +0 -379
  300. package/date/index.d.ts +0 -27
  301. package/date-input/index.d.ts +0 -95
  302. package/dialog/index.d.ts +0 -18
  303. package/dropdown/index.d.ts +0 -26
  304. package/file-input/index.d.ts +0 -81
  305. package/footer/index.d.ts +0 -25
  306. package/header/index.d.ts +0 -25
  307. package/heading/index.d.ts +0 -17
  308. package/input-text/Icons.js +0 -22
  309. package/input-text/InputText.js +0 -705
  310. package/input-text/index.d.ts +0 -36
  311. package/link/index.d.ts +0 -23
  312. package/number-input/index.d.ts +0 -113
  313. package/paginator/index.d.ts +0 -20
  314. package/password-input/index.d.ts +0 -94
  315. package/progress-bar/index.d.ts +0 -18
  316. package/radio/index.d.ts +0 -23
  317. package/resultsetTable/index.d.ts +0 -19
  318. package/select/index.d.ts +0 -131
  319. package/sidenav/index.d.ts +0 -13
  320. package/slider/index.d.ts +0 -29
  321. package/spinner/index.d.ts +0 -17
  322. package/switch/index.d.ts +0 -24
  323. package/table/index.d.ts +0 -13
  324. package/tabs/index.d.ts +0 -19
  325. package/tag/index.d.ts +0 -24
  326. package/text-input/index.d.ts +0 -135
  327. package/textarea/index.d.ts +0 -117
  328. package/toggle/Toggle.js +0 -220
  329. package/toggle/index.d.ts +0 -21
  330. package/toggle-group/index.d.ts +0 -21
  331. package/upload/Upload.js +0 -205
  332. package/upload/buttons-upload/ButtonsUpload.js +0 -135
  333. package/upload/buttons-upload/Icons.js +0 -40
  334. package/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  335. package/upload/dragAndDropArea/Icons.js +0 -39
  336. package/upload/file-upload/FileToUpload.js +0 -189
  337. package/upload/file-upload/Icons.js +0 -66
  338. package/upload/files-upload/FilesToUpload.js +0 -123
  339. package/upload/index.d.ts +0 -15
  340. package/upload/transaction/Icons.js +0 -160
  341. package/upload/transaction/Transaction.js +0 -148
  342. package/upload/transactions/Transactions.js +0 -138
  343. package/wizard/Icons.js +0 -65
  344. package/wizard/index.d.ts +0 -18
@@ -0,0 +1,95 @@
1
+ import React from "react";
2
+ import styled from "styled-components";
3
+ import Title from "../../.storybook/components/Title";
4
+ import DxcList from "./List";
5
+ import DxcText from "../text/Text";
6
+
7
+ export default {
8
+ title: "List",
9
+ component: DxcList,
10
+ };
11
+
12
+ export const Chromatic = () => (
13
+ <>
14
+ <Title title="Default list" theme="light" level={4} />
15
+ <DxcList>
16
+ <DxcText>Text 1.</DxcText>
17
+ <DxcText>Text 2.</DxcText>
18
+ </DxcList>
19
+ <Title title="Number" theme="light" level={4} />
20
+ <DxcList type="number">
21
+ <DxcText>Text 1.</DxcText>
22
+ <DxcText>Text 2.</DxcText>
23
+ </DxcList>
24
+ <Title title="Square" theme="light" level={4} />
25
+ <DxcList type="square">
26
+ <DxcText>Text 1.</DxcText>
27
+ <DxcText>Text 2.</DxcText>
28
+ </DxcList>
29
+ <Title title="Circle" theme="light" level={4} />
30
+ <DxcList type="circle">
31
+ <DxcText>Text 1.</DxcText>
32
+ <DxcText>Text 2.</DxcText>
33
+ </DxcList>
34
+ <Title title="Multiple lines" theme="light" level={4} />
35
+ <Container>
36
+ <DxcList>
37
+ <DxcText>
38
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
39
+ magna aliqua.
40
+ </DxcText>
41
+ <DxcText>Text 2.</DxcText>
42
+ </DxcList>
43
+ </Container>
44
+ <Title title="gutter = xxxsmall" theme="light" level={4} />
45
+ <DxcList gutter="xxsmall">
46
+ <DxcText>Text 1.</DxcText>
47
+ <DxcText>Text 2.</DxcText>
48
+ </DxcList>
49
+ <Title title="gutter = xxsmall" theme="light" level={4} />
50
+ <DxcList gutter="xxsmall">
51
+ <DxcText>Text 1.</DxcText>
52
+ <DxcText>Text 2.</DxcText>
53
+ </DxcList>
54
+ <Title title="gutter = xsmall" theme="light" level={4} />
55
+ <DxcList gutter="xsmall">
56
+ <DxcText>Text 1.</DxcText>
57
+ <DxcText>Text 2.</DxcText>
58
+ </DxcList>
59
+ <Title title="gutter = small" theme="light" level={4} />
60
+ <DxcList gutter="small">
61
+ <DxcText>Text 1.</DxcText>
62
+ <DxcText>Text 2.</DxcText>
63
+ </DxcList>
64
+ <Title title="gutter = medium" theme="light" level={4} />
65
+ <DxcList gutter="medium">
66
+ <DxcText>Text 1.</DxcText>
67
+ <DxcText>Text 2.</DxcText>
68
+ </DxcList>
69
+ <Title title="gutter = large" theme="light" level={4} />
70
+ <DxcList gutter="large">
71
+ <DxcText>Text 1.</DxcText>
72
+ <DxcText>Text 2.</DxcText>
73
+ </DxcList>
74
+ <Title title="gutter = xlarge" theme="light" level={4} />
75
+ <DxcList gutter="xlarge">
76
+ <DxcText>Text 1.</DxcText>
77
+ <DxcText>Text 2.</DxcText>
78
+ </DxcList>
79
+ <Title title="gutter = xxlarge" theme="light" level={4} />
80
+ <DxcList gutter="xxlarge">
81
+ <DxcText>Text 1.</DxcText>
82
+ <DxcText>Text 2.</DxcText>
83
+ </DxcList>
84
+ <Title title="gutter = xxxlarge" theme="light" level={4} />
85
+ <DxcList gutter="xxxlarge">
86
+ <DxcText>Text 1.</DxcText>
87
+ <DxcText>Text 2.</DxcText>
88
+ </DxcList>
89
+
90
+ </>
91
+ );
92
+
93
+ const Container = styled.div`
94
+ width: 400px;
95
+ `;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ declare type Props = {
3
+ children: React.ReactNode;
4
+ gutter?: "none" | "xxxsmall" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge";
5
+ type?: "disc" | "circle" | "square" | "number";
6
+ };
7
+ export default Props;
package/list/types.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
package/main.d.ts CHANGED
@@ -1,40 +1,47 @@
1
- export { default as DxcAccordion } from "./accordion/index";
2
- export { default as DxcAccordionGroup } from "./accordion-group/index";
3
- export { default as DxcAlert } from "./alert/index";
4
- export { default as DxcBox } from "./box/index";
5
- export { default as DxcButton } from "./button/index";
6
- export { default as DxcCard } from "./card/index";
7
- export { default as DxcCheckbox } from "./checkbox/index";
8
- export { default as DxcChip } from "./chip/index";
9
- export { default as DxcDate } from "./date/index";
10
- export { default as DxcDateInput } from "./date-input/index";
11
- export { default as DxcDialog } from "./dialog/index";
12
- export { default as DxcDropdown } from "./dropdown/index";
13
- export { default as DxcFileInput } from "./file-input/index";
14
- export { default as DxcFooter } from "./footer/index";
15
- export { default as DxcHeader } from "./header/index";
16
- export { default as DxcHeading } from "./heading/index";
17
- export { default as DxcInput } from "./input-text/index";
18
- export { default as DxcLink } from "./link/index";
19
- export { default as DxcNumberInput } from "./number-input/index";
20
- export { default as DxcPaginator } from "./paginator/index";
21
- export { default as DxcPasswordInput } from "./password-input/index";
22
- export { default as DxcProgressBar } from "./progress-bar/index";
23
- export { default as DxcRadio } from "./radio/index";
24
- export { default as DxcResultsetTable } from "./resultsetTable/index";
25
- export { default as DxcSelect } from "./select/index";
26
- export { default as DxcSidenav } from "./sidenav/index";
27
- export { default as DxcSlider } from "./slider/index";
28
- export { default as DxcSpinner } from "./spinner/index";
29
- export { default as DxcSwitch } from "./switch/index";
30
- export { default as DxcTable } from "./table/index";
31
- export { default as DxcTabs } from "./tabs/index";
32
- export { default as DxcTag } from "./tag/index";
33
- export { default as DxcTextInput } from "./text-input/index";
34
- export { default as DxcTextarea } from "./textarea/index";
35
- export { default as DxcToggle } from "./toggle/index";
36
- export { default as DxcToggleGroup } from "./toggle-group/index";
37
- export { default as DxcUpload } from "./upload/index";
38
- export { default as V3DxcSelect } from "./V3Select/index";
39
- export { default as V3DxcTextarea } from "./V3Textarea/index";
40
- export { default as DxcWizard } from "./wizard/index";
1
+ import DxcAlert from "./alert/Alert";
2
+ import DxcAccordion from "./accordion/Accordion";
3
+ import DxcButton from "./button/Button";
4
+ import DxcCard from "./card/Card";
5
+ import DxcCheckbox from "./checkbox/Checkbox";
6
+ import DxcDialog from "./dialog/Dialog";
7
+ import DxcDropdown from "./dropdown/Dropdown";
8
+ import DxcFooter from "./footer/Footer";
9
+ import DxcHeader from "./header/Header";
10
+ import DxcRadio from "./radio/Radio";
11
+ import DxcSlider from "./slider/Slider";
12
+ import DxcSwitch from "./switch/Switch";
13
+ import DxcTabs from "./tabs/Tabs";
14
+ import DxcProgressBar from "./progress-bar/ProgressBar";
15
+ import DxcSpinner from "./spinner/Spinner";
16
+ import DxcTable from "./table/Table";
17
+ import DxcBox from "./box/Box";
18
+ import DxcTag from "./tag/Tag";
19
+ import DxcPaginator from "./paginator/Paginator";
20
+ import DxcSidenav from "./sidenav/Sidenav";
21
+ import DxcWizard from "./wizard/Wizard";
22
+ import DxcLink from "./link/Link";
23
+ import DxcHeading from "./heading/Heading";
24
+ import DxcResultsetTable from "./resultsetTable/ResultsetTable";
25
+ import DxcChip from "./chip/Chip";
26
+ import DxcApplicationLayout from "./layout/ApplicationLayout";
27
+ import DxcToggleGroup from "./toggle-group/ToggleGroup";
28
+ import DxcAccordionGroup from "./accordion-group/AccordionGroup";
29
+ import DxcBadge from "./badge/Badge";
30
+ import DxcTextInput from "./text-input/TextInput";
31
+ import DxcPasswordInput from "./password-input/PasswordInput";
32
+ import DxcDateInput from "./date-input/DateInput";
33
+ import DxcNumberInput from "./number-input/NumberInput";
34
+ import DxcTextarea from "./textarea/Textarea";
35
+ import DxcSelect from "./select/Select";
36
+ import DxcFileInput from "./file-input/FileInput";
37
+ import DxcStack from "./stack/Stack";
38
+ import DxcRow from "./row/Row";
39
+ import DxcText from "./text/Text";
40
+ import DxcList from "./list/List";
41
+ import DxcRadioGroup from "./radio-group/RadioGroup";
42
+ import DxcBleed from "./bleed/Bleed";
43
+ import DxcInset from "./inset/Inset";
44
+ import DxcQuickNav from "./quick-nav/QuickNav";
45
+ import HalstackContext, { HalstackProvider } from "./HalstackContext";
46
+ import { BackgroundColorProvider } from "./BackgroundColorContext";
47
+ export { DxcAlert, DxcButton, DxcFooter, DxcCheckbox, DxcTextInput, DxcDropdown, DxcSwitch, DxcSlider, DxcRadio, DxcHeader, DxcTable, DxcTabs, DxcToggleGroup, DxcDialog, DxcCard, DxcProgressBar, DxcAccordion, DxcSpinner, DxcBox, DxcTag, DxcPaginator, DxcSidenav, DxcWizard, DxcLink, DxcHeading, DxcResultsetTable, DxcChip, DxcApplicationLayout, HalstackContext, HalstackProvider, BackgroundColorProvider, DxcAccordionGroup, DxcBadge, DxcPasswordInput, DxcDateInput, DxcNumberInput, DxcTextarea, DxcSelect, DxcFileInput, DxcStack, DxcRow, DxcText, DxcList, DxcRadioGroup, DxcBleed, DxcInset, DxcQuickNav, };
package/main.js CHANGED
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
- Object.defineProperty(exports, "DxcAlert", {
10
+ Object.defineProperty(exports, "BackgroundColorProvider", {
11
11
  enumerable: true,
12
12
  get: function get() {
13
- return _Alert["default"];
13
+ return _BackgroundColorContext.BackgroundColorProvider;
14
14
  }
15
15
  });
16
16
  Object.defineProperty(exports, "DxcAccordion", {
@@ -19,124 +19,130 @@ Object.defineProperty(exports, "DxcAccordion", {
19
19
  return _Accordion["default"];
20
20
  }
21
21
  });
22
- Object.defineProperty(exports, "DxcButton", {
22
+ Object.defineProperty(exports, "DxcAccordionGroup", {
23
23
  enumerable: true,
24
24
  get: function get() {
25
- return _Button["default"];
25
+ return _AccordionGroup["default"];
26
26
  }
27
27
  });
28
- Object.defineProperty(exports, "DxcCard", {
28
+ Object.defineProperty(exports, "DxcAlert", {
29
29
  enumerable: true,
30
30
  get: function get() {
31
- return _Card["default"];
31
+ return _Alert["default"];
32
32
  }
33
33
  });
34
- Object.defineProperty(exports, "DxcCheckbox", {
34
+ Object.defineProperty(exports, "DxcApplicationLayout", {
35
35
  enumerable: true,
36
36
  get: function get() {
37
- return _Checkbox["default"];
37
+ return _ApplicationLayout["default"];
38
38
  }
39
39
  });
40
- Object.defineProperty(exports, "DxcDate", {
40
+ Object.defineProperty(exports, "DxcBadge", {
41
41
  enumerable: true,
42
42
  get: function get() {
43
- return _Date["default"];
43
+ return _Badge["default"];
44
44
  }
45
45
  });
46
- Object.defineProperty(exports, "DxcDialog", {
46
+ Object.defineProperty(exports, "DxcBleed", {
47
47
  enumerable: true,
48
48
  get: function get() {
49
- return _Dialog["default"];
49
+ return _Bleed["default"];
50
50
  }
51
51
  });
52
- Object.defineProperty(exports, "DxcDropdown", {
52
+ Object.defineProperty(exports, "DxcBox", {
53
53
  enumerable: true,
54
54
  get: function get() {
55
- return _Dropdown["default"];
55
+ return _Box["default"];
56
56
  }
57
57
  });
58
- Object.defineProperty(exports, "DxcFooter", {
58
+ Object.defineProperty(exports, "DxcButton", {
59
59
  enumerable: true,
60
60
  get: function get() {
61
- return _Footer["default"];
61
+ return _Button["default"];
62
62
  }
63
63
  });
64
- Object.defineProperty(exports, "DxcHeader", {
64
+ Object.defineProperty(exports, "DxcCard", {
65
65
  enumerable: true,
66
66
  get: function get() {
67
- return _Header["default"];
67
+ return _Card["default"];
68
68
  }
69
69
  });
70
- Object.defineProperty(exports, "DxcInput", {
70
+ Object.defineProperty(exports, "DxcCheckbox", {
71
71
  enumerable: true,
72
72
  get: function get() {
73
- return _InputText["default"];
73
+ return _Checkbox["default"];
74
74
  }
75
75
  });
76
- Object.defineProperty(exports, "DxcRadio", {
76
+ Object.defineProperty(exports, "DxcChip", {
77
77
  enumerable: true,
78
78
  get: function get() {
79
- return _Radio["default"];
79
+ return _Chip["default"];
80
80
  }
81
81
  });
82
- Object.defineProperty(exports, "V3DxcSelect", {
82
+ Object.defineProperty(exports, "DxcDateInput", {
83
83
  enumerable: true,
84
84
  get: function get() {
85
- return _V3Select["default"];
85
+ return _DateInput["default"];
86
86
  }
87
87
  });
88
- Object.defineProperty(exports, "DxcSlider", {
88
+ Object.defineProperty(exports, "DxcDialog", {
89
89
  enumerable: true,
90
90
  get: function get() {
91
- return _Slider["default"];
91
+ return _Dialog["default"];
92
92
  }
93
93
  });
94
- Object.defineProperty(exports, "DxcSwitch", {
94
+ Object.defineProperty(exports, "DxcDropdown", {
95
95
  enumerable: true,
96
96
  get: function get() {
97
- return _Switch["default"];
97
+ return _Dropdown["default"];
98
98
  }
99
99
  });
100
- Object.defineProperty(exports, "DxcTabs", {
100
+ Object.defineProperty(exports, "DxcFileInput", {
101
101
  enumerable: true,
102
102
  get: function get() {
103
- return _Tabs["default"];
103
+ return _FileInput["default"];
104
104
  }
105
105
  });
106
- Object.defineProperty(exports, "DxcProgressBar", {
106
+ Object.defineProperty(exports, "DxcFooter", {
107
107
  enumerable: true,
108
108
  get: function get() {
109
- return _ProgressBar["default"];
109
+ return _Footer["default"];
110
110
  }
111
111
  });
112
- Object.defineProperty(exports, "DxcSpinner", {
112
+ Object.defineProperty(exports, "DxcHeader", {
113
113
  enumerable: true,
114
114
  get: function get() {
115
- return _Spinner["default"];
115
+ return _Header["default"];
116
116
  }
117
117
  });
118
- Object.defineProperty(exports, "DxcUpload", {
118
+ Object.defineProperty(exports, "DxcHeading", {
119
119
  enumerable: true,
120
120
  get: function get() {
121
- return _Upload["default"];
121
+ return _Heading["default"];
122
122
  }
123
123
  });
124
- Object.defineProperty(exports, "DxcTable", {
124
+ Object.defineProperty(exports, "DxcInset", {
125
125
  enumerable: true,
126
126
  get: function get() {
127
- return _Table["default"];
127
+ return _Inset["default"];
128
128
  }
129
129
  });
130
- Object.defineProperty(exports, "DxcBox", {
130
+ Object.defineProperty(exports, "DxcLink", {
131
131
  enumerable: true,
132
132
  get: function get() {
133
- return _Box["default"];
133
+ return _Link["default"];
134
134
  }
135
135
  });
136
- Object.defineProperty(exports, "DxcTag", {
136
+ Object.defineProperty(exports, "DxcList", {
137
137
  enumerable: true,
138
138
  get: function get() {
139
- return _Tag["default"];
139
+ return _List["default"];
140
+ }
141
+ });
142
+ Object.defineProperty(exports, "DxcNumberInput", {
143
+ enumerable: true,
144
+ get: function get() {
145
+ return _NumberInput["default"];
140
146
  }
141
147
  });
142
148
  Object.defineProperty(exports, "DxcPaginator", {
@@ -145,34 +151,34 @@ Object.defineProperty(exports, "DxcPaginator", {
145
151
  return _Paginator["default"];
146
152
  }
147
153
  });
148
- Object.defineProperty(exports, "DxcSidenav", {
154
+ Object.defineProperty(exports, "DxcPasswordInput", {
149
155
  enumerable: true,
150
156
  get: function get() {
151
- return _Sidenav["default"];
157
+ return _PasswordInput["default"];
152
158
  }
153
159
  });
154
- Object.defineProperty(exports, "DxcWizard", {
160
+ Object.defineProperty(exports, "DxcProgressBar", {
155
161
  enumerable: true,
156
162
  get: function get() {
157
- return _Wizard["default"];
163
+ return _ProgressBar["default"];
158
164
  }
159
165
  });
160
- Object.defineProperty(exports, "DxcLink", {
166
+ Object.defineProperty(exports, "DxcQuickNav", {
161
167
  enumerable: true,
162
168
  get: function get() {
163
- return _Link["default"];
169
+ return _QuickNav["default"];
164
170
  }
165
171
  });
166
- Object.defineProperty(exports, "DxcHeading", {
172
+ Object.defineProperty(exports, "DxcRadio", {
167
173
  enumerable: true,
168
174
  get: function get() {
169
- return _Heading["default"];
175
+ return _Radio["default"];
170
176
  }
171
177
  });
172
- Object.defineProperty(exports, "V3DxcTextarea", {
178
+ Object.defineProperty(exports, "DxcRadioGroup", {
173
179
  enumerable: true,
174
180
  get: function get() {
175
- return _V3Textarea["default"];
181
+ return _RadioGroup["default"];
176
182
  }
177
183
  });
178
184
  Object.defineProperty(exports, "DxcResultsetTable", {
@@ -181,94 +187,106 @@ Object.defineProperty(exports, "DxcResultsetTable", {
181
187
  return _ResultsetTable["default"];
182
188
  }
183
189
  });
184
- Object.defineProperty(exports, "DxcChip", {
190
+ Object.defineProperty(exports, "DxcRow", {
185
191
  enumerable: true,
186
192
  get: function get() {
187
- return _Chip["default"];
193
+ return _Row["default"];
188
194
  }
189
195
  });
190
- Object.defineProperty(exports, "DxcApplicationLayout", {
196
+ Object.defineProperty(exports, "DxcSelect", {
191
197
  enumerable: true,
192
198
  get: function get() {
193
- return _ApplicationLayout["default"];
199
+ return _Select["default"];
194
200
  }
195
201
  });
196
- Object.defineProperty(exports, "DxcToggleGroup", {
202
+ Object.defineProperty(exports, "DxcSidenav", {
197
203
  enumerable: true,
198
204
  get: function get() {
199
- return _ToggleGroup["default"];
205
+ return _Sidenav["default"];
200
206
  }
201
207
  });
202
- Object.defineProperty(exports, "DxcAccordionGroup", {
208
+ Object.defineProperty(exports, "DxcSlider", {
203
209
  enumerable: true,
204
210
  get: function get() {
205
- return _AccordionGroup["default"];
211
+ return _Slider["default"];
206
212
  }
207
213
  });
208
- Object.defineProperty(exports, "DxcBadge", {
214
+ Object.defineProperty(exports, "DxcSpinner", {
209
215
  enumerable: true,
210
216
  get: function get() {
211
- return _Badge["default"];
217
+ return _Spinner["default"];
212
218
  }
213
219
  });
214
- Object.defineProperty(exports, "DxcTextInput", {
220
+ Object.defineProperty(exports, "DxcStack", {
215
221
  enumerable: true,
216
222
  get: function get() {
217
- return _TextInput["default"];
223
+ return _Stack["default"];
218
224
  }
219
225
  });
220
- Object.defineProperty(exports, "DxcPasswordInput", {
226
+ Object.defineProperty(exports, "DxcSwitch", {
221
227
  enumerable: true,
222
228
  get: function get() {
223
- return _PasswordInput["default"];
229
+ return _Switch["default"];
224
230
  }
225
231
  });
226
- Object.defineProperty(exports, "DxcDateInput", {
232
+ Object.defineProperty(exports, "DxcTable", {
227
233
  enumerable: true,
228
234
  get: function get() {
229
- return _DateInput["default"];
235
+ return _Table["default"];
230
236
  }
231
237
  });
232
- Object.defineProperty(exports, "DxcNumberInput", {
238
+ Object.defineProperty(exports, "DxcTabs", {
233
239
  enumerable: true,
234
240
  get: function get() {
235
- return _NumberInput["default"];
241
+ return _Tabs["default"];
236
242
  }
237
243
  });
238
- Object.defineProperty(exports, "DxcTextarea", {
244
+ Object.defineProperty(exports, "DxcTag", {
239
245
  enumerable: true,
240
246
  get: function get() {
241
- return _Textarea["default"];
247
+ return _Tag["default"];
242
248
  }
243
249
  });
244
- Object.defineProperty(exports, "DxcSelect", {
250
+ Object.defineProperty(exports, "DxcText", {
245
251
  enumerable: true,
246
252
  get: function get() {
247
- return _Select["default"];
253
+ return _Text["default"];
248
254
  }
249
255
  });
250
- Object.defineProperty(exports, "DxcFileInput", {
256
+ Object.defineProperty(exports, "DxcTextInput", {
251
257
  enumerable: true,
252
258
  get: function get() {
253
- return _FileInput["default"];
259
+ return _TextInput["default"];
254
260
  }
255
261
  });
256
- Object.defineProperty(exports, "ThemeContext", {
262
+ Object.defineProperty(exports, "DxcTextarea", {
257
263
  enumerable: true,
258
264
  get: function get() {
259
- return _ThemeContext["default"];
265
+ return _Textarea["default"];
260
266
  }
261
267
  });
262
- Object.defineProperty(exports, "ThemeProvider", {
268
+ Object.defineProperty(exports, "DxcToggleGroup", {
263
269
  enumerable: true,
264
270
  get: function get() {
265
- return _ThemeContext.ThemeProvider;
271
+ return _ToggleGroup["default"];
266
272
  }
267
273
  });
268
- Object.defineProperty(exports, "BackgroundColorProvider", {
274
+ Object.defineProperty(exports, "DxcWizard", {
269
275
  enumerable: true,
270
276
  get: function get() {
271
- return _BackgroundColorContext.BackgroundColorProvider;
277
+ return _Wizard["default"];
278
+ }
279
+ });
280
+ Object.defineProperty(exports, "HalstackContext", {
281
+ enumerable: true,
282
+ get: function get() {
283
+ return _HalstackContext["default"];
284
+ }
285
+ });
286
+ Object.defineProperty(exports, "HalstackProvider", {
287
+ enumerable: true,
288
+ get: function get() {
289
+ return _HalstackContext.HalstackProvider;
272
290
  }
273
291
  });
274
292
 
@@ -282,8 +300,6 @@ var _Card = _interopRequireDefault(require("./card/Card"));
282
300
 
283
301
  var _Checkbox = _interopRequireDefault(require("./checkbox/Checkbox"));
284
302
 
285
- var _Date = _interopRequireDefault(require("./date/Date"));
286
-
287
303
  var _Dialog = _interopRequireDefault(require("./dialog/Dialog"));
288
304
 
289
305
  var _Dropdown = _interopRequireDefault(require("./dropdown/Dropdown"));
@@ -292,12 +308,8 @@ var _Footer = _interopRequireDefault(require("./footer/Footer"));
292
308
 
293
309
  var _Header = _interopRequireDefault(require("./header/Header"));
294
310
 
295
- var _InputText = _interopRequireDefault(require("./input-text/InputText"));
296
-
297
311
  var _Radio = _interopRequireDefault(require("./radio/Radio"));
298
312
 
299
- var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
300
-
301
313
  var _Slider = _interopRequireDefault(require("./slider/Slider"));
302
314
 
303
315
  var _Switch = _interopRequireDefault(require("./switch/Switch"));
@@ -308,8 +320,6 @@ var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"))
308
320
 
309
321
  var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
310
322
 
311
- var _Upload = _interopRequireDefault(require("./upload/Upload"));
312
-
313
323
  var _Table = _interopRequireDefault(require("./table/Table"));
314
324
 
315
325
  var _Box = _interopRequireDefault(require("./box/Box"));
@@ -326,8 +336,6 @@ var _Link = _interopRequireDefault(require("./link/Link"));
326
336
 
327
337
  var _Heading = _interopRequireDefault(require("./heading/Heading"));
328
338
 
329
- var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
330
-
331
339
  var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
332
340
 
333
341
  var _Chip = _interopRequireDefault(require("./chip/Chip"));
@@ -354,6 +362,26 @@ var _Select = _interopRequireDefault(require("./select/Select"));
354
362
 
355
363
  var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
356
364
 
357
- var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
365
+ var _Stack = _interopRequireDefault(require("./stack/Stack"));
366
+
367
+ var _Row = _interopRequireDefault(require("./row/Row"));
368
+
369
+ var _Text = _interopRequireDefault(require("./text/Text"));
370
+
371
+ var _List = _interopRequireDefault(require("./list/List"));
372
+
373
+ var _RadioGroup = _interopRequireDefault(require("./radio-group/RadioGroup"));
374
+
375
+ var _Bleed = _interopRequireDefault(require("./bleed/Bleed"));
376
+
377
+ var _Inset = _interopRequireDefault(require("./inset/Inset"));
378
+
379
+ var _QuickNav = _interopRequireDefault(require("./quick-nav/QuickNav"));
380
+
381
+ var _HalstackContext = _interopRequireWildcard(require("./HalstackContext"));
382
+
383
+ var _BackgroundColorContext = require("./BackgroundColorContext");
384
+
385
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
358
386
 
359
- var _BackgroundColorContext = require("./BackgroundColorContext.js");
387
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import NumberInputPropsType from "./types";
3
+ declare const DxcNumberInput: React.ForwardRefExoticComponent<NumberInputPropsType & React.RefAttributes<HTMLDivElement>>;
4
+ export default DxcNumberInput;