@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.
- package/dist/ThemeContext.js +130 -98
- package/dist/accordion/Accordion.js +80 -83
- package/dist/accordion-group/AccordionGroup.js +1 -3
- package/dist/alert/Alert.js +168 -83
- package/dist/alert/index.d.ts +51 -0
- package/dist/badge/Badge.js +3 -1
- package/dist/box/Box.js +1 -9
- package/dist/button/Button.js +30 -20
- package/dist/card/Card.js +15 -8
- package/dist/checkbox/Checkbox.js +88 -21
- package/dist/chip/Chip.js +63 -21
- package/dist/common/variables.js +1105 -418
- package/dist/date/Date.js +60 -40
- package/dist/dialog/Dialog.js +44 -29
- package/dist/dropdown/Dropdown.js +162 -74
- package/dist/file-input/FileInput.js +644 -0
- package/dist/file-input/FileItem.js +280 -0
- package/dist/file-input/index.d.ts +81 -0
- package/dist/footer/Footer.js +25 -35
- package/dist/footer/dxc_logo.svg +15 -0
- package/dist/header/Header.js +14 -42
- package/dist/header/dxc_logo_black.svg +8 -0
- package/dist/heading/Heading.js +1 -5
- package/dist/input-text/InputText.js +132 -56
- package/dist/layout/ApplicationLayout.js +3 -3
- package/dist/link/Link.js +71 -46
- package/dist/main.d.ts +8 -0
- package/dist/main.js +56 -0
- package/dist/new-date/NewDate.js +400 -0
- package/dist/new-date/index.d.ts +95 -0
- package/dist/new-select/NewSelect.js +836 -0
- package/dist/new-select/index.d.ts +53 -0
- package/dist/new-textarea/NewTextarea.js +369 -0
- package/dist/new-textarea/index.d.ts +117 -0
- package/dist/number/Number.js +136 -0
- package/dist/number/NumberContext.js +16 -0
- package/dist/number/index.d.ts +113 -0
- package/dist/paginator/Paginator.js +10 -4
- package/dist/password-input/PasswordInput.js +198 -0
- package/dist/password-input/index.d.ts +94 -0
- package/dist/progress-bar/ProgressBar.js +63 -27
- package/dist/radio/Radio.js +28 -9
- package/dist/resultsetTable/ResultsetTable.js +64 -38
- package/dist/select/Select.js +207 -148
- package/dist/sidenav/Sidenav.js +11 -15
- package/dist/slider/Slider.js +190 -63
- package/dist/spinner/Spinner.js +226 -59
- package/dist/switch/Switch.js +3 -3
- package/dist/table/Table.js +19 -5
- package/dist/tabs/Tabs.js +6 -10
- package/dist/tag/Tag.js +50 -36
- package/dist/text-input/TextInput.js +971 -0
- package/dist/text-input/index.d.ts +135 -0
- package/dist/textarea/Textarea.js +59 -33
- package/dist/toggle-group/ToggleGroup.js +130 -44
- package/dist/upload/Upload.js +1 -5
- package/dist/upload/buttons-upload/ButtonsUpload.js +27 -11
- package/dist/upload/dragAndDropArea/DragAndDropArea.js +54 -18
- package/dist/upload/file-upload/FileToUpload.js +37 -15
- package/dist/upload/files-upload/FilesToUpload.js +3 -3
- package/dist/upload/transaction/Transaction.js +39 -16
- package/dist/upload/transactions/Transactions.js +24 -8
- package/dist/wizard/Wizard.js +84 -56
- package/dist/wizard/invalid_icon.svg +4 -5
- package/dist/wizard/valid_icon.svg +4 -5
- package/package.json +4 -2
- package/test/Date.test.js +13 -13
- package/test/Dropdown.test.js +15 -0
- package/test/FileInput.test.js +201 -0
- package/test/Link.test.js +3 -2
- package/test/NewDate.test.js +232 -0
- package/test/NewTextarea.test.js +195 -0
- package/test/Number.test.js +257 -0
- package/test/Paginator.test.js +1 -1
- package/test/PasswordInput.test.js +83 -0
- package/test/ResultsetTable.test.js +1 -2
- package/test/Select.test.js +44 -24
- package/test/Spinner.test.js +5 -0
- package/test/TextInput.test.js +732 -0
- package/test/ToggleGroup.test.js +5 -1
- package/dist/accordion/Accordion.stories.js +0 -207
- package/dist/accordion/readme.md +0 -96
- package/dist/accordion-group/AccordionGroup.stories.js +0 -207
- package/dist/accordion-group/readme.md +0 -70
- package/dist/alert/Alert.stories.js +0 -158
- package/dist/alert/close.svg +0 -4
- package/dist/alert/error.svg +0 -4
- package/dist/alert/info.svg +0 -4
- package/dist/alert/readme.md +0 -43
- package/dist/alert/success.svg +0 -4
- package/dist/alert/warning.svg +0 -4
- package/dist/button/Button.stories.js +0 -224
- package/dist/button/readme.md +0 -93
- package/dist/date/calendar.svg +0 -1
- package/dist/date/calendar_dark.svg +0 -1
- package/dist/dialog/Dialog.stories.js +0 -217
- package/dist/dialog/readme.md +0 -32
- package/dist/dropdown/Dropdown.stories.js +0 -249
- package/dist/dropdown/baseline-arrow_drop_down.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_down_wh.svg +0 -4
- package/dist/dropdown/baseline-arrow_drop_up.svg +0 -1
- package/dist/dropdown/baseline-arrow_drop_up_wh.svg +0 -4
- package/dist/dropdown/readme.md +0 -69
- package/dist/footer/Footer.stories.js +0 -94
- package/dist/footer/dxc_logo_wht.png +0 -0
- package/dist/header/dxc_logo_black.png +0 -0
- package/dist/header/dxc_logo_blk_rgb.svg +0 -6
- package/dist/header/dxc_logo_white.png +0 -0
- package/dist/input-text/InputText.stories.js +0 -209
- package/dist/select/Select.stories.js +0 -235
- package/dist/select/readme.md +0 -72
- 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>
|