@dxc-technology/halstack-react 0.0.0-c5f6a2f → 0.0.0-c6243ef

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 (112) hide show
  1. package/dist/ThemeContext.js +130 -98
  2. package/dist/accordion/Accordion.js +80 -83
  3. package/dist/accordion-group/AccordionGroup.js +1 -3
  4. package/dist/alert/Alert.js +168 -83
  5. package/dist/alert/index.d.ts +51 -0
  6. package/dist/badge/Badge.js +3 -1
  7. package/dist/box/Box.js +1 -9
  8. package/dist/button/Button.js +30 -20
  9. package/dist/card/Card.js +15 -8
  10. package/dist/checkbox/Checkbox.js +88 -21
  11. package/dist/chip/Chip.js +63 -21
  12. package/dist/common/variables.js +1105 -418
  13. package/dist/date/Date.js +60 -40
  14. package/dist/dialog/Dialog.js +44 -29
  15. package/dist/dropdown/Dropdown.js +162 -74
  16. package/dist/file-input/FileInput.js +644 -0
  17. package/dist/file-input/FileItem.js +280 -0
  18. package/dist/file-input/index.d.ts +81 -0
  19. package/dist/footer/Footer.js +25 -35
  20. package/dist/footer/dxc_logo.svg +15 -0
  21. package/dist/header/Header.js +14 -42
  22. package/dist/header/dxc_logo_black.svg +8 -0
  23. package/dist/heading/Heading.js +1 -5
  24. package/dist/input-text/InputText.js +132 -56
  25. package/dist/layout/ApplicationLayout.js +3 -3
  26. package/dist/link/Link.js +71 -46
  27. package/dist/main.d.ts +8 -0
  28. package/dist/main.js +56 -0
  29. package/dist/new-date/NewDate.js +400 -0
  30. package/dist/new-date/index.d.ts +95 -0
  31. package/dist/new-select/NewSelect.js +836 -0
  32. package/dist/new-select/index.d.ts +53 -0
  33. package/dist/new-textarea/NewTextarea.js +369 -0
  34. package/dist/new-textarea/index.d.ts +117 -0
  35. package/dist/number/Number.js +136 -0
  36. package/dist/number/NumberContext.js +16 -0
  37. package/dist/number/index.d.ts +113 -0
  38. package/dist/paginator/Paginator.js +10 -4
  39. package/dist/password-input/PasswordInput.js +198 -0
  40. package/dist/password-input/index.d.ts +94 -0
  41. package/dist/progress-bar/ProgressBar.js +63 -27
  42. package/dist/radio/Radio.js +28 -9
  43. package/dist/resultsetTable/ResultsetTable.js +64 -38
  44. package/dist/select/Select.js +207 -148
  45. package/dist/sidenav/Sidenav.js +11 -15
  46. package/dist/slider/Slider.js +190 -63
  47. package/dist/spinner/Spinner.js +226 -59
  48. package/dist/switch/Switch.js +3 -3
  49. package/dist/table/Table.js +19 -5
  50. package/dist/tabs/Tabs.js +6 -10
  51. package/dist/tag/Tag.js +50 -36
  52. package/dist/text-input/TextInput.js +971 -0
  53. package/dist/text-input/index.d.ts +135 -0
  54. package/dist/textarea/Textarea.js +59 -33
  55. package/dist/toggle-group/ToggleGroup.js +130 -44
  56. package/dist/upload/Upload.js +1 -5
  57. package/dist/upload/buttons-upload/ButtonsUpload.js +27 -11
  58. package/dist/upload/dragAndDropArea/DragAndDropArea.js +54 -18
  59. package/dist/upload/file-upload/FileToUpload.js +37 -15
  60. package/dist/upload/files-upload/FilesToUpload.js +3 -3
  61. package/dist/upload/transaction/Transaction.js +39 -16
  62. package/dist/upload/transactions/Transactions.js +24 -8
  63. package/dist/wizard/Wizard.js +84 -56
  64. package/dist/wizard/invalid_icon.svg +4 -5
  65. package/dist/wizard/valid_icon.svg +4 -5
  66. package/package.json +4 -2
  67. package/test/Date.test.js +13 -13
  68. package/test/Dropdown.test.js +15 -0
  69. package/test/FileInput.test.js +201 -0
  70. package/test/Link.test.js +3 -2
  71. package/test/NewDate.test.js +232 -0
  72. package/test/NewTextarea.test.js +195 -0
  73. package/test/Number.test.js +257 -0
  74. package/test/Paginator.test.js +1 -1
  75. package/test/PasswordInput.test.js +83 -0
  76. package/test/ResultsetTable.test.js +1 -2
  77. package/test/Select.test.js +44 -24
  78. package/test/Spinner.test.js +5 -0
  79. package/test/TextInput.test.js +732 -0
  80. package/test/ToggleGroup.test.js +5 -1
  81. package/dist/accordion/Accordion.stories.js +0 -207
  82. package/dist/accordion/readme.md +0 -96
  83. package/dist/accordion-group/AccordionGroup.stories.js +0 -207
  84. package/dist/accordion-group/readme.md +0 -70
  85. package/dist/alert/Alert.stories.js +0 -158
  86. package/dist/alert/close.svg +0 -4
  87. package/dist/alert/error.svg +0 -4
  88. package/dist/alert/info.svg +0 -4
  89. package/dist/alert/readme.md +0 -43
  90. package/dist/alert/success.svg +0 -4
  91. package/dist/alert/warning.svg +0 -4
  92. package/dist/button/Button.stories.js +0 -224
  93. package/dist/button/readme.md +0 -93
  94. package/dist/date/calendar.svg +0 -1
  95. package/dist/date/calendar_dark.svg +0 -1
  96. package/dist/dialog/Dialog.stories.js +0 -217
  97. package/dist/dialog/readme.md +0 -32
  98. package/dist/dropdown/Dropdown.stories.js +0 -249
  99. package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
  100. package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
  101. package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
  102. package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
  103. package/dist/dropdown/readme.md +0 -69
  104. package/dist/footer/Footer.stories.js +0 -94
  105. package/dist/footer/dxc_logo_wht.png +0 -0
  106. package/dist/header/dxc_logo_black.png +0 -0
  107. package/dist/header/dxc_logo_blk_rgb.svg +0 -6
  108. package/dist/header/dxc_logo_white.png +0 -0
  109. package/dist/input-text/InputText.stories.js +0 -209
  110. package/dist/select/Select.stories.js +0 -235
  111. package/dist/select/readme.md +0 -72
  112. package/dist/toggle-group/readme.md +0 -82
@@ -1,82 +0,0 @@
1
- # DXC Toggle Group Component
2
-
3
- ## Props
4
-
5
- <table>
6
- <tr style="background-color: grey">
7
- <td>Name</td>
8
- <td>Default</td>
9
- <td>Description</td>
10
- </tr>
11
- <tr>
12
- <td>value: any | any[]</td>
13
- <td></td>
14
- <td>
15
- The key(s) of the selected value(s). If the toggle group component
16
- doesn't allow multiple selection, it must be one unique value. If the
17
- component allows multiple selection, value must be an array. If
18
- undefined, the component will be uncontrolled and the value will be
19
- managed internally by the component.
20
- </td>
21
- </tr>
22
- <tr>
23
- <td>onChange: function</td>
24
- <td></td>
25
- <td>
26
- This function will be called every time the selection changes. The
27
- number with the key of the selected value will be passed as a
28
- parameter to this function. If multiple selection is allowed, an array
29
- of keys will be passed
30
- </td>
31
- </tr>
32
- <tr>
33
- <td>disabled: boolean</td>
34
- <td>
35
- <code>false</code>
36
- </td>
37
- <td>If true, the component will be disabled.</td>
38
- </tr>
39
- <tr>
40
- <td>multiple: boolean</td>
41
- <td>
42
- <code>false</code>
43
- </td>
44
- <td>
45
- If true, the toggle group will support multiple selection. In that
46
- case, value must be an array of numbers with the keys of the selected
47
- values.
48
- </td>
49
- </tr>
50
- <tr>
51
- <td>options: object[]</td>
52
- <td>
53
- <code>[]</code>
54
- </td>
55
- <td>
56
- An array of objects representing the selectable options. Each object
57
- has the following properties:
58
- <ul>
59
- <li>
60
- <b>value</b>: Number with the option inner value.
61
- </li>
62
- <li>
63
- <b>label</b>: String with the option display value.
64
- </li>
65
- <li>
66
- <b>iconSrc</b>: URL of the icon that will be placed. IconSrc and
67
- label can't be used at same time.
68
- </li>
69
- </ul>
70
- </td>
71
- </tr>
72
- <tr>
73
- <td>margin: string | object</td>
74
- <td></td>
75
- <td>
76
- Size of the margin to be applied to the component ('xxsmall' |
77
- 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'). You
78
- can pass an object with 'top', 'bottom', 'left' and 'right' properties
79
- in order to specify different margin sizes.
80
- </td>
81
- </tr>
82
- </table>