@dxc-technology/halstack-react 0.0.0-227874a → 0.0.0-2480494

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 (227) hide show
  1. package/BackgroundColorContext.js +8 -4
  2. package/ThemeContext.js +84 -88
  3. package/V3Select/V3Select.js +33 -127
  4. package/V3Textarea/V3Textarea.js +10 -14
  5. package/accordion/Accordion.d.ts +4 -0
  6. package/accordion/Accordion.js +35 -130
  7. package/accordion/types.d.ts +68 -0
  8. package/accordion/types.js +5 -0
  9. package/accordion-group/AccordionGroup.d.ts +7 -0
  10. package/accordion-group/AccordionGroup.js +65 -81
  11. package/accordion-group/types.d.ts +72 -0
  12. package/accordion-group/types.js +5 -0
  13. package/alert/Alert.d.ts +4 -0
  14. package/alert/Alert.js +38 -151
  15. package/alert/Alert.stories.tsx +170 -0
  16. package/alert/types.d.ts +49 -0
  17. package/alert/types.js +5 -0
  18. package/badge/Badge.js +9 -13
  19. package/box/Box.d.ts +4 -0
  20. package/box/Box.js +13 -43
  21. package/box/Box.stories.tsx +132 -0
  22. package/box/types.d.ts +43 -0
  23. package/box/types.js +5 -0
  24. package/button/Button.d.ts +4 -0
  25. package/button/Button.js +22 -81
  26. package/button/Button.stories.tsx +276 -0
  27. package/button/types.d.ts +57 -0
  28. package/button/types.js +5 -0
  29. package/card/Card.d.ts +4 -0
  30. package/card/Card.js +33 -123
  31. package/card/Card.stories.tsx +201 -0
  32. package/card/ice-cream.jpg +0 -0
  33. package/card/types.d.ts +67 -0
  34. package/card/types.js +5 -0
  35. package/checkbox/Checkbox.d.ts +4 -0
  36. package/checkbox/Checkbox.js +13 -59
  37. package/checkbox/Checkbox.stories.tsx +192 -0
  38. package/checkbox/types.d.ts +60 -0
  39. package/checkbox/types.js +5 -0
  40. package/chip/Chip.js +17 -61
  41. package/chip/Chip.stories.tsx +121 -0
  42. package/common/RequiredComponent.js +3 -11
  43. package/common/variables.js +57 -46
  44. package/date/Date.js +16 -22
  45. package/date-input/DateInput.d.ts +4 -0
  46. package/date-input/DateInput.js +22 -61
  47. package/date-input/DateInput.stories.tsx +138 -0
  48. package/date-input/types.d.ts +100 -0
  49. package/date-input/types.js +5 -0
  50. package/dialog/Dialog.d.ts +4 -0
  51. package/dialog/Dialog.js +20 -73
  52. package/dialog/Dialog.stories.tsx +212 -0
  53. package/dialog/types.d.ts +43 -0
  54. package/dialog/types.js +5 -0
  55. package/dropdown/Dropdown.d.ts +4 -0
  56. package/dropdown/Dropdown.js +44 -171
  57. package/dropdown/types.d.ts +89 -0
  58. package/dropdown/types.js +5 -0
  59. package/file-input/FileInput.d.ts +4 -0
  60. package/file-input/FileInput.js +55 -188
  61. package/file-input/FileItem.d.ts +14 -0
  62. package/file-input/FileItem.js +33 -138
  63. package/file-input/types.d.ts +87 -0
  64. package/file-input/types.js +5 -0
  65. package/footer/Footer.d.ts +4 -0
  66. package/footer/Footer.js +38 -193
  67. package/footer/Footer.stories.jsx +151 -0
  68. package/footer/Icons.js +13 -13
  69. package/footer/types.d.ts +61 -0
  70. package/footer/types.js +5 -0
  71. package/header/Header.d.ts +7 -0
  72. package/header/Header.js +60 -206
  73. package/header/Header.stories.tsx +162 -0
  74. package/header/Icons.js +7 -32
  75. package/header/types.d.ts +47 -0
  76. package/header/types.js +5 -0
  77. package/heading/Heading.d.ts +4 -0
  78. package/heading/Heading.js +24 -95
  79. package/heading/Heading.stories.tsx +53 -0
  80. package/heading/types.d.ts +33 -0
  81. package/heading/types.js +5 -0
  82. package/input-text/Icons.js +2 -2
  83. package/input-text/InputText.js +36 -130
  84. package/input-text/index.d.ts +1 -1
  85. package/layout/ApplicationLayout.js +31 -123
  86. package/layout/Icons.js +7 -7
  87. package/link/Link.d.ts +3 -0
  88. package/link/Link.js +18 -94
  89. package/link/Link.stories.tsx +146 -0
  90. package/link/types.d.ts +74 -0
  91. package/link/types.js +5 -0
  92. package/main.d.ts +44 -40
  93. package/main.js +91 -87
  94. package/number-input/NumberInput.d.ts +4 -0
  95. package/number-input/NumberInput.js +7 -57
  96. package/number-input/NumberInput.stories.tsx +115 -0
  97. package/number-input/NumberInputContext.d.ts +4 -0
  98. package/number-input/NumberInputContext.js +5 -2
  99. package/number-input/numberInputContextTypes.d.ts +19 -0
  100. package/number-input/numberInputContextTypes.js +5 -0
  101. package/number-input/types.d.ts +117 -0
  102. package/number-input/types.js +5 -0
  103. package/package.json +15 -12
  104. package/paginator/Icons.js +9 -9
  105. package/paginator/Paginator.d.ts +4 -0
  106. package/paginator/Paginator.js +24 -131
  107. package/paginator/Paginator.stories.tsx +63 -0
  108. package/paginator/types.d.ts +38 -0
  109. package/paginator/types.js +5 -0
  110. package/password-input/PasswordInput.d.ts +4 -0
  111. package/password-input/PasswordInput.js +22 -61
  112. package/password-input/PasswordInput.stories.tsx +131 -0
  113. package/password-input/types.d.ts +107 -0
  114. package/password-input/types.js +5 -0
  115. package/progress-bar/ProgressBar.d.ts +4 -0
  116. package/progress-bar/ProgressBar.js +20 -92
  117. package/progress-bar/ProgressBar.stories.jsx +58 -0
  118. package/progress-bar/types.d.ts +37 -0
  119. package/progress-bar/types.js +5 -0
  120. package/radio/Radio.d.ts +4 -0
  121. package/radio/Radio.js +15 -50
  122. package/radio/Radio.stories.tsx +192 -0
  123. package/radio/types.d.ts +54 -0
  124. package/radio/types.js +5 -0
  125. package/resultsetTable/ResultsetTable.d.ts +4 -0
  126. package/resultsetTable/ResultsetTable.js +38 -145
  127. package/resultsetTable/types.d.ts +67 -0
  128. package/resultsetTable/types.js +5 -0
  129. package/select/Select.js +194 -465
  130. package/select/Select.stories.tsx +572 -0
  131. package/select/index.d.ts +4 -4
  132. package/sidenav/Sidenav.d.ts +9 -0
  133. package/sidenav/Sidenav.js +19 -62
  134. package/sidenav/Sidenav.stories.tsx +165 -0
  135. package/sidenav/types.d.ts +50 -0
  136. package/sidenav/types.js +5 -0
  137. package/slider/Slider.d.ts +4 -0
  138. package/slider/Slider.js +72 -159
  139. package/slider/Slider.stories.tsx +177 -0
  140. package/slider/types.d.ts +78 -0
  141. package/slider/types.js +5 -0
  142. package/spinner/Spinner.d.ts +4 -0
  143. package/spinner/Spinner.js +43 -174
  144. package/spinner/Spinner.stories.jsx +102 -0
  145. package/spinner/types.d.ts +32 -0
  146. package/spinner/types.js +5 -0
  147. package/switch/Switch.d.ts +4 -0
  148. package/switch/Switch.js +26 -69
  149. package/switch/Switch.stories.tsx +160 -0
  150. package/switch/types.d.ts +58 -0
  151. package/switch/types.js +5 -0
  152. package/table/Table.d.ts +4 -0
  153. package/table/Table.js +10 -24
  154. package/table/Table.stories.jsx +276 -0
  155. package/table/types.d.ts +21 -0
  156. package/table/types.js +5 -0
  157. package/tabs/Tabs.d.ts +4 -0
  158. package/tabs/Tabs.js +31 -161
  159. package/tabs/Tabs.stories.tsx +121 -0
  160. package/tabs/types.d.ts +70 -0
  161. package/tabs/types.js +5 -0
  162. package/tag/Tag.d.ts +4 -0
  163. package/tag/Tag.js +37 -126
  164. package/tag/Tag.stories.tsx +145 -0
  165. package/tag/types.d.ts +60 -0
  166. package/tag/types.js +5 -0
  167. package/text-input/TextInput.d.ts +4 -0
  168. package/text-input/TextInput.js +120 -324
  169. package/text-input/types.d.ts +159 -0
  170. package/text-input/types.js +5 -0
  171. package/textarea/Textarea.js +20 -72
  172. package/textarea/Textarea.stories.jsx +135 -0
  173. package/toggle/Toggle.js +15 -49
  174. package/toggle-group/ToggleGroup.d.ts +4 -0
  175. package/toggle-group/ToggleGroup.js +28 -138
  176. package/toggle-group/ToggleGroup.stories.tsx +178 -0
  177. package/toggle-group/types.d.ts +84 -0
  178. package/toggle-group/types.js +5 -0
  179. package/upload/Upload.js +11 -15
  180. package/upload/buttons-upload/ButtonsUpload.js +13 -37
  181. package/upload/buttons-upload/Icons.js +7 -7
  182. package/upload/dragAndDropArea/DragAndDropArea.js +24 -128
  183. package/upload/dragAndDropArea/Icons.js +6 -6
  184. package/upload/file-upload/FileToUpload.js +16 -90
  185. package/upload/file-upload/Icons.js +13 -13
  186. package/upload/files-upload/FilesToUpload.js +12 -26
  187. package/upload/transaction/Icons.js +31 -31
  188. package/upload/transaction/Transaction.js +17 -61
  189. package/upload/transactions/Transactions.js +13 -57
  190. package/wizard/Icons.js +8 -8
  191. package/wizard/Wizard.d.ts +4 -0
  192. package/wizard/Wizard.js +32 -206
  193. package/wizard/Wizard.stories.jsx +224 -0
  194. package/wizard/types.d.ts +64 -0
  195. package/wizard/types.js +5 -0
  196. package/accordion/index.d.ts +0 -28
  197. package/accordion-group/index.d.ts +0 -16
  198. package/alert/index.d.ts +0 -51
  199. package/box/index.d.ts +0 -25
  200. package/button/Button.stories.js +0 -27
  201. package/button/index.d.ts +0 -24
  202. package/card/index.d.ts +0 -22
  203. package/checkbox/index.d.ts +0 -24
  204. package/date-input/index.d.ts +0 -95
  205. package/dialog/index.d.ts +0 -18
  206. package/dropdown/index.d.ts +0 -26
  207. package/file-input/index.d.ts +0 -81
  208. package/footer/index.d.ts +0 -25
  209. package/header/index.d.ts +0 -25
  210. package/heading/index.d.ts +0 -17
  211. package/link/index.d.ts +0 -23
  212. package/number-input/index.d.ts +0 -113
  213. package/paginator/index.d.ts +0 -20
  214. package/password-input/index.d.ts +0 -94
  215. package/progress-bar/index.d.ts +0 -18
  216. package/radio/index.d.ts +0 -23
  217. package/resultsetTable/index.d.ts +0 -19
  218. package/sidenav/index.d.ts +0 -13
  219. package/slider/index.d.ts +0 -29
  220. package/spinner/index.d.ts +0 -17
  221. package/switch/index.d.ts +0 -24
  222. package/table/index.d.ts +0 -13
  223. package/tabs/index.d.ts +0 -19
  224. package/tag/index.d.ts +0 -24
  225. package/text-input/index.d.ts +0 -135
  226. package/toggle-group/index.d.ts +0 -21
  227. package/wizard/index.d.ts +0 -18
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;