@dxc-technology/halstack-react 0.0.0-12908ef → 0.0.0-13df478

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 (279) hide show
  1. package/BackgroundColorContext.js +50 -0
  2. package/ThemeContext.js +246 -0
  3. package/{dist/select/Select.js → V3Select/V3Select.js} +38 -132
  4. package/V3Select/index.d.ts +27 -0
  5. package/{dist/V3Textarea → V3Textarea}/V3Textarea.js +10 -14
  6. package/V3Textarea/index.d.ts +27 -0
  7. package/accordion/Accordion.d.ts +4 -0
  8. package/{dist/accordion → accordion}/Accordion.js +35 -130
  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 +170 -0
  13. package/accordion-group/types.d.ts +72 -0
  14. package/accordion-group/types.js +5 -0
  15. package/alert/Alert.d.ts +4 -0
  16. package/{dist/alert → alert}/Alert.js +38 -151
  17. package/alert/Alert.stories.tsx +170 -0
  18. package/alert/types.d.ts +49 -0
  19. package/alert/types.js +5 -0
  20. package/badge/Badge.js +59 -0
  21. package/box/Box.d.ts +4 -0
  22. package/{dist/box → box}/Box.js +13 -43
  23. package/box/Box.stories.tsx +132 -0
  24. package/box/types.d.ts +43 -0
  25. package/box/types.js +5 -0
  26. package/button/Button.d.ts +4 -0
  27. package/{dist/button → button}/Button.js +22 -81
  28. package/button/Button.stories.tsx +276 -0
  29. package/button/types.d.ts +57 -0
  30. package/button/types.js +5 -0
  31. package/card/Card.d.ts +4 -0
  32. package/{dist/card → card}/Card.js +33 -123
  33. package/card/Card.stories.tsx +201 -0
  34. package/card/ice-cream.jpg +0 -0
  35. package/card/types.d.ts +67 -0
  36. package/card/types.js +5 -0
  37. package/checkbox/Checkbox.d.ts +4 -0
  38. package/{dist/checkbox → checkbox}/Checkbox.js +16 -63
  39. package/checkbox/Checkbox.stories.tsx +192 -0
  40. package/checkbox/types.d.ts +60 -0
  41. package/checkbox/types.js +5 -0
  42. package/{dist/chip → chip}/Chip.js +17 -61
  43. package/chip/Chip.stories.tsx +121 -0
  44. package/chip/index.d.ts +22 -0
  45. package/{dist/common → common}/OpenSans.css +0 -0
  46. package/{dist/common → common}/RequiredComponent.js +3 -11
  47. package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
  48. package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
  49. package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
  50. package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
  51. package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
  52. package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
  53. package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
  54. package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
  55. package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
  56. package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
  57. package/{dist/common → common}/utils.js +0 -0
  58. package/{dist/common → common}/variables.js +157 -151
  59. package/{dist/date → date}/Date.js +21 -27
  60. package/date/index.d.ts +27 -0
  61. package/date-input/DateInput.d.ts +4 -0
  62. package/{dist/date-input → date-input}/DateInput.js +22 -61
  63. package/date-input/DateInput.stories.tsx +138 -0
  64. package/date-input/types.d.ts +100 -0
  65. package/date-input/types.js +5 -0
  66. package/dialog/Dialog.d.ts +4 -0
  67. package/{dist/dialog → dialog}/Dialog.js +20 -73
  68. package/dialog/Dialog.stories.tsx +212 -0
  69. package/dialog/types.d.ts +43 -0
  70. package/dialog/types.js +5 -0
  71. package/dropdown/Dropdown.d.ts +4 -0
  72. package/{dist/dropdown → dropdown}/Dropdown.js +44 -171
  73. package/dropdown/types.d.ts +89 -0
  74. package/dropdown/types.js +5 -0
  75. package/file-input/FileInput.d.ts +4 -0
  76. package/{dist/file-input → file-input}/FileInput.js +56 -189
  77. package/file-input/FileItem.d.ts +14 -0
  78. package/file-input/FileItem.js +182 -0
  79. package/file-input/types.d.ts +87 -0
  80. package/file-input/types.js +5 -0
  81. package/footer/Footer.d.ts +4 -0
  82. package/{dist/footer → footer}/Footer.js +38 -193
  83. package/footer/Footer.stories.jsx +151 -0
  84. package/{dist/footer → footer}/Icons.js +13 -13
  85. package/footer/types.d.ts +61 -0
  86. package/footer/types.js +5 -0
  87. package/header/Header.d.ts +7 -0
  88. package/{dist/header → header}/Header.js +60 -206
  89. package/header/Header.stories.tsx +162 -0
  90. package/{dist/header → header}/Icons.js +7 -32
  91. package/header/types.d.ts +47 -0
  92. package/header/types.js +5 -0
  93. package/heading/Heading.d.ts +4 -0
  94. package/{dist/heading → heading}/Heading.js +24 -95
  95. package/heading/Heading.stories.tsx +53 -0
  96. package/heading/types.d.ts +33 -0
  97. package/heading/types.js +5 -0
  98. package/{dist/input-text → input-text}/Icons.js +2 -2
  99. package/{dist/input-text → input-text}/InputText.js +36 -130
  100. package/input-text/index.d.ts +36 -0
  101. package/{dist/layout → layout}/ApplicationLayout.js +31 -123
  102. package/{dist/layout → layout}/Icons.js +7 -7
  103. package/link/Link.d.ts +3 -0
  104. package/{dist/link → link}/Link.js +18 -94
  105. package/link/Link.stories.tsx +146 -0
  106. package/link/types.d.ts +74 -0
  107. package/link/types.js +5 -0
  108. package/main.d.ts +44 -0
  109. package/{dist/main.js → main.js} +93 -89
  110. package/number-input/NumberInput.d.ts +4 -0
  111. package/number-input/NumberInput.js +86 -0
  112. package/number-input/NumberInput.stories.tsx +115 -0
  113. package/number-input/NumberInputContext.d.ts +4 -0
  114. package/{dist/number-input → number-input}/NumberInputContext.js +5 -2
  115. package/number-input/numberInputContextTypes.d.ts +19 -0
  116. package/number-input/numberInputContextTypes.js +5 -0
  117. package/number-input/types.d.ts +117 -0
  118. package/number-input/types.js +5 -0
  119. package/package.json +28 -17
  120. package/{dist/paginator → paginator}/Icons.js +9 -9
  121. package/paginator/Paginator.d.ts +4 -0
  122. package/paginator/Paginator.js +198 -0
  123. package/paginator/Paginator.stories.tsx +63 -0
  124. package/paginator/types.d.ts +38 -0
  125. package/paginator/types.js +5 -0
  126. package/password-input/PasswordInput.d.ts +4 -0
  127. package/{dist/password-input → password-input}/PasswordInput.js +24 -60
  128. package/password-input/PasswordInput.stories.tsx +131 -0
  129. package/password-input/types.d.ts +105 -0
  130. package/password-input/types.js +5 -0
  131. package/progress-bar/ProgressBar.d.ts +4 -0
  132. package/{dist/progress-bar → progress-bar}/ProgressBar.js +20 -92
  133. package/progress-bar/ProgressBar.stories.jsx +58 -0
  134. package/progress-bar/types.d.ts +37 -0
  135. package/progress-bar/types.js +5 -0
  136. package/radio/Radio.d.ts +4 -0
  137. package/{dist/radio → radio}/Radio.js +15 -50
  138. package/radio/Radio.stories.tsx +192 -0
  139. package/radio/types.d.ts +54 -0
  140. package/radio/types.js +5 -0
  141. package/resultsetTable/ResultsetTable.d.ts +4 -0
  142. package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -144
  143. package/resultsetTable/types.d.ts +63 -0
  144. package/resultsetTable/types.js +5 -0
  145. package/select/Select.js +865 -0
  146. package/select/Select.stories.tsx +572 -0
  147. package/select/index.d.ts +131 -0
  148. package/sidenav/Sidenav.d.ts +9 -0
  149. package/{dist/sidenav → sidenav}/Sidenav.js +19 -62
  150. package/sidenav/Sidenav.stories.tsx +165 -0
  151. package/sidenav/types.d.ts +50 -0
  152. package/sidenav/types.js +5 -0
  153. package/slider/Slider.d.ts +4 -0
  154. package/{dist/slider → slider}/Slider.js +72 -159
  155. package/slider/Slider.stories.tsx +177 -0
  156. package/slider/types.d.ts +78 -0
  157. package/slider/types.js +5 -0
  158. package/spinner/Spinner.d.ts +4 -0
  159. package/spinner/Spinner.js +250 -0
  160. package/spinner/Spinner.stories.jsx +102 -0
  161. package/spinner/types.d.ts +32 -0
  162. package/spinner/types.js +5 -0
  163. package/switch/Switch.d.ts +4 -0
  164. package/{dist/switch → switch}/Switch.js +26 -69
  165. package/switch/Switch.stories.tsx +160 -0
  166. package/switch/types.d.ts +58 -0
  167. package/switch/types.js +5 -0
  168. package/table/Table.d.ts +4 -0
  169. package/{dist/table → table}/Table.js +10 -24
  170. package/table/Table.stories.jsx +276 -0
  171. package/table/types.d.ts +21 -0
  172. package/table/types.js +5 -0
  173. package/tabs/Tabs.d.ts +4 -0
  174. package/tabs/Tabs.js +213 -0
  175. package/tabs/types.d.ts +70 -0
  176. package/tabs/types.js +5 -0
  177. package/tag/Tag.d.ts +4 -0
  178. package/tag/Tag.js +193 -0
  179. package/tag/Tag.stories.tsx +145 -0
  180. package/tag/types.d.ts +60 -0
  181. package/tag/types.js +5 -0
  182. package/text-input/TextInput.d.ts +4 -0
  183. package/{dist/text-input → text-input}/TextInput.js +248 -434
  184. package/text-input/types.d.ts +157 -0
  185. package/text-input/types.js +5 -0
  186. package/{dist/textarea → textarea}/Textarea.js +20 -72
  187. package/textarea/Textarea.stories.jsx +135 -0
  188. package/{dist/textarea → textarea}/index.d.ts +0 -0
  189. package/{dist/toggle → toggle}/Toggle.js +15 -49
  190. package/toggle/index.d.ts +21 -0
  191. package/toggle-group/ToggleGroup.d.ts +4 -0
  192. package/{dist/toggle-group → toggle-group}/ToggleGroup.js +28 -138
  193. package/toggle-group/ToggleGroup.stories.tsx +178 -0
  194. package/toggle-group/types.d.ts +84 -0
  195. package/toggle-group/types.js +5 -0
  196. package/{dist/upload → upload}/Upload.js +14 -18
  197. package/{dist/upload → upload}/buttons-upload/ButtonsUpload.js +13 -37
  198. package/{dist/upload → upload}/buttons-upload/Icons.js +7 -7
  199. package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
  200. package/{dist/upload → upload}/dragAndDropArea/Icons.js +6 -6
  201. package/upload/file-upload/FileToUpload.js +115 -0
  202. package/{dist/upload → upload}/file-upload/Icons.js +13 -13
  203. package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
  204. package/upload/index.d.ts +15 -0
  205. package/{dist/upload → upload}/transaction/Icons.js +31 -31
  206. package/upload/transaction/Transaction.js +104 -0
  207. package/upload/transactions/Transactions.js +94 -0
  208. package/{dist/useTheme.js → useTheme.js} +0 -0
  209. package/{dist/wizard → wizard}/Icons.js +8 -8
  210. package/wizard/Wizard.d.ts +4 -0
  211. package/{dist/wizard → wizard}/Wizard.js +32 -206
  212. package/wizard/Wizard.stories.jsx +224 -0
  213. package/wizard/types.d.ts +64 -0
  214. package/wizard/types.js +5 -0
  215. package/README.md +0 -66
  216. package/babel.config.js +0 -8
  217. package/dist/BackgroundColorContext.js +0 -46
  218. package/dist/ThemeContext.js +0 -250
  219. package/dist/accordion-group/AccordionGroup.js +0 -186
  220. package/dist/alert/index.d.ts +0 -51
  221. package/dist/badge/Badge.js +0 -63
  222. package/dist/date-input/index.d.ts +0 -95
  223. package/dist/file-input/FileItem.js +0 -280
  224. package/dist/file-input/index.d.ts +0 -81
  225. package/dist/main.d.ts +0 -8
  226. package/dist/new-select/NewSelect.js +0 -836
  227. package/dist/new-select/index.d.ts +0 -53
  228. package/dist/number-input/NumberInput.js +0 -136
  229. package/dist/number-input/index.d.ts +0 -113
  230. package/dist/paginator/Paginator.js +0 -283
  231. package/dist/password-input/index.d.ts +0 -94
  232. package/dist/spinner/Spinner.js +0 -381
  233. package/dist/tabs/Tabs.js +0 -343
  234. package/dist/tag/Tag.js +0 -282
  235. package/dist/text-input/index.d.ts +0 -135
  236. package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -329
  237. package/dist/upload/file-upload/FileToUpload.js +0 -189
  238. package/dist/upload/transaction/Transaction.js +0 -148
  239. package/dist/upload/transactions/Transactions.js +0 -138
  240. package/test/Accordion.test.js +0 -33
  241. package/test/AccordionGroup.test.js +0 -125
  242. package/test/Alert.test.js +0 -53
  243. package/test/Box.test.js +0 -10
  244. package/test/Button.test.js +0 -18
  245. package/test/Card.test.js +0 -30
  246. package/test/Checkbox.test.js +0 -45
  247. package/test/Chip.test.js +0 -25
  248. package/test/Date.test.js +0 -397
  249. package/test/DateInput.test.js +0 -242
  250. package/test/Dialog.test.js +0 -23
  251. package/test/Dropdown.test.js +0 -145
  252. package/test/FileInput.test.js +0 -201
  253. package/test/Footer.test.js +0 -94
  254. package/test/Header.test.js +0 -34
  255. package/test/Heading.test.js +0 -83
  256. package/test/InputText.test.js +0 -248
  257. package/test/Link.test.js +0 -43
  258. package/test/NumberInput.test.js +0 -259
  259. package/test/Paginator.test.js +0 -177
  260. package/test/PasswordInput.test.js +0 -83
  261. package/test/ProgressBar.test.js +0 -35
  262. package/test/Radio.test.js +0 -37
  263. package/test/ResultsetTable.test.js +0 -329
  264. package/test/Select.test.js +0 -212
  265. package/test/Sidenav.test.js +0 -45
  266. package/test/Slider.test.js +0 -74
  267. package/test/Spinner.test.js +0 -32
  268. package/test/Switch.test.js +0 -45
  269. package/test/Table.test.js +0 -36
  270. package/test/Tabs.test.js +0 -109
  271. package/test/Tag.test.js +0 -32
  272. package/test/TextInput.test.js +0 -732
  273. package/test/Textarea.test.js +0 -193
  274. package/test/ToggleGroup.test.js +0 -85
  275. package/test/Upload.test.js +0 -60
  276. package/test/V3TextArea.test.js +0 -51
  277. package/test/Wizard.test.js +0 -130
  278. package/test/mocks/pngMock.js +0 -1
  279. package/test/mocks/svgMock.js +0 -1
package/tag/types.d.ts ADDED
@@ -0,0 +1,60 @@
1
+ /// <reference types="react" />
2
+ declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
3
+ declare type Margin = {
4
+ top?: Space;
5
+ bottom?: Space;
6
+ left?: Space;
7
+ right?: Space;
8
+ };
9
+ declare type SVG = React.SVGProps<SVGSVGElement> | React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
10
+ declare type Props = {
11
+ /**
12
+ * Element used as the icon that will be placed next to the label.
13
+ */
14
+ icon?: SVG;
15
+ /**
16
+ * @deprecated URL of the icon.
17
+ */
18
+ iconSrc?: string;
19
+ /**
20
+ * Text to be placed next inside the tag.
21
+ */
22
+ label?: string;
23
+ /**
24
+ * If defined, the tag will be displayed as an anchor, using this prop as "href".
25
+ * Component will show some visual feedback on hover.
26
+ */
27
+ linkHref?: string;
28
+ /**
29
+ * If defined, the tag will be displayed as a button. This function will
30
+ * be called when the user clicks the tag. Component will show some
31
+ * visual feedback on hover.
32
+ */
33
+ onClick?: () => void;
34
+ /**
35
+ * Background color of the icon section of the tag.
36
+ */
37
+ iconBgColor?: string;
38
+ /**
39
+ * Whether the label should appear after or before the icon.
40
+ */
41
+ labelPosition?: "before" | "after";
42
+ /**
43
+ * If true, the page is opened in a new browser tab.
44
+ */
45
+ newWindow?: boolean;
46
+ /**
47
+ * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
48
+ * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
49
+ */
50
+ margin?: Space | Margin;
51
+ /**
52
+ * Size of the component.
53
+ */
54
+ size?: "small" | "medium" | "large" | "fillParent" | "fitContent";
55
+ /**
56
+ * Value of the tabindex attribute.
57
+ */
58
+ tabIndex?: number;
59
+ };
60
+ export default Props;
package/tag/types.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import TextInputPropsType from "./types";
3
+ declare const DxcTextInput: React.ForwardRefExoticComponent<TextInputPropsType & React.RefAttributes<HTMLDivElement>>;
4
+ export default DxcTextInput;