@dxc-technology/halstack-react 0.0.0-fce22b8 → 0.0.0-ff43881
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.d.ts +10 -0
- package/BackgroundColorContext.js +47 -0
- package/ThemeContext.d.ts +15 -0
- package/ThemeContext.js +243 -0
- package/V3Select/V3Select.js +455 -0
- package/V3Select/index.d.ts +27 -0
- package/{dist/textarea/Textarea.js → V3Textarea/V3Textarea.js} +41 -41
- package/V3Textarea/index.d.ts +27 -0
- package/accordion/Accordion.d.ts +4 -0
- package/accordion/Accordion.js +247 -0
- package/accordion/Accordion.stories.tsx +307 -0
- package/accordion/types.d.ts +64 -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/AccordionGroup.stories.tsx +225 -0
- package/accordion-group/types.d.ts +68 -0
- package/accordion-group/types.js +5 -0
- package/alert/Alert.d.ts +4 -0
- package/alert/Alert.js +290 -0
- package/alert/Alert.stories.tsx +170 -0
- package/alert/types.d.ts +49 -0
- package/alert/types.js +5 -0
- package/badge/Badge.d.ts +4 -0
- package/badge/Badge.js +59 -0
- package/badge/types.d.ts +4 -0
- package/badge/types.js +5 -0
- package/bleed/Bleed.d.ts +3 -0
- package/bleed/Bleed.js +84 -0
- package/bleed/Bleed.stories.tsx +342 -0
- package/bleed/types.d.ts +13 -0
- package/bleed/types.js +5 -0
- package/box/Box.d.ts +4 -0
- package/{dist/box → box}/Box.js +15 -53
- package/box/Box.stories.tsx +132 -0
- package/box/types.d.ts +43 -0
- package/box/types.js +5 -0
- package/button/Button.d.ts +4 -0
- package/button/Button.js +171 -0
- package/button/Button.stories.tsx +274 -0
- package/button/types.d.ts +53 -0
- package/button/types.js +5 -0
- package/card/Card.d.ts +4 -0
- package/{dist/card → card}/Card.js +34 -126
- package/card/Card.stories.tsx +201 -0
- package/card/ice-cream.jpg +0 -0
- package/card/types.d.ts +67 -0
- package/card/types.js +5 -0
- package/checkbox/Checkbox.d.ts +4 -0
- package/{dist/checkbox → checkbox}/Checkbox.js +46 -84
- package/checkbox/Checkbox.stories.tsx +192 -0
- package/checkbox/types.d.ts +60 -0
- package/checkbox/types.js +5 -0
- package/chip/Chip.d.ts +4 -0
- package/chip/Chip.js +161 -0
- package/chip/Chip.stories.tsx +119 -0
- package/chip/types.d.ts +45 -0
- package/chip/types.js +5 -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 +1611 -0
- package/{dist/date → date}/Date.js +34 -52
- package/date/index.d.ts +27 -0
- package/date-input/DateInput.d.ts +4 -0
- package/date-input/DateInput.js +358 -0
- package/date-input/DateInput.stories.tsx +138 -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 +32 -102
- package/dialog/Dialog.stories.tsx +212 -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 +395 -0
- package/dropdown/Dropdown.stories.tsx +249 -0
- package/dropdown/types.d.ts +80 -0
- package/dropdown/types.js +5 -0
- package/file-input/FileInput.d.ts +4 -0
- package/file-input/FileInput.js +590 -0
- package/file-input/FileInput.stories.tsx +507 -0
- package/file-input/FileItem.d.ts +14 -0
- package/file-input/FileItem.js +184 -0
- package/file-input/types.d.ts +112 -0
- package/file-input/types.js +5 -0
- package/footer/Footer.d.ts +4 -0
- package/footer/Footer.js +258 -0
- package/footer/Footer.stories.tsx +130 -0
- package/footer/Icons.d.ts +2 -0
- package/footer/Icons.js +77 -0
- package/footer/types.d.ts +65 -0
- package/footer/types.js +5 -0
- package/header/Header.d.ts +7 -0
- package/header/Header.js +324 -0
- package/header/Header.stories.tsx +162 -0
- package/header/Icons.d.ts +2 -0
- package/header/Icons.js +34 -0
- package/header/types.d.ts +47 -0
- package/header/types.js +5 -0
- package/heading/Heading.d.ts +4 -0
- package/{dist/heading → heading}/Heading.js +31 -94
- package/heading/Heading.stories.tsx +54 -0
- package/heading/types.d.ts +33 -0
- package/heading/types.js +5 -0
- package/input-text/Icons.js +22 -0
- package/{dist/input-text → input-text}/InputText.js +121 -179
- package/input-text/index.d.ts +36 -0
- package/inset/Inset.d.ts +3 -0
- package/inset/Inset.js +84 -0
- package/inset/Inset.stories.tsx +229 -0
- package/inset/types.d.ts +13 -0
- package/inset/types.js +5 -0
- package/layout/ApplicationLayout.d.ts +10 -0
- package/layout/ApplicationLayout.js +231 -0
- package/layout/ApplicationLayout.stories.tsx +171 -0
- package/layout/Icons.js +55 -0
- package/layout/types.d.ts +57 -0
- package/layout/types.js +5 -0
- package/link/Link.d.ts +3 -0
- package/link/Link.js +153 -0
- package/link/Link.stories.tsx +151 -0
- package/link/types.d.ts +70 -0
- package/link/types.js +5 -0
- package/list/List.d.ts +4 -0
- package/list/List.js +47 -0
- package/list/List.stories.tsx +95 -0
- package/list/types.d.ts +7 -0
- package/list/types.js +5 -0
- package/main.d.ts +51 -0
- package/{dist/main.js → main.js} +164 -56
- package/number-input/NumberInput.d.ts +4 -0
- package/number-input/NumberInput.js +83 -0
- package/number-input/NumberInput.stories.tsx +115 -0
- package/number-input/NumberInputContext.d.ts +4 -0
- package/number-input/NumberInputContext.js +19 -0
- package/number-input/numberInputContextTypes.d.ts +19 -0
- package/number-input/numberInputContextTypes.js +5 -0
- package/number-input/types.d.ts +117 -0
- package/number-input/types.js +5 -0
- package/package.json +36 -25
- package/paginator/Icons.js +66 -0
- package/paginator/Paginator.d.ts +4 -0
- package/paginator/Paginator.js +192 -0
- package/paginator/Paginator.stories.tsx +63 -0
- package/paginator/types.d.ts +38 -0
- package/paginator/types.js +5 -0
- package/password-input/PasswordInput.d.ts +4 -0
- package/password-input/PasswordInput.js +163 -0
- package/password-input/PasswordInput.stories.tsx +131 -0
- package/password-input/types.d.ts +107 -0
- package/password-input/types.js +5 -0
- package/progress-bar/ProgressBar.d.ts +4 -0
- package/progress-bar/ProgressBar.js +170 -0
- package/progress-bar/ProgressBar.stories.jsx +58 -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 +17 -52
- package/radio/Radio.stories.tsx +192 -0
- package/radio/types.d.ts +54 -0
- package/radio/types.js +5 -0
- package/radio-group/Radio.d.ts +4 -0
- package/radio-group/Radio.js +140 -0
- package/radio-group/RadioGroup.d.ts +4 -0
- package/radio-group/RadioGroup.js +273 -0
- package/radio-group/RadioGroup.stories.tsx +79 -0
- package/radio-group/RadioGroup.test.js +248 -0
- package/radio-group/types.d.ts +36 -0
- package/radio-group/types.js +5 -0
- package/resultsetTable/ResultsetTable.d.ts +4 -0
- package/{dist/resultsetTable → resultsetTable}/ResultsetTable.js +43 -164
- package/resultsetTable/ResultsetTable.stories.tsx +275 -0
- package/resultsetTable/types.d.ts +67 -0
- package/resultsetTable/types.js +5 -0
- package/row/Row.d.ts +3 -0
- package/row/Row.js +127 -0
- package/row/Row.stories.tsx +237 -0
- package/row/types.d.ts +10 -0
- package/row/types.js +5 -0
- package/select/Select.d.ts +4 -0
- package/select/Select.js +863 -0
- package/select/Select.stories.tsx +572 -0
- package/select/types.d.ts +170 -0
- package/select/types.js +5 -0
- package/sidenav/Sidenav.d.ts +9 -0
- package/sidenav/Sidenav.js +136 -0
- package/sidenav/Sidenav.stories.tsx +182 -0
- package/sidenav/types.d.ts +50 -0
- package/sidenav/types.js +5 -0
- package/slider/Slider.d.ts +4 -0
- package/slider/Slider.js +317 -0
- package/slider/Slider.stories.tsx +177 -0
- package/slider/types.d.ts +78 -0
- package/slider/types.js +5 -0
- package/spinner/Spinner.d.ts +4 -0
- package/spinner/Spinner.js +250 -0
- package/spinner/Spinner.stories.jsx +103 -0
- package/spinner/types.d.ts +32 -0
- package/spinner/types.js +5 -0
- package/stack/Stack.d.ts +3 -0
- package/stack/Stack.js +97 -0
- package/stack/Stack.stories.tsx +164 -0
- package/stack/types.d.ts +9 -0
- package/stack/types.js +5 -0
- package/switch/Switch.d.ts +4 -0
- package/{dist/switch → switch}/Switch.js +30 -73
- package/switch/Switch.stories.tsx +160 -0
- package/switch/types.d.ts +58 -0
- package/switch/types.js +5 -0
- package/table/Table.d.ts +4 -0
- package/table/Table.js +118 -0
- package/table/Table.stories.jsx +277 -0
- package/table/types.d.ts +21 -0
- package/table/types.js +5 -0
- package/tabs/Tabs.d.ts +4 -0
- package/tabs/Tabs.js +213 -0
- package/tabs/Tabs.stories.tsx +120 -0
- package/tabs/types.d.ts +78 -0
- package/tabs/types.js +5 -0
- package/tag/Tag.d.ts +4 -0
- package/tag/Tag.js +188 -0
- package/tag/Tag.stories.tsx +138 -0
- package/tag/types.d.ts +69 -0
- package/tag/types.js +5 -0
- package/text/Text.d.ts +7 -0
- package/text/Text.js +30 -0
- package/text/Text.stories.tsx +19 -0
- package/text-input/TextInput.d.ts +4 -0
- package/text-input/TextInput.js +794 -0
- package/text-input/TextInput.stories.tsx +456 -0
- package/text-input/types.d.ts +159 -0
- package/text-input/types.js +5 -0
- package/textarea/Textarea.d.ts +4 -0
- package/textarea/Textarea.js +284 -0
- package/textarea/Textarea.stories.jsx +136 -0
- package/textarea/types.d.ts +130 -0
- package/textarea/types.js +5 -0
- package/toggle-group/ToggleGroup.d.ts +4 -0
- package/toggle-group/ToggleGroup.js +214 -0
- package/toggle-group/ToggleGroup.stories.tsx +173 -0
- package/toggle-group/types.d.ts +97 -0
- package/toggle-group/types.js +5 -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 +13 -27
- 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/useTheme.d.ts +2 -0
- package/{dist/useTheme.js → useTheme.js} +1 -1
- package/wizard/Wizard.d.ts +4 -0
- package/wizard/Wizard.js +281 -0
- package/wizard/Wizard.stories.tsx +224 -0
- package/wizard/types.d.ts +60 -0
- package/wizard/types.js +5 -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/chip/Chip.js +0 -263
- 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/ApplicationLayout.js +0 -331
- 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/sidenav/Sidenav.js +0 -183
- 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/tag/Tag.js +0 -280
- package/dist/toggle/Toggle.js +0 -220
- 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,42 @@ 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, "DxcBleed", {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function get() {
|
|
49
|
+
return _Bleed["default"];
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
Object.defineProperty(exports, "DxcBox", {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: function get() {
|
|
55
|
+
return _Box["default"];
|
|
56
|
+
}
|
|
57
|
+
});
|
|
22
58
|
Object.defineProperty(exports, "DxcButton", {
|
|
23
59
|
enumerable: true,
|
|
24
60
|
get: function get() {
|
|
@@ -37,12 +73,24 @@ Object.defineProperty(exports, "DxcCheckbox", {
|
|
|
37
73
|
return _Checkbox["default"];
|
|
38
74
|
}
|
|
39
75
|
});
|
|
76
|
+
Object.defineProperty(exports, "DxcChip", {
|
|
77
|
+
enumerable: true,
|
|
78
|
+
get: function get() {
|
|
79
|
+
return _Chip["default"];
|
|
80
|
+
}
|
|
81
|
+
});
|
|
40
82
|
Object.defineProperty(exports, "DxcDate", {
|
|
41
83
|
enumerable: true,
|
|
42
84
|
get: function get() {
|
|
43
85
|
return _Date["default"];
|
|
44
86
|
}
|
|
45
87
|
});
|
|
88
|
+
Object.defineProperty(exports, "DxcDateInput", {
|
|
89
|
+
enumerable: true,
|
|
90
|
+
get: function get() {
|
|
91
|
+
return _DateInput["default"];
|
|
92
|
+
}
|
|
93
|
+
});
|
|
46
94
|
Object.defineProperty(exports, "DxcDialog", {
|
|
47
95
|
enumerable: true,
|
|
48
96
|
get: function get() {
|
|
@@ -55,6 +103,12 @@ Object.defineProperty(exports, "DxcDropdown", {
|
|
|
55
103
|
return _Dropdown["default"];
|
|
56
104
|
}
|
|
57
105
|
});
|
|
106
|
+
Object.defineProperty(exports, "DxcFileInput", {
|
|
107
|
+
enumerable: true,
|
|
108
|
+
get: function get() {
|
|
109
|
+
return _FileInput["default"];
|
|
110
|
+
}
|
|
111
|
+
});
|
|
58
112
|
Object.defineProperty(exports, "DxcFooter", {
|
|
59
113
|
enumerable: true,
|
|
60
114
|
get: function get() {
|
|
@@ -67,46 +121,52 @@ Object.defineProperty(exports, "DxcHeader", {
|
|
|
67
121
|
return _Header["default"];
|
|
68
122
|
}
|
|
69
123
|
});
|
|
124
|
+
Object.defineProperty(exports, "DxcHeading", {
|
|
125
|
+
enumerable: true,
|
|
126
|
+
get: function get() {
|
|
127
|
+
return _Heading["default"];
|
|
128
|
+
}
|
|
129
|
+
});
|
|
70
130
|
Object.defineProperty(exports, "DxcInput", {
|
|
71
131
|
enumerable: true,
|
|
72
132
|
get: function get() {
|
|
73
133
|
return _InputText["default"];
|
|
74
134
|
}
|
|
75
135
|
});
|
|
76
|
-
Object.defineProperty(exports, "
|
|
136
|
+
Object.defineProperty(exports, "DxcInset", {
|
|
77
137
|
enumerable: true,
|
|
78
138
|
get: function get() {
|
|
79
|
-
return
|
|
139
|
+
return _Inset["default"];
|
|
80
140
|
}
|
|
81
141
|
});
|
|
82
|
-
Object.defineProperty(exports, "
|
|
142
|
+
Object.defineProperty(exports, "DxcLink", {
|
|
83
143
|
enumerable: true,
|
|
84
144
|
get: function get() {
|
|
85
|
-
return
|
|
145
|
+
return _Link["default"];
|
|
86
146
|
}
|
|
87
147
|
});
|
|
88
|
-
Object.defineProperty(exports, "
|
|
148
|
+
Object.defineProperty(exports, "DxcList", {
|
|
89
149
|
enumerable: true,
|
|
90
150
|
get: function get() {
|
|
91
|
-
return
|
|
151
|
+
return _List["default"];
|
|
92
152
|
}
|
|
93
153
|
});
|
|
94
|
-
Object.defineProperty(exports, "
|
|
154
|
+
Object.defineProperty(exports, "DxcNumberInput", {
|
|
95
155
|
enumerable: true,
|
|
96
156
|
get: function get() {
|
|
97
|
-
return
|
|
157
|
+
return _NumberInput["default"];
|
|
98
158
|
}
|
|
99
159
|
});
|
|
100
|
-
Object.defineProperty(exports, "
|
|
160
|
+
Object.defineProperty(exports, "DxcPaginator", {
|
|
101
161
|
enumerable: true,
|
|
102
162
|
get: function get() {
|
|
103
|
-
return
|
|
163
|
+
return _Paginator["default"];
|
|
104
164
|
}
|
|
105
165
|
});
|
|
106
|
-
Object.defineProperty(exports, "
|
|
166
|
+
Object.defineProperty(exports, "DxcPasswordInput", {
|
|
107
167
|
enumerable: true,
|
|
108
168
|
get: function get() {
|
|
109
|
-
return
|
|
169
|
+
return _PasswordInput["default"];
|
|
110
170
|
}
|
|
111
171
|
});
|
|
112
172
|
Object.defineProperty(exports, "DxcProgressBar", {
|
|
@@ -115,88 +175,100 @@ Object.defineProperty(exports, "DxcProgressBar", {
|
|
|
115
175
|
return _ProgressBar["default"];
|
|
116
176
|
}
|
|
117
177
|
});
|
|
118
|
-
Object.defineProperty(exports, "
|
|
178
|
+
Object.defineProperty(exports, "DxcRadio", {
|
|
119
179
|
enumerable: true,
|
|
120
180
|
get: function get() {
|
|
121
|
-
return
|
|
181
|
+
return _Radio["default"];
|
|
122
182
|
}
|
|
123
183
|
});
|
|
124
|
-
Object.defineProperty(exports, "
|
|
184
|
+
Object.defineProperty(exports, "DxcRadioGroup", {
|
|
125
185
|
enumerable: true,
|
|
126
186
|
get: function get() {
|
|
127
|
-
return
|
|
187
|
+
return _RadioGroup["default"];
|
|
128
188
|
}
|
|
129
189
|
});
|
|
130
|
-
Object.defineProperty(exports, "
|
|
190
|
+
Object.defineProperty(exports, "DxcResultsetTable", {
|
|
131
191
|
enumerable: true,
|
|
132
192
|
get: function get() {
|
|
133
|
-
return
|
|
193
|
+
return _ResultsetTable["default"];
|
|
134
194
|
}
|
|
135
195
|
});
|
|
136
|
-
Object.defineProperty(exports, "
|
|
196
|
+
Object.defineProperty(exports, "DxcRow", {
|
|
137
197
|
enumerable: true,
|
|
138
198
|
get: function get() {
|
|
139
|
-
return
|
|
199
|
+
return _Row["default"];
|
|
140
200
|
}
|
|
141
201
|
});
|
|
142
|
-
Object.defineProperty(exports, "
|
|
202
|
+
Object.defineProperty(exports, "DxcSelect", {
|
|
143
203
|
enumerable: true,
|
|
144
204
|
get: function get() {
|
|
145
|
-
return
|
|
205
|
+
return _Select["default"];
|
|
146
206
|
}
|
|
147
207
|
});
|
|
148
|
-
Object.defineProperty(exports, "
|
|
208
|
+
Object.defineProperty(exports, "DxcSidenav", {
|
|
149
209
|
enumerable: true,
|
|
150
210
|
get: function get() {
|
|
151
|
-
return
|
|
211
|
+
return _Sidenav["default"];
|
|
152
212
|
}
|
|
153
213
|
});
|
|
154
|
-
Object.defineProperty(exports, "
|
|
214
|
+
Object.defineProperty(exports, "DxcSlider", {
|
|
155
215
|
enumerable: true,
|
|
156
216
|
get: function get() {
|
|
157
|
-
return
|
|
217
|
+
return _Slider["default"];
|
|
158
218
|
}
|
|
159
219
|
});
|
|
160
|
-
Object.defineProperty(exports, "
|
|
220
|
+
Object.defineProperty(exports, "DxcSpinner", {
|
|
161
221
|
enumerable: true,
|
|
162
222
|
get: function get() {
|
|
163
|
-
return
|
|
223
|
+
return _Spinner["default"];
|
|
164
224
|
}
|
|
165
225
|
});
|
|
166
|
-
Object.defineProperty(exports, "
|
|
226
|
+
Object.defineProperty(exports, "DxcStack", {
|
|
167
227
|
enumerable: true,
|
|
168
228
|
get: function get() {
|
|
169
|
-
return
|
|
229
|
+
return _Stack["default"];
|
|
170
230
|
}
|
|
171
231
|
});
|
|
172
|
-
Object.defineProperty(exports, "
|
|
232
|
+
Object.defineProperty(exports, "DxcSwitch", {
|
|
173
233
|
enumerable: true,
|
|
174
234
|
get: function get() {
|
|
175
|
-
return
|
|
235
|
+
return _Switch["default"];
|
|
176
236
|
}
|
|
177
237
|
});
|
|
178
|
-
Object.defineProperty(exports, "
|
|
238
|
+
Object.defineProperty(exports, "DxcTable", {
|
|
179
239
|
enumerable: true,
|
|
180
240
|
get: function get() {
|
|
181
|
-
return
|
|
241
|
+
return _Table["default"];
|
|
182
242
|
}
|
|
183
243
|
});
|
|
184
|
-
Object.defineProperty(exports, "
|
|
244
|
+
Object.defineProperty(exports, "DxcTabs", {
|
|
185
245
|
enumerable: true,
|
|
186
246
|
get: function get() {
|
|
187
|
-
return
|
|
247
|
+
return _Tabs["default"];
|
|
188
248
|
}
|
|
189
249
|
});
|
|
190
|
-
Object.defineProperty(exports, "
|
|
250
|
+
Object.defineProperty(exports, "DxcTag", {
|
|
191
251
|
enumerable: true,
|
|
192
252
|
get: function get() {
|
|
193
|
-
return
|
|
253
|
+
return _Tag["default"];
|
|
194
254
|
}
|
|
195
255
|
});
|
|
196
|
-
Object.defineProperty(exports, "
|
|
256
|
+
Object.defineProperty(exports, "DxcText", {
|
|
197
257
|
enumerable: true,
|
|
198
258
|
get: function get() {
|
|
199
|
-
return
|
|
259
|
+
return _Text["default"];
|
|
260
|
+
}
|
|
261
|
+
});
|
|
262
|
+
Object.defineProperty(exports, "DxcTextInput", {
|
|
263
|
+
enumerable: true,
|
|
264
|
+
get: function get() {
|
|
265
|
+
return _TextInput["default"];
|
|
266
|
+
}
|
|
267
|
+
});
|
|
268
|
+
Object.defineProperty(exports, "DxcTextarea", {
|
|
269
|
+
enumerable: true,
|
|
270
|
+
get: function get() {
|
|
271
|
+
return _Textarea["default"];
|
|
200
272
|
}
|
|
201
273
|
});
|
|
202
274
|
Object.defineProperty(exports, "DxcToggleGroup", {
|
|
@@ -205,16 +277,16 @@ Object.defineProperty(exports, "DxcToggleGroup", {
|
|
|
205
277
|
return _ToggleGroup["default"];
|
|
206
278
|
}
|
|
207
279
|
});
|
|
208
|
-
Object.defineProperty(exports, "
|
|
280
|
+
Object.defineProperty(exports, "DxcUpload", {
|
|
209
281
|
enumerable: true,
|
|
210
282
|
get: function get() {
|
|
211
|
-
return
|
|
283
|
+
return _Upload["default"];
|
|
212
284
|
}
|
|
213
285
|
});
|
|
214
|
-
Object.defineProperty(exports, "
|
|
286
|
+
Object.defineProperty(exports, "DxcWizard", {
|
|
215
287
|
enumerable: true,
|
|
216
288
|
get: function get() {
|
|
217
|
-
return
|
|
289
|
+
return _Wizard["default"];
|
|
218
290
|
}
|
|
219
291
|
});
|
|
220
292
|
Object.defineProperty(exports, "ThemeContext", {
|
|
@@ -229,10 +301,16 @@ Object.defineProperty(exports, "ThemeProvider", {
|
|
|
229
301
|
return _ThemeContext.ThemeProvider;
|
|
230
302
|
}
|
|
231
303
|
});
|
|
232
|
-
Object.defineProperty(exports, "
|
|
304
|
+
Object.defineProperty(exports, "V3DxcSelect", {
|
|
233
305
|
enumerable: true,
|
|
234
306
|
get: function get() {
|
|
235
|
-
return
|
|
307
|
+
return _V3Select["default"];
|
|
308
|
+
}
|
|
309
|
+
});
|
|
310
|
+
Object.defineProperty(exports, "V3DxcTextarea", {
|
|
311
|
+
enumerable: true,
|
|
312
|
+
get: function get() {
|
|
313
|
+
return _V3Textarea["default"];
|
|
236
314
|
}
|
|
237
315
|
});
|
|
238
316
|
|
|
@@ -260,7 +338,7 @@ var _InputText = _interopRequireDefault(require("./input-text/InputText"));
|
|
|
260
338
|
|
|
261
339
|
var _Radio = _interopRequireDefault(require("./radio/Radio"));
|
|
262
340
|
|
|
263
|
-
var
|
|
341
|
+
var _V3Select = _interopRequireDefault(require("./V3Select/V3Select"));
|
|
264
342
|
|
|
265
343
|
var _Slider = _interopRequireDefault(require("./slider/Slider"));
|
|
266
344
|
|
|
@@ -268,8 +346,6 @@ var _Switch = _interopRequireDefault(require("./switch/Switch"));
|
|
|
268
346
|
|
|
269
347
|
var _Tabs = _interopRequireDefault(require("./tabs/Tabs"));
|
|
270
348
|
|
|
271
|
-
var _TabsForSections = _interopRequireDefault(require("./tabs-for-sections/TabsForSections"));
|
|
272
|
-
|
|
273
349
|
var _ProgressBar = _interopRequireDefault(require("./progress-bar/ProgressBar"));
|
|
274
350
|
|
|
275
351
|
var _Spinner = _interopRequireDefault(require("./spinner/Spinner"));
|
|
@@ -292,7 +368,7 @@ var _Link = _interopRequireDefault(require("./link/Link"));
|
|
|
292
368
|
|
|
293
369
|
var _Heading = _interopRequireDefault(require("./heading/Heading"));
|
|
294
370
|
|
|
295
|
-
var
|
|
371
|
+
var _V3Textarea = _interopRequireDefault(require("./V3Textarea/V3Textarea"));
|
|
296
372
|
|
|
297
373
|
var _ResultsetTable = _interopRequireDefault(require("./resultsetTable/ResultsetTable"));
|
|
298
374
|
|
|
@@ -306,6 +382,38 @@ var _AccordionGroup = _interopRequireDefault(require("./accordion-group/Accordio
|
|
|
306
382
|
|
|
307
383
|
var _Badge = _interopRequireDefault(require("./badge/Badge"));
|
|
308
384
|
|
|
309
|
-
var
|
|
385
|
+
var _TextInput = _interopRequireDefault(require("./text-input/TextInput"));
|
|
386
|
+
|
|
387
|
+
var _PasswordInput = _interopRequireDefault(require("./password-input/PasswordInput"));
|
|
388
|
+
|
|
389
|
+
var _DateInput = _interopRequireDefault(require("./date-input/DateInput"));
|
|
390
|
+
|
|
391
|
+
var _NumberInput = _interopRequireDefault(require("./number-input/NumberInput"));
|
|
392
|
+
|
|
393
|
+
var _Textarea = _interopRequireDefault(require("./textarea/Textarea"));
|
|
394
|
+
|
|
395
|
+
var _Select = _interopRequireDefault(require("./select/Select"));
|
|
396
|
+
|
|
397
|
+
var _FileInput = _interopRequireDefault(require("./file-input/FileInput"));
|
|
398
|
+
|
|
399
|
+
var _Stack = _interopRequireDefault(require("./stack/Stack"));
|
|
400
|
+
|
|
401
|
+
var _Row = _interopRequireDefault(require("./row/Row"));
|
|
402
|
+
|
|
403
|
+
var _Text = _interopRequireDefault(require("./text/Text"));
|
|
404
|
+
|
|
405
|
+
var _List = _interopRequireDefault(require("./list/List"));
|
|
406
|
+
|
|
407
|
+
var _RadioGroup = _interopRequireDefault(require("./radio-group/RadioGroup"));
|
|
408
|
+
|
|
409
|
+
var _Bleed = _interopRequireDefault(require("./bleed/Bleed"));
|
|
410
|
+
|
|
411
|
+
var _Inset = _interopRequireDefault(require("./inset/Inset"));
|
|
412
|
+
|
|
413
|
+
var _ThemeContext = _interopRequireWildcard(require("./ThemeContext"));
|
|
414
|
+
|
|
415
|
+
var _BackgroundColorContext = require("./BackgroundColorContext");
|
|
416
|
+
|
|
417
|
+
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); }
|
|
310
418
|
|
|
311
|
-
var
|
|
419
|
+
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,83 @@
|
|
|
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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
+
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
14
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
+
|
|
16
|
+
var _TextInput = _interopRequireDefault(require("../text-input/TextInput"));
|
|
17
|
+
|
|
18
|
+
var _NumberInputContext = _interopRequireDefault(require("./NumberInputContext"));
|
|
19
|
+
|
|
20
|
+
var _templateObject;
|
|
21
|
+
|
|
22
|
+
var DxcNumberInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
|
|
23
|
+
var label = _ref.label,
|
|
24
|
+
_ref$name = _ref.name,
|
|
25
|
+
name = _ref$name === void 0 ? "" : _ref$name,
|
|
26
|
+
value = _ref.value,
|
|
27
|
+
helperText = _ref.helperText,
|
|
28
|
+
_ref$placeholder = _ref.placeholder,
|
|
29
|
+
placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
|
|
30
|
+
_ref$disabled = _ref.disabled,
|
|
31
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
32
|
+
_ref$optional = _ref.optional,
|
|
33
|
+
optional = _ref$optional === void 0 ? false : _ref$optional,
|
|
34
|
+
_ref$prefix = _ref.prefix,
|
|
35
|
+
prefix = _ref$prefix === void 0 ? "" : _ref$prefix,
|
|
36
|
+
_ref$suffix = _ref.suffix,
|
|
37
|
+
suffix = _ref$suffix === void 0 ? "" : _ref$suffix,
|
|
38
|
+
min = _ref.min,
|
|
39
|
+
max = _ref.max,
|
|
40
|
+
_ref$step = _ref.step,
|
|
41
|
+
step = _ref$step === void 0 ? 1 : _ref$step,
|
|
42
|
+
onChange = _ref.onChange,
|
|
43
|
+
onBlur = _ref.onBlur,
|
|
44
|
+
error = _ref.error,
|
|
45
|
+
_ref$autocomplete = _ref.autocomplete,
|
|
46
|
+
autocomplete = _ref$autocomplete === void 0 ? "off" : _ref$autocomplete,
|
|
47
|
+
margin = _ref.margin,
|
|
48
|
+
_ref$size = _ref.size,
|
|
49
|
+
size = _ref$size === void 0 ? "medium" : _ref$size,
|
|
50
|
+
_ref$tabIndex = _ref.tabIndex,
|
|
51
|
+
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(_NumberInputContext["default"].Provider, {
|
|
53
|
+
value: {
|
|
54
|
+
typeNumber: "number",
|
|
55
|
+
minNumber: min,
|
|
56
|
+
maxNumber: max,
|
|
57
|
+
stepNumber: step
|
|
58
|
+
}
|
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement(NumberInputContainer, null, /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
|
|
60
|
+
label: label,
|
|
61
|
+
name: name,
|
|
62
|
+
value: value,
|
|
63
|
+
helperText: helperText,
|
|
64
|
+
placeholder: placeholder,
|
|
65
|
+
disabled: disabled,
|
|
66
|
+
optional: optional,
|
|
67
|
+
prefix: prefix,
|
|
68
|
+
suffix: suffix,
|
|
69
|
+
error: error,
|
|
70
|
+
onChange: onChange,
|
|
71
|
+
onBlur: onBlur,
|
|
72
|
+
autocomplete: autocomplete,
|
|
73
|
+
margin: margin,
|
|
74
|
+
size: size,
|
|
75
|
+
tabIndex: tabIndex,
|
|
76
|
+
ref: ref
|
|
77
|
+
})));
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
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"])));
|
|
81
|
+
|
|
82
|
+
var _default = DxcNumberInput;
|
|
83
|
+
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,19 @@
|
|
|
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
|
+
var defaultState = {
|
|
13
|
+
stepNumber: 1
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
var NumberInputContext = /*#__PURE__*/_react["default"].createContext(defaultState);
|
|
17
|
+
|
|
18
|
+
var _default = NumberInputContext;
|
|
19
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
declare type Props = {
|
|
2
|
+
/**
|
|
3
|
+
* Type of the input.
|
|
4
|
+
*/
|
|
5
|
+
typeNumber?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Minimum value allowed by the number input.
|
|
8
|
+
*/
|
|
9
|
+
minNumber?: number;
|
|
10
|
+
/**
|
|
11
|
+
* Maximum value allowed by the number input.
|
|
12
|
+
*/
|
|
13
|
+
maxNumber?: number;
|
|
14
|
+
/**
|
|
15
|
+
* The step interval to use when using the up and down arrows to adjust the value.
|
|
16
|
+
*/
|
|
17
|
+
stepNumber?: number;
|
|
18
|
+
};
|
|
19
|
+
export default Props;
|