@dxc-technology/halstack-react 0.0.0-4d89cae → 0.0.0-500190a

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 +36 -25
  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 +68 -201
  61. package/file-input/FileItem.d.ts +14 -0
  62. package/file-input/FileItem.js +37 -140
  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 +33 -127
  84. package/layout/ApplicationLayout.js +31 -123
  85. package/layout/Icons.js +7 -7
  86. package/link/Link.d.ts +3 -0
  87. package/link/Link.js +18 -94
  88. package/link/Link.stories.tsx +146 -0
  89. package/link/types.d.ts +74 -0
  90. package/link/types.js +5 -0
  91. package/main.d.ts +44 -40
  92. package/main.js +91 -87
  93. package/number-input/NumberInput.d.ts +4 -0
  94. package/number-input/NumberInput.js +7 -57
  95. package/number-input/NumberInput.stories.tsx +115 -0
  96. package/number-input/NumberInputContext.d.ts +4 -0
  97. package/number-input/NumberInputContext.js +5 -2
  98. package/number-input/numberInputContextTypes.d.ts +19 -0
  99. package/number-input/numberInputContextTypes.js +5 -0
  100. package/number-input/types.d.ts +117 -0
  101. package/number-input/types.js +5 -0
  102. package/package.json +15 -12
  103. package/paginator/Icons.js +9 -9
  104. package/paginator/Paginator.d.ts +4 -0
  105. package/paginator/Paginator.js +24 -131
  106. package/paginator/Paginator.stories.tsx +63 -0
  107. package/paginator/types.d.ts +38 -0
  108. package/paginator/types.js +5 -0
  109. package/password-input/PasswordInput.d.ts +4 -0
  110. package/password-input/PasswordInput.js +22 -61
  111. package/password-input/PasswordInput.stories.tsx +131 -0
  112. package/password-input/types.d.ts +107 -0
  113. package/password-input/types.js +5 -0
  114. package/progress-bar/ProgressBar.d.ts +4 -0
  115. package/progress-bar/ProgressBar.js +20 -92
  116. package/progress-bar/ProgressBar.stories.jsx +58 -0
  117. package/progress-bar/types.d.ts +37 -0
  118. package/progress-bar/types.js +5 -0
  119. package/radio/Radio.d.ts +4 -0
  120. package/radio/Radio.js +15 -50
  121. package/radio/Radio.stories.tsx +192 -0
  122. package/radio/types.d.ts +54 -0
  123. package/radio/types.js +5 -0
  124. package/resultsetTable/ResultsetTable.d.ts +4 -0
  125. package/resultsetTable/ResultsetTable.js +38 -145
  126. package/resultsetTable/types.d.ts +67 -0
  127. package/resultsetTable/types.js +5 -0
  128. package/select/Select.js +161 -434
  129. package/select/Select.stories.tsx +572 -0
  130. package/select/index.d.ts +4 -4
  131. package/sidenav/Sidenav.d.ts +9 -0
  132. package/sidenav/Sidenav.js +19 -62
  133. package/sidenav/Sidenav.stories.tsx +165 -0
  134. package/sidenav/types.d.ts +50 -0
  135. package/sidenav/types.js +5 -0
  136. package/slider/Slider.d.ts +4 -0
  137. package/slider/Slider.js +72 -159
  138. package/slider/Slider.stories.tsx +177 -0
  139. package/slider/types.d.ts +78 -0
  140. package/slider/types.js +5 -0
  141. package/spinner/Spinner.d.ts +4 -0
  142. package/spinner/Spinner.js +43 -174
  143. package/spinner/Spinner.stories.jsx +102 -0
  144. package/spinner/types.d.ts +32 -0
  145. package/spinner/types.js +5 -0
  146. package/switch/Switch.d.ts +4 -0
  147. package/switch/Switch.js +26 -69
  148. package/switch/Switch.stories.tsx +160 -0
  149. package/switch/types.d.ts +58 -0
  150. package/switch/types.js +5 -0
  151. package/table/Table.d.ts +4 -0
  152. package/table/Table.js +10 -24
  153. package/table/Table.stories.jsx +276 -0
  154. package/table/types.d.ts +21 -0
  155. package/table/types.js +5 -0
  156. package/tabs/Tabs.d.ts +4 -0
  157. package/tabs/Tabs.js +31 -161
  158. package/tabs/Tabs.stories.tsx +121 -0
  159. package/tabs/types.d.ts +70 -0
  160. package/tabs/types.js +5 -0
  161. package/tag/Tag.d.ts +4 -0
  162. package/tag/Tag.js +37 -126
  163. package/tag/Tag.stories.tsx +145 -0
  164. package/tag/types.d.ts +60 -0
  165. package/tag/types.js +5 -0
  166. package/text-input/TextInput.d.ts +4 -0
  167. package/text-input/TextInput.js +118 -324
  168. package/text-input/types.d.ts +159 -0
  169. package/text-input/types.js +5 -0
  170. package/textarea/Textarea.js +33 -86
  171. package/textarea/Textarea.stories.jsx +135 -0
  172. package/textarea/index.d.ts +18 -8
  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;