@dxc-technology/halstack-react 0.0.0-fce22b8 → 0.0.0-ff99b25
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/BackgroundColorContext.js +50 -0
- package/ThemeContext.js +246 -0
- package/V3Select/V3Select.js +455 -0
- package/V3Select/index.d.ts +27 -0
- package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +39 -39
- package/V3Textarea/index.d.ts +27 -0
- package/accordion/Accordion.d.ts +4 -0
- package/accordion/Accordion.js +258 -0
- package/accordion/types.d.ts +68 -0
- package/accordion/types.js +5 -0
- package/accordion-group/AccordionGroup.d.ts +7 -0
- package/accordion-group/AccordionGroup.js +170 -0
- package/accordion-group/types.d.ts +72 -0
- package/accordion-group/types.js +5 -0
- package/alert/Alert.d.ts +4 -0
- package/alert/Alert.js +290 -0
- package/alert/types.d.ts +49 -0
- package/alert/types.js +5 -0
- package/badge/Badge.js +59 -0
- package/{dist/box → box}/Box.js +9 -21
- package/box/Box.stories.jsx +132 -0
- package/box/index.d.ts +25 -0
- package/button/Button.d.ts +4 -0
- package/button/Button.js +182 -0
- package/button/Button.stories.tsx +293 -0
- package/button/types.d.ts +57 -0
- package/button/types.js +5 -0
- package/card/Card.d.ts +4 -0
- package/{dist/card → card}/Card.js +32 -123
- package/card/types.d.ts +69 -0
- package/card/types.js +5 -0
- package/checkbox/Checkbox.d.ts +4 -0
- package/{dist/checkbox → checkbox}/Checkbox.js +44 -82
- package/checkbox/types.d.ts +60 -0
- package/checkbox/types.js +5 -0
- package/{dist/chip → chip}/Chip.js +42 -84
- package/chip/index.d.ts +22 -0
- package/{dist/common → common}/OpenSans.css +0 -0
- package/{dist/common → common}/RequiredComponent.js +3 -11
- package/{dist/common → common}/fonts/OpenSans-Bold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Italic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Light.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-LightItalic.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-Regular.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBold.ttf +0 -0
- package/{dist/common → common}/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/{dist/common → common}/utils.js +0 -0
- package/common/variables.js +1569 -0
- package/{dist/date → date}/Date.js +33 -51
- package/date/index.d.ts +27 -0
- package/date-input/DateInput.d.ts +4 -0
- package/date-input/DateInput.js +361 -0
- package/date-input/types.d.ts +100 -0
- package/date-input/types.js +5 -0
- package/dialog/Dialog.d.ts +4 -0
- package/{dist/dialog → dialog}/Dialog.js +29 -100
- package/dialog/types.d.ts +43 -0
- package/dialog/types.js +5 -0
- package/dropdown/Dropdown.d.ts +4 -0
- package/dropdown/Dropdown.js +417 -0
- package/dropdown/types.d.ts +89 -0
- package/dropdown/types.js +5 -0
- package/file-input/FileInput.js +532 -0
- package/file-input/FileItem.js +193 -0
- package/file-input/index.d.ts +81 -0
- package/footer/Footer.d.ts +4 -0
- package/footer/Footer.js +266 -0
- package/footer/Footer.stories.jsx +151 -0
- package/footer/Icons.js +77 -0
- package/footer/types.d.ts +61 -0
- package/footer/types.js +5 -0
- package/header/Header.js +326 -0
- package/header/Icons.js +59 -0
- package/header/index.d.ts +25 -0
- package/{dist/heading → heading}/Heading.js +30 -76
- package/heading/index.d.ts +17 -0
- package/input-text/Icons.js +22 -0
- package/{dist/input-text → input-text}/InputText.js +120 -178
- package/input-text/index.d.ts +36 -0
- package/{dist/layout → layout}/ApplicationLayout.js +35 -131
- package/layout/Icons.js +55 -0
- package/link/Link.js +183 -0
- package/link/index.d.ts +23 -0
- package/main.d.ts +44 -0
- package/{dist/main.js → main.js} +121 -69
- package/number-input/NumberInput.js +128 -0
- package/number-input/NumberInput.stories.jsx +115 -0
- package/number-input/NumberInputContext.js +16 -0
- package/number-input/index.d.ts +113 -0
- package/package.json +34 -25
- package/paginator/Icons.js +66 -0
- package/paginator/Paginator.d.ts +4 -0
- package/paginator/Paginator.js +198 -0
- package/paginator/types.d.ts +38 -0
- package/paginator/types.js +5 -0
- package/password-input/PasswordInput.js +199 -0
- package/password-input/PasswordInput.stories.jsx +131 -0
- package/password-input/index.d.ts +94 -0
- package/progress-bar/ProgressBar.d.ts +4 -0
- package/progress-bar/ProgressBar.js +170 -0
- package/progress-bar/types.d.ts +37 -0
- package/progress-bar/types.js +5 -0
- package/radio/Radio.d.ts +4 -0
- package/{dist/radio → radio}/Radio.js +15 -50
- package/radio/types.d.ts +54 -0
- package/radio/types.js +5 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +35 -136
- package/resultsetTable/index.d.ts +19 -0
- package/select/Select.js +865 -0
- package/select/index.d.ts +131 -0
- package/{dist/sidenav → sidenav}/Sidenav.js +20 -58
- package/sidenav/index.d.ts +13 -0
- package/slider/Slider.d.ts +4 -0
- package/slider/Slider.js +306 -0
- package/slider/types.d.ts +83 -0
- package/slider/types.js +5 -0
- package/spinner/Spinner.js +267 -0
- package/spinner/index.d.ts +17 -0
- package/switch/Switch.d.ts +4 -0
- package/{dist/switch → switch}/Switch.js +28 -71
- package/switch/types.d.ts +58 -0
- package/switch/types.js +5 -0
- package/table/Table.js +118 -0
- package/table/index.d.ts +13 -0
- package/tabs/Tabs.d.ts +4 -0
- package/tabs/Tabs.js +211 -0
- package/tabs/types.d.ts +71 -0
- package/tabs/types.js +5 -0
- package/{dist/tag → tag}/Tag.js +50 -122
- package/tag/index.d.ts +24 -0
- package/text-input/TextInput.js +825 -0
- package/text-input/index.d.ts +135 -0
- package/textarea/Textarea.js +317 -0
- package/textarea/Textarea.stories.jsx +135 -0
- package/textarea/index.d.ts +117 -0
- package/{dist/toggle → toggle}/Toggle.js +15 -49
- package/toggle/index.d.ts +21 -0
- package/toggle-group/ToggleGroup.js +243 -0
- package/toggle-group/index.d.ts +21 -0
- package/{dist/upload → upload}/Upload.js +11 -15
- package/upload/buttons-upload/ButtonsUpload.js +111 -0
- package/upload/buttons-upload/Icons.js +40 -0
- package/upload/dragAndDropArea/DragAndDropArea.js +225 -0
- package/upload/dragAndDropArea/Icons.js +39 -0
- package/upload/file-upload/FileToUpload.js +115 -0
- package/upload/file-upload/Icons.js +66 -0
- package/{dist/upload → upload}/files-upload/FilesToUpload.js +12 -26
- package/upload/index.d.ts +15 -0
- package/upload/transaction/Icons.js +160 -0
- package/upload/transaction/Transaction.js +104 -0
- package/upload/transactions/Transactions.js +94 -0
- package/{dist/useTheme.js → useTheme.js} +0 -0
- package/wizard/Icons.js +65 -0
- package/wizard/Wizard.js +271 -0
- package/wizard/index.d.ts +18 -0
- package/README.md +0 -66
- package/babel.config.js +0 -8
- package/dist/BackgroundColorContext.js +0 -46
- package/dist/ThemeContext.js +0 -216
- package/dist/accordion/Accordion.js +0 -340
- package/dist/accordion/Accordion.stories.js +0 -207
- package/dist/accordion/readme.md +0 -96
- package/dist/accordion-group/AccordionGroup.js +0 -188
- package/dist/accordion-group/AccordionGroup.stories.js +0 -207
- package/dist/accordion-group/readme.md +0 -70
- package/dist/alert/Alert.js +0 -388
- 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/badge/Badge.js +0 -61
- package/dist/button/Button.js +0 -228
- package/dist/button/Button.stories.js +0 -224
- package/dist/button/readme.md +0 -93
- package/dist/checkbox/Checkbox.stories.js +0 -144
- package/dist/checkbox/readme.md +0 -116
- package/dist/common/variables.js +0 -1154
- package/dist/date/Date.stories.js +0 -205
- package/dist/date/calendar.svg +0 -1
- package/dist/date/calendar_dark.svg +0 -1
- package/dist/date/readme.md +0 -73
- package/dist/dialog/Dialog.stories.js +0 -217
- package/dist/dialog/readme.md +0 -32
- package/dist/dropdown/Dropdown.js +0 -492
- 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.js +0 -405
- package/dist/footer/Footer.stories.js +0 -94
- package/dist/footer/dxc_logo_wht.png +0 -0
- package/dist/footer/readme.md +0 -41
- package/dist/header/Header.js +0 -431
- package/dist/header/Header.stories.js +0 -176
- package/dist/header/close_icon.svg +0 -1
- 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/header/hamb_menu_black.svg +0 -1
- package/dist/header/hamb_menu_white.svg +0 -1
- package/dist/header/readme.md +0 -33
- package/dist/input-text/InputText.stories.js +0 -209
- package/dist/input-text/error.svg +0 -1
- package/dist/input-text/readme.md +0 -91
- package/dist/layout/facebook.svg +0 -45
- package/dist/layout/linkedin.svg +0 -50
- package/dist/layout/twitter.svg +0 -53
- package/dist/link/Link.js +0 -212
- package/dist/link/readme.md +0 -51
- package/dist/paginator/Paginator.js +0 -283
- package/dist/paginator/images/next.svg +0 -3
- package/dist/paginator/images/nextPage.svg +0 -3
- package/dist/paginator/images/previous.svg +0 -3
- package/dist/paginator/images/previousPage.svg +0 -3
- package/dist/paginator/readme.md +0 -50
- package/dist/progress-bar/ProgressBar.js +0 -206
- package/dist/progress-bar/ProgressBar.stories.js +0 -280
- package/dist/progress-bar/readme.md +0 -63
- package/dist/radio/Radio.stories.js +0 -166
- package/dist/radio/readme.md +0 -70
- package/dist/resultsetTable/arrow_downward-24px_wht.svg +0 -1
- package/dist/resultsetTable/arrow_upward-24px_wht.svg +0 -1
- package/dist/resultsetTable/unfold_more-24px_wht.svg +0 -1
- package/dist/select/Select.js +0 -525
- package/dist/select/Select.stories.js +0 -235
- package/dist/select/readme.md +0 -72
- package/dist/slider/Slider.js +0 -315
- package/dist/slider/Slider.stories.js +0 -241
- package/dist/slider/readme.md +0 -64
- package/dist/spinner/Spinner.js +0 -214
- package/dist/spinner/Spinner.stories.js +0 -183
- package/dist/spinner/readme.md +0 -65
- package/dist/switch/Switch.stories.js +0 -134
- package/dist/switch/readme.md +0 -133
- package/dist/table/Table.js +0 -122
- package/dist/tabs/Tabs.js +0 -347
- package/dist/tabs/Tabs.stories.js +0 -130
- package/dist/tabs/readme.md +0 -78
- package/dist/tabs-for-sections/TabsForSections.js +0 -92
- package/dist/tabs-for-sections/readme.md +0 -78
- package/dist/toggle/Toggle.stories.js +0 -297
- package/dist/toggle/readme.md +0 -80
- package/dist/toggle-group/ToggleGroup.js +0 -241
- package/dist/toggle-group/readme.md +0 -82
- package/dist/upload/Upload.stories.js +0 -72
- package/dist/upload/buttons-upload/ButtonsUpload.js +0 -135
- package/dist/upload/buttons-upload/drag-drop-icon.svg +0 -4
- package/dist/upload/buttons-upload/upload-button.svg +0 -1
- package/dist/upload/dragAndDropArea/DragAndDropArea.js +0 -325
- package/dist/upload/dragAndDropArea/upload_drop.svg +0 -4
- package/dist/upload/dragAndDropArea/upload_file.svg +0 -4
- package/dist/upload/file-upload/FileToUpload.js +0 -184
- package/dist/upload/file-upload/audio-icon.svg +0 -4
- package/dist/upload/file-upload/close.svg +0 -4
- package/dist/upload/file-upload/file-icon.svg +0 -4
- package/dist/upload/file-upload/video-icon.svg +0 -4
- package/dist/upload/readme.md +0 -37
- package/dist/upload/transaction/Transaction.js +0 -171
- package/dist/upload/transaction/audio-icon-err.svg +0 -4
- package/dist/upload/transaction/audio-icon.svg +0 -4
- package/dist/upload/transaction/error-icon.svg +0 -4
- package/dist/upload/transaction/file-icon-err.svg +0 -4
- package/dist/upload/transaction/file-icon.svg +0 -4
- package/dist/upload/transaction/image-icon-err.svg +0 -4
- package/dist/upload/transaction/image-icon.svg +0 -4
- package/dist/upload/transaction/success-icon.svg +0 -4
- package/dist/upload/transaction/video-icon-err.svg +0 -4
- package/dist/upload/transaction/video-icon.svg +0 -4
- package/dist/upload/transactions/Transactions.js +0 -138
- package/dist/wizard/Wizard.js +0 -383
- package/dist/wizard/invalid_icon.svg +0 -6
- package/dist/wizard/valid_icon.svg +0 -6
- package/dist/wizard/validation-wrong.svg +0 -6
- package/test/Accordion.test.js +0 -33
- package/test/AccordionGroup.test.js +0 -125
- package/test/Alert.test.js +0 -53
- package/test/Box.test.js +0 -10
- package/test/Button.test.js +0 -18
- package/test/Card.test.js +0 -30
- package/test/Checkbox.test.js +0 -45
- package/test/Chip.test.js +0 -25
- package/test/Date.test.js +0 -393
- package/test/Dialog.test.js +0 -23
- package/test/Dropdown.test.js +0 -130
- package/test/Footer.test.js +0 -99
- package/test/Header.test.js +0 -39
- package/test/Heading.test.js +0 -35
- package/test/InputText.test.js +0 -240
- package/test/Link.test.js +0 -42
- package/test/Paginator.test.js +0 -177
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -330
- package/test/Select.test.js +0 -192
- package/test/Sidenav.test.js +0 -45
- package/test/Slider.test.js +0 -82
- package/test/Spinner.test.js +0 -27
- package/test/Switch.test.js +0 -45
- package/test/Table.test.js +0 -36
- package/test/Tabs.test.js +0 -109
- package/test/TabsForSections.test.js +0 -34
- package/test/Tag.test.js +0 -32
- package/test/TextArea.test.js +0 -52
- package/test/ToggleGroup.test.js +0 -81
- package/test/Upload.test.js +0 -60
- package/test/Wizard.test.js +0 -130
- package/test/mocks/pngMock.js +0 -1
- package/test/mocks/svgMock.js +0 -1
package/{dist/main.js → main.js}
RENAMED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
Object.defineProperty(exports, "
|
|
10
|
+
Object.defineProperty(exports, "BackgroundColorProvider", {
|
|
11
11
|
enumerable: true,
|
|
12
12
|
get: function get() {
|
|
13
|
-
return
|
|
13
|
+
return _BackgroundColorContext.BackgroundColorProvider;
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
Object.defineProperty(exports, "DxcAccordion", {
|
|
@@ -19,6 +19,36 @@ Object.defineProperty(exports, "DxcAccordion", {
|
|
|
19
19
|
return _Accordion["default"];
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
+
Object.defineProperty(exports, "DxcAccordionGroup", {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function get() {
|
|
25
|
+
return _AccordionGroup["default"];
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
Object.defineProperty(exports, "DxcAlert", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _Alert["default"];
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
Object.defineProperty(exports, "DxcApplicationLayout", {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function get() {
|
|
37
|
+
return _ApplicationLayout["default"];
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
Object.defineProperty(exports, "DxcBadge", {
|
|
41
|
+
enumerable: true,
|
|
42
|
+
get: function get() {
|
|
43
|
+
return _Badge["default"];
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports, "DxcBox", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _Box["default"];
|
|
50
|
+
}
|
|
51
|
+
});
|
|
22
52
|
Object.defineProperty(exports, "DxcButton", {
|
|
23
53
|
enumerable: true,
|
|
24
54
|
get: function get() {
|
|
@@ -37,166 +67,166 @@ Object.defineProperty(exports, "DxcCheckbox", {
|
|
|
37
67
|
return _Checkbox["default"];
|
|
38
68
|
}
|
|
39
69
|
});
|
|
40
|
-
Object.defineProperty(exports, "
|
|
70
|
+
Object.defineProperty(exports, "DxcChip", {
|
|
41
71
|
enumerable: true,
|
|
42
72
|
get: function get() {
|
|
43
|
-
return
|
|
73
|
+
return _Chip["default"];
|
|
44
74
|
}
|
|
45
75
|
});
|
|
46
|
-
Object.defineProperty(exports, "
|
|
76
|
+
Object.defineProperty(exports, "DxcDate", {
|
|
47
77
|
enumerable: true,
|
|
48
78
|
get: function get() {
|
|
49
|
-
return
|
|
79
|
+
return _Date["default"];
|
|
50
80
|
}
|
|
51
81
|
});
|
|
52
|
-
Object.defineProperty(exports, "
|
|
82
|
+
Object.defineProperty(exports, "DxcDateInput", {
|
|
53
83
|
enumerable: true,
|
|
54
84
|
get: function get() {
|
|
55
|
-
return
|
|
85
|
+
return _DateInput["default"];
|
|
56
86
|
}
|
|
57
87
|
});
|
|
58
|
-
Object.defineProperty(exports, "
|
|
88
|
+
Object.defineProperty(exports, "DxcDialog", {
|
|
59
89
|
enumerable: true,
|
|
60
90
|
get: function get() {
|
|
61
|
-
return
|
|
91
|
+
return _Dialog["default"];
|
|
62
92
|
}
|
|
63
93
|
});
|
|
64
|
-
Object.defineProperty(exports, "
|
|
94
|
+
Object.defineProperty(exports, "DxcDropdown", {
|
|
65
95
|
enumerable: true,
|
|
66
96
|
get: function get() {
|
|
67
|
-
return
|
|
97
|
+
return _Dropdown["default"];
|
|
68
98
|
}
|
|
69
99
|
});
|
|
70
|
-
Object.defineProperty(exports, "
|
|
100
|
+
Object.defineProperty(exports, "DxcFileInput", {
|
|
71
101
|
enumerable: true,
|
|
72
102
|
get: function get() {
|
|
73
|
-
return
|
|
103
|
+
return _FileInput["default"];
|
|
74
104
|
}
|
|
75
105
|
});
|
|
76
|
-
Object.defineProperty(exports, "
|
|
106
|
+
Object.defineProperty(exports, "DxcFooter", {
|
|
77
107
|
enumerable: true,
|
|
78
108
|
get: function get() {
|
|
79
|
-
return
|
|
109
|
+
return _Footer["default"];
|
|
80
110
|
}
|
|
81
111
|
});
|
|
82
|
-
Object.defineProperty(exports, "
|
|
112
|
+
Object.defineProperty(exports, "DxcHeader", {
|
|
83
113
|
enumerable: true,
|
|
84
114
|
get: function get() {
|
|
85
|
-
return
|
|
115
|
+
return _Header["default"];
|
|
86
116
|
}
|
|
87
117
|
});
|
|
88
|
-
Object.defineProperty(exports, "
|
|
118
|
+
Object.defineProperty(exports, "DxcHeading", {
|
|
89
119
|
enumerable: true,
|
|
90
120
|
get: function get() {
|
|
91
|
-
return
|
|
121
|
+
return _Heading["default"];
|
|
92
122
|
}
|
|
93
123
|
});
|
|
94
|
-
Object.defineProperty(exports, "
|
|
124
|
+
Object.defineProperty(exports, "DxcInput", {
|
|
95
125
|
enumerable: true,
|
|
96
126
|
get: function get() {
|
|
97
|
-
return
|
|
127
|
+
return _InputText["default"];
|
|
98
128
|
}
|
|
99
129
|
});
|
|
100
|
-
Object.defineProperty(exports, "
|
|
130
|
+
Object.defineProperty(exports, "DxcLink", {
|
|
101
131
|
enumerable: true,
|
|
102
132
|
get: function get() {
|
|
103
|
-
return
|
|
133
|
+
return _Link["default"];
|
|
104
134
|
}
|
|
105
135
|
});
|
|
106
|
-
Object.defineProperty(exports, "
|
|
136
|
+
Object.defineProperty(exports, "DxcNumberInput", {
|
|
107
137
|
enumerable: true,
|
|
108
138
|
get: function get() {
|
|
109
|
-
return
|
|
139
|
+
return _NumberInput["default"];
|
|
110
140
|
}
|
|
111
141
|
});
|
|
112
|
-
Object.defineProperty(exports, "
|
|
142
|
+
Object.defineProperty(exports, "DxcPaginator", {
|
|
113
143
|
enumerable: true,
|
|
114
144
|
get: function get() {
|
|
115
|
-
return
|
|
145
|
+
return _Paginator["default"];
|
|
116
146
|
}
|
|
117
147
|
});
|
|
118
|
-
Object.defineProperty(exports, "
|
|
148
|
+
Object.defineProperty(exports, "DxcPasswordInput", {
|
|
119
149
|
enumerable: true,
|
|
120
150
|
get: function get() {
|
|
121
|
-
return
|
|
151
|
+
return _PasswordInput["default"];
|
|
122
152
|
}
|
|
123
153
|
});
|
|
124
|
-
Object.defineProperty(exports, "
|
|
154
|
+
Object.defineProperty(exports, "DxcProgressBar", {
|
|
125
155
|
enumerable: true,
|
|
126
156
|
get: function get() {
|
|
127
|
-
return
|
|
157
|
+
return _ProgressBar["default"];
|
|
128
158
|
}
|
|
129
159
|
});
|
|
130
|
-
Object.defineProperty(exports, "
|
|
160
|
+
Object.defineProperty(exports, "DxcRadio", {
|
|
131
161
|
enumerable: true,
|
|
132
162
|
get: function get() {
|
|
133
|
-
return
|
|
163
|
+
return _Radio["default"];
|
|
134
164
|
}
|
|
135
165
|
});
|
|
136
|
-
Object.defineProperty(exports, "
|
|
166
|
+
Object.defineProperty(exports, "DxcResultsetTable", {
|
|
137
167
|
enumerable: true,
|
|
138
168
|
get: function get() {
|
|
139
|
-
return
|
|
169
|
+
return _ResultsetTable["default"];
|
|
140
170
|
}
|
|
141
171
|
});
|
|
142
|
-
Object.defineProperty(exports, "
|
|
172
|
+
Object.defineProperty(exports, "DxcSelect", {
|
|
143
173
|
enumerable: true,
|
|
144
174
|
get: function get() {
|
|
145
|
-
return
|
|
175
|
+
return _Select["default"];
|
|
146
176
|
}
|
|
147
177
|
});
|
|
148
|
-
Object.defineProperty(exports, "
|
|
178
|
+
Object.defineProperty(exports, "DxcSidenav", {
|
|
149
179
|
enumerable: true,
|
|
150
180
|
get: function get() {
|
|
151
|
-
return
|
|
181
|
+
return _Sidenav["default"];
|
|
152
182
|
}
|
|
153
183
|
});
|
|
154
|
-
Object.defineProperty(exports, "
|
|
184
|
+
Object.defineProperty(exports, "DxcSlider", {
|
|
155
185
|
enumerable: true,
|
|
156
186
|
get: function get() {
|
|
157
|
-
return
|
|
187
|
+
return _Slider["default"];
|
|
158
188
|
}
|
|
159
189
|
});
|
|
160
|
-
Object.defineProperty(exports, "
|
|
190
|
+
Object.defineProperty(exports, "DxcSpinner", {
|
|
161
191
|
enumerable: true,
|
|
162
192
|
get: function get() {
|
|
163
|
-
return
|
|
193
|
+
return _Spinner["default"];
|
|
164
194
|
}
|
|
165
195
|
});
|
|
166
|
-
Object.defineProperty(exports, "
|
|
196
|
+
Object.defineProperty(exports, "DxcSwitch", {
|
|
167
197
|
enumerable: true,
|
|
168
198
|
get: function get() {
|
|
169
|
-
return
|
|
199
|
+
return _Switch["default"];
|
|
170
200
|
}
|
|
171
201
|
});
|
|
172
|
-
Object.defineProperty(exports, "
|
|
202
|
+
Object.defineProperty(exports, "DxcTable", {
|
|
173
203
|
enumerable: true,
|
|
174
204
|
get: function get() {
|
|
175
|
-
return
|
|
205
|
+
return _Table["default"];
|
|
176
206
|
}
|
|
177
207
|
});
|
|
178
|
-
Object.defineProperty(exports, "
|
|
208
|
+
Object.defineProperty(exports, "DxcTabs", {
|
|
179
209
|
enumerable: true,
|
|
180
210
|
get: function get() {
|
|
181
|
-
return
|
|
211
|
+
return _Tabs["default"];
|
|
182
212
|
}
|
|
183
213
|
});
|
|
184
|
-
Object.defineProperty(exports, "
|
|
214
|
+
Object.defineProperty(exports, "DxcTag", {
|
|
185
215
|
enumerable: true,
|
|
186
216
|
get: function get() {
|
|
187
|
-
return
|
|
217
|
+
return _Tag["default"];
|
|
188
218
|
}
|
|
189
219
|
});
|
|
190
|
-
Object.defineProperty(exports, "
|
|
220
|
+
Object.defineProperty(exports, "DxcTextInput", {
|
|
191
221
|
enumerable: true,
|
|
192
222
|
get: function get() {
|
|
193
|
-
return
|
|
223
|
+
return _TextInput["default"];
|
|
194
224
|
}
|
|
195
225
|
});
|
|
196
|
-
Object.defineProperty(exports, "
|
|
226
|
+
Object.defineProperty(exports, "DxcTextarea", {
|
|
197
227
|
enumerable: true,
|
|
198
228
|
get: function get() {
|
|
199
|
-
return
|
|
229
|
+
return _Textarea["default"];
|
|
200
230
|
}
|
|
201
231
|
});
|
|
202
232
|
Object.defineProperty(exports, "DxcToggleGroup", {
|
|
@@ -205,16 +235,16 @@ Object.defineProperty(exports, "DxcToggleGroup", {
|
|
|
205
235
|
return _ToggleGroup["default"];
|
|
206
236
|
}
|
|
207
237
|
});
|
|
208
|
-
Object.defineProperty(exports, "
|
|
238
|
+
Object.defineProperty(exports, "DxcUpload", {
|
|
209
239
|
enumerable: true,
|
|
210
240
|
get: function get() {
|
|
211
|
-
return
|
|
241
|
+
return _Upload["default"];
|
|
212
242
|
}
|
|
213
243
|
});
|
|
214
|
-
Object.defineProperty(exports, "
|
|
244
|
+
Object.defineProperty(exports, "DxcWizard", {
|
|
215
245
|
enumerable: true,
|
|
216
246
|
get: function get() {
|
|
217
|
-
return
|
|
247
|
+
return _Wizard["default"];
|
|
218
248
|
}
|
|
219
249
|
});
|
|
220
250
|
Object.defineProperty(exports, "ThemeContext", {
|
|
@@ -229,10 +259,16 @@ Object.defineProperty(exports, "ThemeProvider", {
|
|
|
229
259
|
return _ThemeContext.ThemeProvider;
|
|
230
260
|
}
|
|
231
261
|
});
|
|
232
|
-
Object.defineProperty(exports, "
|
|
262
|
+
Object.defineProperty(exports, "V3DxcSelect", {
|
|
233
263
|
enumerable: true,
|
|
234
264
|
get: function get() {
|
|
235
|
-
return
|
|
265
|
+
return _V3Select["default"];
|
|
266
|
+
}
|
|
267
|
+
});
|
|
268
|
+
Object.defineProperty(exports, "V3DxcTextarea", {
|
|
269
|
+
enumerable: true,
|
|
270
|
+
get: function get() {
|
|
271
|
+
return _V3Textarea["default"];
|
|
236
272
|
}
|
|
237
273
|
});
|
|
238
274
|
|
|
@@ -260,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
|
|
|
260
296
|
|
|
261
297
|
var _Radio = _interopRequireDefault(require("./radio/Radio"));
|
|
262
298
|
|
|
263
|
-
var
|
|
299
|
+
var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
|
|
264
300
|
|
|
265
301
|
var _Slider = _interopRequireDefault(require("./slider/Slider"));
|
|
266
302
|
|
|
@@ -268,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
|
|
|
268
304
|
|
|
269
305
|
var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
|
|
270
306
|
|
|
271
|
-
var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
|
|
272
|
-
|
|
273
307
|
var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
|
|
274
308
|
|
|
275
309
|
var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
|
|
@@ -292,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
|
|
|
292
326
|
|
|
293
327
|
var _Heading = _interopRequireDefault(require("./heading/Heading"));
|
|
294
328
|
|
|
295
|
-
var
|
|
329
|
+
var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
|
|
296
330
|
|
|
297
331
|
var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
|
|
298
332
|
|
|
@@ -306,6 +340,24 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
|
|
|
306
340
|
|
|
307
341
|
var _Badge = _interopRequireDefault(require("./badge/Badge"));
|
|
308
342
|
|
|
343
|
+
var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
|
|
344
|
+
|
|
345
|
+
var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
|
|
346
|
+
|
|
347
|
+
var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
|
|
348
|
+
|
|
349
|
+
var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
|
|
350
|
+
|
|
351
|
+
var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
|
|
352
|
+
|
|
353
|
+
var _Select = _interopRequireDefault(require("./select/Select"));
|
|
354
|
+
|
|
355
|
+
var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
|
|
356
|
+
|
|
309
357
|
var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
|
|
310
358
|
|
|
311
|
-
var _BackgroundColorContext = require("./BackgroundColorContext.js");
|
|
359
|
+
var _BackgroundColorContext = require("./BackgroundColorContext.js");
|
|
360
|
+
|
|
361
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
362
|
+
|
|
363
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
+
|
|
12
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
13
|
+
|
|
14
|
+
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
16
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
+
|
|
18
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
19
|
+
|
|
20
|
+
var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
|
|
21
|
+
|
|
22
|
+
var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
|
|
23
|
+
|
|
24
|
+
var _variables = require("../common/variables.js");
|
|
25
|
+
|
|
26
|
+
var _templateObject;
|
|
27
|
+
|
|
28
|
+
var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
29
|
+
var _ref$label = _ref.label,
|
|
30
|
+
label = _ref$label === void 0 ? "" : _ref$label,
|
|
31
|
+
_ref$name = _ref.name,
|
|
32
|
+
name = _ref$name === void 0 ? "" : _ref$name,
|
|
33
|
+
value = _ref.value,
|
|
34
|
+
_ref$helperText = _ref.helperText,
|
|
35
|
+
helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
|
|
36
|
+
_ref$placeholder = _ref.placeholder,
|
|
37
|
+
placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
|
|
38
|
+
_ref$disabled = _ref.disabled,
|
|
39
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
40
|
+
_ref$optional = _ref.optional,
|
|
41
|
+
optional = _ref$optional === void 0 ? false : _ref$optional,
|
|
42
|
+
_ref$prefix = _ref.prefix,
|
|
43
|
+
prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
|
|
44
|
+
_ref$suffix = _ref.suffix,
|
|
45
|
+
suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
|
|
46
|
+
min = _ref.min,
|
|
47
|
+
max = _ref.max,
|
|
48
|
+
step = _ref.step,
|
|
49
|
+
onChange = _ref.onChange,
|
|
50
|
+
onBlur = _ref.onBlur,
|
|
51
|
+
_ref$error = _ref.error,
|
|
52
|
+
error = _ref$error === void 0 ? "" : _ref$error,
|
|
53
|
+
_ref$autocomplete = _ref.autocomplete,
|
|
54
|
+
autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
|
|
55
|
+
margin = _ref.margin,
|
|
56
|
+
_ref$size = _ref.size,
|
|
57
|
+
size = _ref$size === void 0 ? "medium" : _ref$size,
|
|
58
|
+
_ref$tabIndex = _ref.tabIndex,
|
|
59
|
+
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
|
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
|
|
61
|
+
value: {
|
|
62
|
+
typeNumber: "number",
|
|
63
|
+
minNumber: min,
|
|
64
|
+
maxNumber: max,
|
|
65
|
+
stepNumber: step
|
|
66
|
+
}
|
|
67
|
+
}, /*#__PURE__*/_react["default"].createElement(NumberInputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
|
|
68
|
+
label: label,
|
|
69
|
+
name: name,
|
|
70
|
+
value: value,
|
|
71
|
+
helperText: helperText,
|
|
72
|
+
placeholder: placeholder,
|
|
73
|
+
disabled: disabled,
|
|
74
|
+
optional: optional,
|
|
75
|
+
prefix: prefix,
|
|
76
|
+
suffix: suffix,
|
|
77
|
+
error: error,
|
|
78
|
+
onChange: onChange,
|
|
79
|
+
onBlur: onBlur,
|
|
80
|
+
autocomplete: autocomplete,
|
|
81
|
+
margin: margin,
|
|
82
|
+
size: size,
|
|
83
|
+
tabIndex: tabIndex,
|
|
84
|
+
ref: ref
|
|
85
|
+
})));
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
var sizes = {
|
|
89
|
+
small: "240px",
|
|
90
|
+
medium: "360px",
|
|
91
|
+
large: "480px",
|
|
92
|
+
fillParent: "100%"
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
var NumberInputContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n // Chrome, Safari, Edge, Opera\n input::-webkit-outer-spin-button,\n input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n\n // Firefox\n input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n"])));
|
|
96
|
+
|
|
97
|
+
DxcNumberInput.propTypes = {
|
|
98
|
+
label: _propTypes["default"].string,
|
|
99
|
+
name: _propTypes["default"].string,
|
|
100
|
+
value: _propTypes["default"].string,
|
|
101
|
+
helperText: _propTypes["default"].string,
|
|
102
|
+
placeholder: _propTypes["default"].string,
|
|
103
|
+
error: _propTypes["default"].string,
|
|
104
|
+
disabled: _propTypes["default"].bool,
|
|
105
|
+
optional: _propTypes["default"].bool,
|
|
106
|
+
prefix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
|
|
107
|
+
type: _propTypes["default"].oneOf(["svg"])
|
|
108
|
+
})]),
|
|
109
|
+
suffix: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape({
|
|
110
|
+
type: _propTypes["default"].oneOf(["svg"])
|
|
111
|
+
})]),
|
|
112
|
+
min: _propTypes["default"].number,
|
|
113
|
+
max: _propTypes["default"].number,
|
|
114
|
+
step: _propTypes["default"].number,
|
|
115
|
+
onChange: _propTypes["default"].func,
|
|
116
|
+
onBlur: _propTypes["default"].func,
|
|
117
|
+
autocomplete: _propTypes["default"].string,
|
|
118
|
+
margin: _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
|
119
|
+
top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
120
|
+
bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
121
|
+
left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
|
|
122
|
+
right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
|
|
123
|
+
}), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
|
|
124
|
+
size: _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(sizes))),
|
|
125
|
+
tabIndex: _propTypes["default"].number
|
|
126
|
+
};
|
|
127
|
+
var _default = DxcNumberInput;
|
|
128
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { BackgroundColorProvider } from "../BackgroundColorContext";
|
|
3
|
+
import Title from "../../.storybook/components/Title";
|
|
4
|
+
import ExampleContainer from "../../.storybook/components/ExampleContainer";
|
|
5
|
+
import DarkContainer from "../../.storybook/components/DarkSection";
|
|
6
|
+
import DxcNumberInput from "./NumberInput";
|
|
7
|
+
|
|
8
|
+
export default {
|
|
9
|
+
title: "Number input ",
|
|
10
|
+
component: DxcNumberInput,
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export const Chromatic = () => (
|
|
14
|
+
<>
|
|
15
|
+
<ExampleContainer>
|
|
16
|
+
<Title title="Without label" theme="light" level={4} />
|
|
17
|
+
<DxcNumberInput />
|
|
18
|
+
</ExampleContainer>
|
|
19
|
+
<ExampleContainer>
|
|
20
|
+
<Title title="With label and placeholder" theme="light" level={4} />
|
|
21
|
+
<DxcNumberInput label="Number input" placeholder="Placeholder" />
|
|
22
|
+
</ExampleContainer>
|
|
23
|
+
<ExampleContainer>
|
|
24
|
+
<Title title="Helper text, optional and value" theme="light" level={4} />
|
|
25
|
+
<DxcNumberInput label="Number input" value="12" helperText="Help message" optional />
|
|
26
|
+
</ExampleContainer>
|
|
27
|
+
<ExampleContainer>
|
|
28
|
+
<Title title="Disabled and placeholder" theme="light" level={4} />
|
|
29
|
+
<DxcNumberInput label="Disabled number input" disabled placeholder="Placeholder" />
|
|
30
|
+
</ExampleContainer>
|
|
31
|
+
<ExampleContainer>
|
|
32
|
+
<Title title="Disabled, helper text, optional and value" theme="light" level={4} />
|
|
33
|
+
<DxcNumberInput label="Disabled number input" helperText="Help message" disabled optional value="10" />
|
|
34
|
+
</ExampleContainer>
|
|
35
|
+
<ExampleContainer>
|
|
36
|
+
<Title title="Prefix" theme="light" level={4} />
|
|
37
|
+
<DxcNumberInput label="With prefix" prefix="+34" />
|
|
38
|
+
</ExampleContainer>
|
|
39
|
+
<ExampleContainer>
|
|
40
|
+
<Title title="Suffix" theme="light" level={4} />
|
|
41
|
+
<DxcNumberInput label="With suffix" suffix="USD" />
|
|
42
|
+
</ExampleContainer>
|
|
43
|
+
<ExampleContainer>
|
|
44
|
+
<Title title="Invalid" theme="light" level={4} />
|
|
45
|
+
<DxcNumberInput label="Error number input" helperText="Help message" error="Error message." value="23" optional />
|
|
46
|
+
</ExampleContainer>
|
|
47
|
+
<BackgroundColorProvider color="#333333">
|
|
48
|
+
<DarkContainer>
|
|
49
|
+
<Title title="Dark" theme="dark" level={2} />
|
|
50
|
+
<ExampleContainer>
|
|
51
|
+
<Title title="Helper text, placeholder and optional" theme="dark" level={4} />
|
|
52
|
+
<DxcNumberInput label="Number input" helperText="Help message" placeholder="Placeholder" optional />
|
|
53
|
+
</ExampleContainer>
|
|
54
|
+
<ExampleContainer>
|
|
55
|
+
<Title title="Helper text, value and error" theme="dark" level={4} />
|
|
56
|
+
<DxcNumberInput label="Number input" helperText="Help message" error="Error message." value="199" />
|
|
57
|
+
</ExampleContainer>
|
|
58
|
+
<ExampleContainer>
|
|
59
|
+
<Title title="Disabled and placeholder" theme="dark" level={4} />
|
|
60
|
+
<DxcNumberInput label="Disabled number input" disabled placeholder="Placeholder" />
|
|
61
|
+
</ExampleContainer>
|
|
62
|
+
<ExampleContainer>
|
|
63
|
+
<Title title="Disabled, helper text, optional and value" theme="dark" level={4} />
|
|
64
|
+
<DxcNumberInput label="Disabled number input" helperText="Help message" disabled optional value="1232454" />
|
|
65
|
+
</ExampleContainer>
|
|
66
|
+
</DarkContainer>
|
|
67
|
+
</BackgroundColorProvider>
|
|
68
|
+
<Title title="Margins" theme="light" level={2} />
|
|
69
|
+
<ExampleContainer>
|
|
70
|
+
<Title title="Xxsmall margin" theme="light" level={4} />
|
|
71
|
+
<DxcNumberInput label="Xxsmall" margin="xxsmall" />
|
|
72
|
+
</ExampleContainer>
|
|
73
|
+
<ExampleContainer>
|
|
74
|
+
<Title title="Xsmall margin" theme="light" level={4} />
|
|
75
|
+
<DxcNumberInput label="Xsmall" margin="xsmall" />
|
|
76
|
+
</ExampleContainer>
|
|
77
|
+
<ExampleContainer>
|
|
78
|
+
<Title title="Small margin" theme="light" level={4} />
|
|
79
|
+
<DxcNumberInput label="Small" margin="small" />
|
|
80
|
+
</ExampleContainer>
|
|
81
|
+
<ExampleContainer>
|
|
82
|
+
<Title title="Medium margin" theme="light" level={4} />
|
|
83
|
+
<DxcNumberInput label="Medium" margin="medium" />
|
|
84
|
+
</ExampleContainer>
|
|
85
|
+
<ExampleContainer>
|
|
86
|
+
<Title title="Large margin" theme="light" level={4} />
|
|
87
|
+
<DxcNumberInput label="Large" margin="large" />
|
|
88
|
+
</ExampleContainer>
|
|
89
|
+
<ExampleContainer>
|
|
90
|
+
<Title title="Xlarge margin" theme="light" level={4} />
|
|
91
|
+
<DxcNumberInput label="Xlarge" margin="xlarge" />
|
|
92
|
+
</ExampleContainer>
|
|
93
|
+
<ExampleContainer>
|
|
94
|
+
<Title title="Xxlarge margin" theme="light" level={4} />
|
|
95
|
+
<DxcNumberInput label="Xxlarge" margin="xxlarge" />
|
|
96
|
+
</ExampleContainer>
|
|
97
|
+
<Title title="Sizes" theme="light" level={2} />
|
|
98
|
+
<ExampleContainer>
|
|
99
|
+
<Title title="Small size" theme="light" level={4} />
|
|
100
|
+
<DxcNumberInput label="Small" size="small" />
|
|
101
|
+
</ExampleContainer>
|
|
102
|
+
<ExampleContainer>
|
|
103
|
+
<Title title="Medium size" theme="light" level={4} />
|
|
104
|
+
<DxcNumberInput label="Medium" size="medium" />
|
|
105
|
+
</ExampleContainer>
|
|
106
|
+
<ExampleContainer>
|
|
107
|
+
<Title title="Large size" theme="light" level={4} />
|
|
108
|
+
<DxcNumberInput label="Large" size="large" />
|
|
109
|
+
</ExampleContainer>
|
|
110
|
+
<ExampleContainer>
|
|
111
|
+
<Title title="FillParent size" theme="light" level={4} />
|
|
112
|
+
<DxcNumberInput label="FillParent" size="fillParent" />
|
|
113
|
+
</ExampleContainer>
|
|
114
|
+
</>
|
|
115
|
+
);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
12
|
+
/* eslint-disable prefer-template */
|
|
13
|
+
var NumberInputContext = /*#__PURE__*/_react["default"].createContext();
|
|
14
|
+
|
|
15
|
+
var _default = NumberInputContext;
|
|
16
|
+
exports["default"] = _default;
|