@dxc-technology/halstack-react 0.0.0-ff6151e → 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/V3Textarea/V3Textarea.js +260 -0
- 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 +38 -34
- 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/card/Card.js +165 -0
- package/card/types.d.ts +69 -0
- package/card/types.js +5 -0
- package/checkbox/Checkbox.d.ts +4 -0
- package/checkbox/Checkbox.js +253 -0
- package/checkbox/types.d.ts +60 -0
- package/checkbox/types.js +5 -0
- package/chip/Chip.js +221 -0
- 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/common/utils.js +22 -0
- package/common/variables.js +1569 -0
- package/{dist/date → date}/Date.js +81 -65
- 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/dialog/Dialog.js +165 -0
- 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/heading/Heading.js +176 -0
- package/heading/index.d.ts +17 -0
- package/input-text/Icons.js +22 -0
- package/input-text/InputText.js +611 -0
- package/input-text/index.d.ts +36 -0
- package/{dist/layout → layout}/ApplicationLayout.js +42 -142
- 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} +125 -65
- 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 -22
- 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/radio/Radio.js +174 -0
- package/radio/types.d.ts +54 -0
- package/radio/types.js +5 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +95 -162
- package/resultsetTable/index.d.ts +19 -0
- package/select/Select.js +865 -0
- package/select/index.d.ts +131 -0
- package/sidenav/Sidenav.js +145 -0
- 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/switch/Switch.js +179 -0
- 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/tag/Tag.js +208 -0
- 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 +30 -67
- 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 +23 -22
- 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/upload/files-upload/FilesToUpload.js +109 -0
- 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 -4
- package/dist/ThemeContext.js +0 -54
- package/dist/accordion/Accordion.js +0 -273
- package/dist/accordion/Accordion.stories.js +0 -207
- package/dist/accordion/readme.md +0 -96
- package/dist/accordion-group/AccordionGroup.js +0 -159
- package/dist/accordion-group/AccordionGroup.stories.js +0 -207
- package/dist/accordion-group/readme.md +0 -70
- package/dist/alert/Alert.js +0 -304
- 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 -58
- package/dist/button/Button.js +0 -202
- package/dist/button/Button.stories.js +0 -224
- package/dist/button/readme.md +0 -93
- package/dist/card/Card.js +0 -217
- package/dist/checkbox/Checkbox.js +0 -240
- package/dist/checkbox/Checkbox.stories.js +0 -144
- package/dist/checkbox/readme.md +0 -116
- package/dist/chip/Chip.js +0 -208
- package/dist/common/services/example-service.js +0 -10
- package/dist/common/services/example-service.test.js +0 -12
- package/dist/common/utils.js +0 -42
- package/dist/common/variables.js +0 -436
- 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.js +0 -197
- package/dist/dialog/Dialog.stories.js +0 -217
- package/dist/dialog/readme.md +0 -32
- package/dist/dropdown/Dropdown.js +0 -449
- 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 -371
- 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 -373
- 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/heading/Heading.js +0 -153
- package/dist/input-text/InputText.js +0 -570
- 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 -192
- package/dist/link/readme.md +0 -51
- package/dist/paginator/Paginator.js +0 -232
- 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 -185
- package/dist/progress-bar/ProgressBar.stories.js +0 -280
- package/dist/progress-bar/readme.md +0 -63
- package/dist/radio/Radio.js +0 -195
- 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 -473
- package/dist/select/Select.stories.js +0 -235
- package/dist/select/readme.md +0 -72
- package/dist/sidenav/Sidenav.js +0 -128
- package/dist/slider/Slider.js +0 -266
- package/dist/slider/Slider.stories.js +0 -241
- package/dist/slider/readme.md +0 -64
- package/dist/spinner/Spinner.js +0 -193
- package/dist/spinner/Spinner.stories.js +0 -183
- package/dist/spinner/readme.md +0 -65
- package/dist/switch/Switch.js +0 -199
- package/dist/switch/Switch.stories.js +0 -134
- package/dist/switch/readme.md +0 -133
- package/dist/table/Table.js +0 -105
- package/dist/tabs/Tabs.js +0 -292
- 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/tag/Tag.js +0 -249
- package/dist/textarea/Textarea.js +0 -227
- package/dist/toggle/Toggle.stories.js +0 -297
- package/dist/toggle/readme.md +0 -80
- package/dist/toggle-group/ToggleGroup.js +0 -226
- package/dist/toggle-group/readme.md +0 -82
- package/dist/upload/Upload.stories.js +0 -72
- package/dist/upload/buttons-upload/ButtonsUpload.js +0 -122
- 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 -279
- 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 -158
- 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/files-upload/FilesToUpload.js +0 -123
- package/dist/upload/readme.md +0 -37
- package/dist/upload/transaction/Transaction.js +0 -155
- 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 -120
- package/dist/wizard/Wizard.js +0 -331
- 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 -109
- 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 -194
- package/test/ProgressBar.test.js +0 -35
- package/test/Radio.test.js +0 -37
- package/test/ResultsetTable.test.js +0 -304
- 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,12 +67,24 @@ Object.defineProperty(exports, "DxcCheckbox", {
|
|
|
37
67
|
return _Checkbox["default"];
|
|
38
68
|
}
|
|
39
69
|
});
|
|
70
|
+
Object.defineProperty(exports, "DxcChip", {
|
|
71
|
+
enumerable: true,
|
|
72
|
+
get: function get() {
|
|
73
|
+
return _Chip["default"];
|
|
74
|
+
}
|
|
75
|
+
});
|
|
40
76
|
Object.defineProperty(exports, "DxcDate", {
|
|
41
77
|
enumerable: true,
|
|
42
78
|
get: function get() {
|
|
43
79
|
return _Date["default"];
|
|
44
80
|
}
|
|
45
81
|
});
|
|
82
|
+
Object.defineProperty(exports, "DxcDateInput", {
|
|
83
|
+
enumerable: true,
|
|
84
|
+
get: function get() {
|
|
85
|
+
return _DateInput["default"];
|
|
86
|
+
}
|
|
87
|
+
});
|
|
46
88
|
Object.defineProperty(exports, "DxcDialog", {
|
|
47
89
|
enumerable: true,
|
|
48
90
|
get: function get() {
|
|
@@ -55,58 +97,58 @@ Object.defineProperty(exports, "DxcDropdown", {
|
|
|
55
97
|
return _Dropdown["default"];
|
|
56
98
|
}
|
|
57
99
|
});
|
|
58
|
-
Object.defineProperty(exports, "
|
|
100
|
+
Object.defineProperty(exports, "DxcFileInput", {
|
|
59
101
|
enumerable: true,
|
|
60
102
|
get: function get() {
|
|
61
|
-
return
|
|
103
|
+
return _FileInput["default"];
|
|
62
104
|
}
|
|
63
105
|
});
|
|
64
|
-
Object.defineProperty(exports, "
|
|
106
|
+
Object.defineProperty(exports, "DxcFooter", {
|
|
65
107
|
enumerable: true,
|
|
66
108
|
get: function get() {
|
|
67
|
-
return
|
|
109
|
+
return _Footer["default"];
|
|
68
110
|
}
|
|
69
111
|
});
|
|
70
|
-
Object.defineProperty(exports, "
|
|
112
|
+
Object.defineProperty(exports, "DxcHeader", {
|
|
71
113
|
enumerable: true,
|
|
72
114
|
get: function get() {
|
|
73
|
-
return
|
|
115
|
+
return _Header["default"];
|
|
74
116
|
}
|
|
75
117
|
});
|
|
76
|
-
Object.defineProperty(exports, "
|
|
118
|
+
Object.defineProperty(exports, "DxcHeading", {
|
|
77
119
|
enumerable: true,
|
|
78
120
|
get: function get() {
|
|
79
|
-
return
|
|
121
|
+
return _Heading["default"];
|
|
80
122
|
}
|
|
81
123
|
});
|
|
82
|
-
Object.defineProperty(exports, "
|
|
124
|
+
Object.defineProperty(exports, "DxcInput", {
|
|
83
125
|
enumerable: true,
|
|
84
126
|
get: function get() {
|
|
85
|
-
return
|
|
127
|
+
return _InputText["default"];
|
|
86
128
|
}
|
|
87
129
|
});
|
|
88
|
-
Object.defineProperty(exports, "
|
|
130
|
+
Object.defineProperty(exports, "DxcLink", {
|
|
89
131
|
enumerable: true,
|
|
90
132
|
get: function get() {
|
|
91
|
-
return
|
|
133
|
+
return _Link["default"];
|
|
92
134
|
}
|
|
93
135
|
});
|
|
94
|
-
Object.defineProperty(exports, "
|
|
136
|
+
Object.defineProperty(exports, "DxcNumberInput", {
|
|
95
137
|
enumerable: true,
|
|
96
138
|
get: function get() {
|
|
97
|
-
return
|
|
139
|
+
return _NumberInput["default"];
|
|
98
140
|
}
|
|
99
141
|
});
|
|
100
|
-
Object.defineProperty(exports, "
|
|
142
|
+
Object.defineProperty(exports, "DxcPaginator", {
|
|
101
143
|
enumerable: true,
|
|
102
144
|
get: function get() {
|
|
103
|
-
return
|
|
145
|
+
return _Paginator["default"];
|
|
104
146
|
}
|
|
105
147
|
});
|
|
106
|
-
Object.defineProperty(exports, "
|
|
148
|
+
Object.defineProperty(exports, "DxcPasswordInput", {
|
|
107
149
|
enumerable: true,
|
|
108
150
|
get: function get() {
|
|
109
|
-
return
|
|
151
|
+
return _PasswordInput["default"];
|
|
110
152
|
}
|
|
111
153
|
});
|
|
112
154
|
Object.defineProperty(exports, "DxcProgressBar", {
|
|
@@ -115,118 +157,118 @@ Object.defineProperty(exports, "DxcProgressBar", {
|
|
|
115
157
|
return _ProgressBar["default"];
|
|
116
158
|
}
|
|
117
159
|
});
|
|
118
|
-
Object.defineProperty(exports, "
|
|
160
|
+
Object.defineProperty(exports, "DxcRadio", {
|
|
119
161
|
enumerable: true,
|
|
120
162
|
get: function get() {
|
|
121
|
-
return
|
|
163
|
+
return _Radio["default"];
|
|
122
164
|
}
|
|
123
165
|
});
|
|
124
|
-
Object.defineProperty(exports, "
|
|
166
|
+
Object.defineProperty(exports, "DxcResultsetTable", {
|
|
125
167
|
enumerable: true,
|
|
126
168
|
get: function get() {
|
|
127
|
-
return
|
|
169
|
+
return _ResultsetTable["default"];
|
|
128
170
|
}
|
|
129
171
|
});
|
|
130
|
-
Object.defineProperty(exports, "
|
|
172
|
+
Object.defineProperty(exports, "DxcSelect", {
|
|
131
173
|
enumerable: true,
|
|
132
174
|
get: function get() {
|
|
133
|
-
return
|
|
175
|
+
return _Select["default"];
|
|
134
176
|
}
|
|
135
177
|
});
|
|
136
|
-
Object.defineProperty(exports, "
|
|
178
|
+
Object.defineProperty(exports, "DxcSidenav", {
|
|
137
179
|
enumerable: true,
|
|
138
180
|
get: function get() {
|
|
139
|
-
return
|
|
181
|
+
return _Sidenav["default"];
|
|
140
182
|
}
|
|
141
183
|
});
|
|
142
|
-
Object.defineProperty(exports, "
|
|
184
|
+
Object.defineProperty(exports, "DxcSlider", {
|
|
143
185
|
enumerable: true,
|
|
144
186
|
get: function get() {
|
|
145
|
-
return
|
|
187
|
+
return _Slider["default"];
|
|
146
188
|
}
|
|
147
189
|
});
|
|
148
|
-
Object.defineProperty(exports, "
|
|
190
|
+
Object.defineProperty(exports, "DxcSpinner", {
|
|
149
191
|
enumerable: true,
|
|
150
192
|
get: function get() {
|
|
151
|
-
return
|
|
193
|
+
return _Spinner["default"];
|
|
152
194
|
}
|
|
153
195
|
});
|
|
154
|
-
Object.defineProperty(exports, "
|
|
196
|
+
Object.defineProperty(exports, "DxcSwitch", {
|
|
155
197
|
enumerable: true,
|
|
156
198
|
get: function get() {
|
|
157
|
-
return
|
|
199
|
+
return _Switch["default"];
|
|
158
200
|
}
|
|
159
201
|
});
|
|
160
|
-
Object.defineProperty(exports, "
|
|
202
|
+
Object.defineProperty(exports, "DxcTable", {
|
|
161
203
|
enumerable: true,
|
|
162
204
|
get: function get() {
|
|
163
|
-
return
|
|
205
|
+
return _Table["default"];
|
|
164
206
|
}
|
|
165
207
|
});
|
|
166
|
-
Object.defineProperty(exports, "
|
|
208
|
+
Object.defineProperty(exports, "DxcTabs", {
|
|
167
209
|
enumerable: true,
|
|
168
210
|
get: function get() {
|
|
169
|
-
return
|
|
211
|
+
return _Tabs["default"];
|
|
170
212
|
}
|
|
171
213
|
});
|
|
172
|
-
Object.defineProperty(exports, "
|
|
214
|
+
Object.defineProperty(exports, "DxcTag", {
|
|
173
215
|
enumerable: true,
|
|
174
216
|
get: function get() {
|
|
175
|
-
return
|
|
217
|
+
return _Tag["default"];
|
|
176
218
|
}
|
|
177
219
|
});
|
|
178
|
-
Object.defineProperty(exports, "
|
|
220
|
+
Object.defineProperty(exports, "DxcTextInput", {
|
|
179
221
|
enumerable: true,
|
|
180
222
|
get: function get() {
|
|
181
|
-
return
|
|
223
|
+
return _TextInput["default"];
|
|
182
224
|
}
|
|
183
225
|
});
|
|
184
|
-
Object.defineProperty(exports, "
|
|
226
|
+
Object.defineProperty(exports, "DxcTextarea", {
|
|
185
227
|
enumerable: true,
|
|
186
228
|
get: function get() {
|
|
187
|
-
return
|
|
229
|
+
return _Textarea["default"];
|
|
188
230
|
}
|
|
189
231
|
});
|
|
190
|
-
Object.defineProperty(exports, "
|
|
232
|
+
Object.defineProperty(exports, "DxcToggleGroup", {
|
|
191
233
|
enumerable: true,
|
|
192
234
|
get: function get() {
|
|
193
|
-
return
|
|
235
|
+
return _ToggleGroup["default"];
|
|
194
236
|
}
|
|
195
237
|
});
|
|
196
|
-
Object.defineProperty(exports, "
|
|
238
|
+
Object.defineProperty(exports, "DxcUpload", {
|
|
197
239
|
enumerable: true,
|
|
198
240
|
get: function get() {
|
|
199
|
-
return
|
|
241
|
+
return _Upload["default"];
|
|
200
242
|
}
|
|
201
243
|
});
|
|
202
|
-
Object.defineProperty(exports, "
|
|
244
|
+
Object.defineProperty(exports, "DxcWizard", {
|
|
203
245
|
enumerable: true,
|
|
204
246
|
get: function get() {
|
|
205
|
-
return
|
|
247
|
+
return _Wizard["default"];
|
|
206
248
|
}
|
|
207
249
|
});
|
|
208
|
-
Object.defineProperty(exports, "
|
|
250
|
+
Object.defineProperty(exports, "ThemeContext", {
|
|
209
251
|
enumerable: true,
|
|
210
252
|
get: function get() {
|
|
211
|
-
return
|
|
253
|
+
return _ThemeContext["default"];
|
|
212
254
|
}
|
|
213
255
|
});
|
|
214
|
-
Object.defineProperty(exports, "
|
|
256
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
215
257
|
enumerable: true,
|
|
216
258
|
get: function get() {
|
|
217
|
-
return
|
|
259
|
+
return _ThemeContext.ThemeProvider;
|
|
218
260
|
}
|
|
219
261
|
});
|
|
220
|
-
Object.defineProperty(exports, "
|
|
262
|
+
Object.defineProperty(exports, "V3DxcSelect", {
|
|
221
263
|
enumerable: true,
|
|
222
264
|
get: function get() {
|
|
223
|
-
return
|
|
265
|
+
return _V3Select["default"];
|
|
224
266
|
}
|
|
225
267
|
});
|
|
226
|
-
Object.defineProperty(exports, "
|
|
268
|
+
Object.defineProperty(exports, "V3DxcTextarea", {
|
|
227
269
|
enumerable: true,
|
|
228
270
|
get: function get() {
|
|
229
|
-
return
|
|
271
|
+
return _V3Textarea["default"];
|
|
230
272
|
}
|
|
231
273
|
});
|
|
232
274
|
|
|
@@ -254,7 +296,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
|
|
|
254
296
|
|
|
255
297
|
var _Radio = _interopRequireDefault(require("./radio/Radio"));
|
|
256
298
|
|
|
257
|
-
var
|
|
299
|
+
var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
|
|
258
300
|
|
|
259
301
|
var _Slider = _interopRequireDefault(require("./slider/Slider"));
|
|
260
302
|
|
|
@@ -262,8 +304,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
|
|
|
262
304
|
|
|
263
305
|
var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
|
|
264
306
|
|
|
265
|
-
var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
|
|
266
|
-
|
|
267
307
|
var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
|
|
268
308
|
|
|
269
309
|
var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
|
|
@@ -286,7 +326,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
|
|
|
286
326
|
|
|
287
327
|
var _Heading = _interopRequireDefault(require("./heading/Heading"));
|
|
288
328
|
|
|
289
|
-
var
|
|
329
|
+
var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
|
|
290
330
|
|
|
291
331
|
var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
|
|
292
332
|
|
|
@@ -300,4 +340,24 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
|
|
|
300
340
|
|
|
301
341
|
var _Badge = _interopRequireDefault(require("./badge/Badge"));
|
|
302
342
|
|
|
303
|
-
var
|
|
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
|
+
|
|
357
|
+
var _ThemeContext = _interopRequireWildcard(require("./ThemeContext.js"));
|
|
358
|
+
|
|
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;
|