@dxc-technology/halstack-react 0.0.0-4bc8a44 → 0.0.0-4c0fd86
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 +1 -10
- package/BackgroundColorContext.js +4 -21
- package/HalstackContext.d.ts +77 -144
- package/HalstackContext.js +41 -56
- package/README.md +47 -0
- package/accordion/Accordion.accessibility.test.d.ts +1 -0
- package/accordion/Accordion.accessibility.test.js +71 -0
- package/accordion/Accordion.d.ts +1 -1
- package/accordion/Accordion.js +35 -101
- package/accordion/Accordion.stories.tsx +8 -162
- package/accordion/Accordion.test.d.ts +1 -0
- package/accordion/Accordion.test.js +19 -34
- package/accordion/types.d.ts +6 -18
- package/accordion-group/AccordionGroup.accessibility.test.d.ts +1 -0
- package/accordion-group/AccordionGroup.accessibility.test.js +82 -0
- package/accordion-group/AccordionGroup.d.ts +2 -2
- package/accordion-group/AccordionGroup.js +27 -75
- package/accordion-group/AccordionGroup.stories.tsx +78 -77
- package/accordion-group/AccordionGroup.test.d.ts +1 -0
- package/accordion-group/AccordionGroup.test.js +42 -74
- package/accordion-group/AccordionGroupAccordion.d.ts +4 -0
- package/accordion-group/AccordionGroupAccordion.js +31 -0
- package/accordion-group/AccordionGroupContext.d.ts +3 -0
- package/accordion-group/AccordionGroupContext.js +8 -0
- package/accordion-group/types.d.ts +7 -19
- package/action-icon/ActionIcon.accessibility.test.d.ts +1 -0
- package/action-icon/ActionIcon.accessibility.test.js +63 -0
- package/action-icon/ActionIcon.d.ts +4 -0
- package/action-icon/ActionIcon.js +48 -0
- package/action-icon/ActionIcon.stories.tsx +41 -0
- package/action-icon/ActionIcon.test.d.ts +1 -0
- package/action-icon/ActionIcon.test.js +64 -0
- package/action-icon/types.d.ts +26 -0
- package/alert/Alert.accessibility.test.d.ts +1 -0
- package/alert/Alert.accessibility.test.js +95 -0
- package/alert/Alert.js +34 -120
- package/alert/Alert.test.d.ts +1 -0
- package/alert/Alert.test.js +29 -46
- package/alert/types.d.ts +5 -5
- package/badge/Badge.accessibility.test.d.ts +1 -0
- package/badge/Badge.accessibility.test.js +129 -0
- package/badge/Badge.d.ts +1 -1
- package/badge/Badge.js +142 -42
- package/badge/Badge.stories.tsx +210 -0
- package/badge/Badge.test.d.ts +1 -0
- package/badge/Badge.test.js +30 -0
- package/badge/types.d.ts +52 -3
- package/bleed/Bleed.js +13 -21
- package/bleed/types.d.ts +2 -2
- package/box/Box.accessibility.test.d.ts +1 -0
- package/box/Box.accessibility.test.js +33 -0
- package/box/Box.d.ts +1 -1
- package/box/Box.js +16 -55
- package/box/Box.stories.tsx +25 -53
- package/box/Box.test.d.ts +1 -0
- package/box/Box.test.js +2 -7
- package/box/types.d.ts +3 -15
- package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +1 -0
- package/breadcrumbs/Breadcrumbs.accessibility.test.js +96 -0
- package/breadcrumbs/Breadcrumbs.d.ts +4 -0
- package/breadcrumbs/Breadcrumbs.js +79 -0
- package/breadcrumbs/Breadcrumbs.stories.tsx +194 -0
- package/breadcrumbs/Breadcrumbs.test.d.ts +1 -0
- package/breadcrumbs/Breadcrumbs.test.js +168 -0
- package/breadcrumbs/Item.d.ts +4 -0
- package/breadcrumbs/Item.js +52 -0
- package/breadcrumbs/dropdownTheme.d.ts +53 -0
- package/breadcrumbs/dropdownTheme.js +62 -0
- package/breadcrumbs/types.d.ts +40 -0
- package/bulleted-list/BulletedList.accessibility.test.d.ts +1 -0
- package/bulleted-list/BulletedList.accessibility.test.js +119 -0
- package/bulleted-list/BulletedList.js +22 -55
- package/bulleted-list/BulletedList.stories.tsx +2 -93
- package/bulleted-list/types.d.ts +5 -5
- package/button/Button.accessibility.test.d.ts +1 -0
- package/button/Button.accessibility.test.js +127 -0
- package/button/Button.d.ts +1 -1
- package/button/Button.js +68 -100
- package/button/Button.stories.tsx +35 -135
- package/button/Button.test.d.ts +1 -0
- package/button/Button.test.js +20 -17
- package/button/types.d.ts +9 -5
- package/card/Card.accessibility.test.d.ts +1 -0
- package/card/Card.accessibility.test.js +36 -0
- package/card/Card.d.ts +1 -1
- package/card/Card.js +40 -79
- package/card/Card.stories.tsx +1 -30
- package/card/Card.test.d.ts +1 -0
- package/card/Card.test.js +11 -22
- package/card/types.d.ts +6 -12
- package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
- package/checkbox/Checkbox.accessibility.test.js +87 -0
- package/checkbox/Checkbox.js +88 -126
- package/checkbox/Checkbox.stories.tsx +16 -54
- package/checkbox/Checkbox.test.d.ts +1 -0
- package/checkbox/Checkbox.test.js +108 -64
- package/checkbox/types.d.ts +8 -4
- package/chip/Chip.accessibility.test.d.ts +1 -0
- package/chip/Chip.accessibility.test.js +67 -0
- package/chip/Chip.js +22 -36
- package/chip/Chip.stories.tsx +6 -25
- package/chip/Chip.test.d.ts +1 -0
- package/chip/Chip.test.js +18 -31
- package/chip/types.d.ts +4 -4
- package/common/coreTokens.d.ts +105 -15
- package/common/coreTokens.js +41 -25
- package/common/utils.js +2 -8
- package/common/variables.d.ts +83 -144
- package/common/variables.js +153 -227
- package/container/Container.d.ts +4 -0
- package/container/Container.js +194 -0
- package/container/Container.stories.tsx +214 -0
- package/container/types.d.ts +176 -0
- package/container/types.js +5 -0
- package/contextual-menu/ContextualMenu.accessibility.test.d.ts +1 -0
- package/contextual-menu/ContextualMenu.accessibility.test.js +98 -0
- package/contextual-menu/ContextualMenu.d.ts +5 -0
- package/contextual-menu/ContextualMenu.js +136 -0
- package/contextual-menu/ContextualMenu.stories.tsx +231 -0
- package/contextual-menu/ContextualMenu.test.d.ts +1 -0
- package/contextual-menu/ContextualMenu.test.js +247 -0
- package/contextual-menu/GroupItem.d.ts +4 -0
- package/contextual-menu/GroupItem.js +67 -0
- package/contextual-menu/ItemAction.d.ts +4 -0
- package/contextual-menu/ItemAction.js +88 -0
- package/contextual-menu/MenuItem.d.ts +4 -0
- package/contextual-menu/MenuItem.js +29 -0
- package/contextual-menu/SingleItem.d.ts +4 -0
- package/contextual-menu/SingleItem.js +38 -0
- package/contextual-menu/types.d.ts +65 -0
- package/contextual-menu/types.js +5 -0
- package/date-input/Calendar.js +59 -87
- package/date-input/DateInput.accessibility.test.d.ts +1 -0
- package/date-input/DateInput.accessibility.test.js +229 -0
- package/date-input/DateInput.js +70 -111
- package/date-input/DateInput.stories.tsx +22 -35
- package/date-input/DateInput.test.d.ts +1 -0
- package/date-input/DateInput.test.js +675 -702
- package/date-input/DatePicker.js +23 -48
- package/date-input/YearPicker.js +17 -38
- package/date-input/types.d.ts +28 -22
- package/dialog/Dialog.accessibility.test.d.ts +1 -0
- package/dialog/Dialog.accessibility.test.js +69 -0
- package/dialog/Dialog.d.ts +1 -1
- package/dialog/Dialog.js +23 -79
- package/dialog/Dialog.stories.tsx +219 -169
- package/dialog/Dialog.test.d.ts +1 -0
- package/dialog/Dialog.test.js +216 -215
- package/dialog/types.d.ts +18 -26
- package/divider/Divider.accessibility.test.d.ts +1 -0
- package/divider/Divider.accessibility.test.js +33 -0
- package/divider/Divider.d.ts +4 -0
- package/divider/Divider.js +36 -0
- package/divider/Divider.stories.tsx +224 -0
- package/divider/Divider.test.d.ts +1 -0
- package/divider/Divider.test.js +38 -0
- package/divider/types.d.ts +21 -0
- package/divider/types.js +5 -0
- package/dropdown/Dropdown.accessibility.test.d.ts +1 -0
- package/dropdown/Dropdown.accessibility.test.js +183 -0
- package/dropdown/Dropdown.js +67 -135
- package/dropdown/Dropdown.stories.tsx +16 -27
- package/dropdown/Dropdown.test.d.ts +1 -0
- package/dropdown/Dropdown.test.js +434 -392
- package/dropdown/DropdownMenu.js +12 -23
- package/dropdown/DropdownMenuItem.js +13 -21
- package/dropdown/types.d.ts +20 -24
- package/file-input/FileInput.accessibility.test.d.ts +1 -0
- package/file-input/FileInput.accessibility.test.js +167 -0
- package/file-input/FileInput.js +177 -286
- package/file-input/FileInput.stories.tsx +1 -1
- package/file-input/FileInput.test.d.ts +1 -0
- package/file-input/FileInput.test.js +303 -356
- package/file-input/FileItem.js +30 -67
- package/file-input/types.d.ts +9 -13
- package/flex/Flex.js +25 -39
- package/flex/types.d.ts +6 -6
- package/footer/Footer.accessibility.test.d.ts +1 -0
- package/footer/Footer.accessibility.test.js +125 -0
- package/footer/Footer.d.ts +1 -1
- package/footer/Footer.js +72 -115
- package/footer/Footer.stories.tsx +77 -97
- package/footer/Footer.test.d.ts +1 -0
- package/footer/Footer.test.js +22 -34
- package/footer/Icons.d.ts +3 -2
- package/footer/Icons.js +53 -22
- package/footer/types.d.ts +26 -28
- package/grid/Grid.d.ts +1 -1
- package/grid/Grid.js +2 -17
- package/grid/Grid.stories.tsx +41 -39
- package/grid/types.d.ts +10 -10
- package/header/Header.accessibility.test.d.ts +1 -0
- package/header/Header.accessibility.test.js +94 -0
- package/header/Header.d.ts +2 -2
- package/header/Header.js +41 -134
- package/header/Header.stories.tsx +24 -72
- package/header/Header.test.d.ts +1 -0
- package/header/Header.test.js +13 -26
- package/header/Icons.d.ts +2 -2
- package/header/Icons.js +3 -13
- package/header/types.d.ts +7 -22
- package/heading/Heading.accessibility.test.d.ts +1 -0
- package/heading/Heading.accessibility.test.js +33 -0
- package/heading/Heading.js +9 -31
- package/heading/Heading.test.d.ts +1 -0
- package/heading/Heading.test.js +65 -95
- package/heading/types.d.ts +7 -7
- package/icon/Icon.accessibility.test.d.ts +1 -0
- package/icon/Icon.accessibility.test.js +30 -0
- package/icon/Icon.d.ts +4 -0
- package/icon/Icon.js +33 -0
- package/icon/Icon.stories.tsx +28 -0
- package/icon/types.d.ts +4 -0
- package/icon/types.js +5 -0
- package/image/Image.accessibility.test.d.ts +1 -0
- package/image/Image.accessibility.test.js +56 -0
- package/image/Image.d.ts +4 -0
- package/image/Image.js +70 -0
- package/image/Image.stories.tsx +129 -0
- package/image/types.d.ts +72 -0
- package/image/types.js +5 -0
- package/inset/Inset.js +13 -21
- package/inset/types.d.ts +2 -2
- package/layout/ApplicationLayout.d.ts +3 -3
- package/layout/ApplicationLayout.js +35 -69
- package/layout/ApplicationLayout.stories.tsx +1 -1
- package/layout/Icons.d.ts +7 -5
- package/layout/Icons.js +41 -59
- package/layout/types.d.ts +3 -3
- package/link/Link.accessibility.test.d.ts +1 -0
- package/link/Link.accessibility.test.js +108 -0
- package/link/Link.js +28 -47
- package/link/Link.stories.tsx +4 -4
- package/link/Link.test.d.ts +1 -0
- package/link/Link.test.js +24 -42
- package/link/types.d.ts +14 -14
- package/main.d.ts +9 -4
- package/main.js +46 -59
- package/nav-tabs/NavTabs.accessibility.test.d.ts +1 -0
- package/nav-tabs/NavTabs.accessibility.test.js +44 -0
- package/nav-tabs/NavTabs.d.ts +2 -3
- package/nav-tabs/NavTabs.js +39 -56
- package/nav-tabs/NavTabs.stories.tsx +57 -23
- package/nav-tabs/NavTabs.test.d.ts +1 -0
- package/nav-tabs/NavTabs.test.js +46 -51
- package/nav-tabs/NavTabsContext.d.ts +3 -0
- package/nav-tabs/NavTabsContext.js +8 -0
- package/nav-tabs/Tab.js +53 -86
- package/nav-tabs/types.d.ts +15 -16
- package/number-input/NumberInput.accessibility.test.d.ts +1 -0
- package/number-input/NumberInput.accessibility.test.js +227 -0
- package/number-input/NumberInput.js +50 -37
- package/number-input/NumberInput.stories.tsx +37 -26
- package/number-input/NumberInput.test.d.ts +1 -0
- package/number-input/NumberInput.test.js +859 -413
- package/number-input/NumberInputContext.d.ts +3 -4
- package/number-input/NumberInputContext.js +3 -14
- package/number-input/types.d.ts +17 -5
- package/package.json +48 -41
- package/paginator/Paginator.accessibility.test.d.ts +1 -0
- package/paginator/Paginator.accessibility.test.js +78 -0
- package/paginator/Paginator.js +28 -53
- package/paginator/Paginator.test.d.ts +1 -0
- package/paginator/Paginator.test.js +231 -202
- package/paginator/types.d.ts +3 -3
- package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
- package/paragraph/Paragraph.accessibility.test.js +28 -0
- package/paragraph/Paragraph.js +3 -19
- package/paragraph/Paragraph.stories.tsx +0 -17
- package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
- package/password-input/PasswordInput.accessibility.test.js +152 -0
- package/password-input/PasswordInput.js +62 -128
- package/password-input/PasswordInput.stories.tsx +11 -34
- package/password-input/PasswordInput.test.d.ts +1 -0
- package/password-input/PasswordInput.test.js +157 -141
- package/password-input/types.d.ts +8 -7
- package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
- package/progress-bar/ProgressBar.accessibility.test.js +35 -0
- package/progress-bar/ProgressBar.js +26 -56
- package/progress-bar/{ProgressBar.stories.jsx → ProgressBar.stories.tsx} +1 -1
- package/progress-bar/ProgressBar.test.d.ts +1 -0
- package/progress-bar/ProgressBar.test.js +36 -53
- package/progress-bar/types.d.ts +3 -3
- package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
- package/quick-nav/QuickNav.accessibility.test.js +57 -0
- package/quick-nav/QuickNav.js +4 -27
- package/quick-nav/QuickNav.stories.tsx +1 -1
- package/quick-nav/types.d.ts +10 -10
- package/radio-group/Radio.d.ts +1 -1
- package/radio-group/Radio.js +31 -66
- package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
- package/radio-group/RadioGroup.accessibility.test.js +97 -0
- package/radio-group/RadioGroup.js +48 -98
- package/radio-group/RadioGroup.stories.tsx +10 -10
- package/radio-group/RadioGroup.test.d.ts +1 -0
- package/radio-group/RadioGroup.test.js +505 -473
- package/radio-group/types.d.ts +8 -8
- package/resultset-table/Icons.d.ts +7 -0
- package/{resultsetTable → resultset-table}/Icons.js +1 -5
- package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
- package/resultset-table/ResultsetTable.accessibility.test.js +284 -0
- package/resultset-table/ResultsetTable.d.ts +7 -0
- package/{resultsetTable → resultset-table}/ResultsetTable.js +74 -74
- package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +119 -6
- package/resultset-table/ResultsetTable.test.d.ts +1 -0
- package/resultset-table/ResultsetTable.test.js +450 -0
- package/{resultsetTable → resultset-table}/types.d.ts +44 -11
- package/resultset-table/types.js +5 -0
- package/select/Listbox.js +36 -54
- package/select/Option.js +28 -36
- package/select/Select.accessibility.test.d.ts +1 -0
- package/select/Select.accessibility.test.js +227 -0
- package/select/Select.js +114 -178
- package/select/Select.stories.tsx +70 -113
- package/select/Select.test.d.ts +1 -0
- package/select/Select.test.js +1900 -1861
- package/select/types.d.ts +15 -16
- package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
- package/sidenav/Sidenav.accessibility.test.js +59 -0
- package/sidenav/Sidenav.js +44 -81
- package/sidenav/Sidenav.stories.tsx +5 -10
- package/sidenav/Sidenav.test.d.ts +1 -0
- package/sidenav/Sidenav.test.js +4 -11
- package/{layout → sidenav}/SidenavContext.d.ts +1 -1
- package/{layout → sidenav}/SidenavContext.js +3 -9
- package/sidenav/types.d.ts +20 -20
- package/slider/Slider.accessibility.test.d.ts +1 -0
- package/slider/Slider.accessibility.test.js +103 -0
- package/slider/Slider.js +66 -125
- package/slider/Slider.stories.tsx +0 -60
- package/slider/Slider.test.d.ts +1 -0
- package/slider/Slider.test.js +118 -112
- package/slider/types.d.ts +4 -4
- package/spinner/Spinner.accessibility.test.d.ts +1 -0
- package/spinner/Spinner.accessibility.test.js +96 -0
- package/spinner/Spinner.js +21 -55
- package/spinner/Spinner.test.d.ts +1 -0
- package/spinner/Spinner.test.js +26 -35
- package/spinner/types.d.ts +3 -3
- package/status-light/StatusLight.accessibility.test.d.ts +1 -0
- package/status-light/StatusLight.accessibility.test.js +157 -0
- package/status-light/StatusLight.d.ts +4 -0
- package/status-light/StatusLight.js +51 -0
- package/status-light/StatusLight.stories.tsx +74 -0
- package/status-light/StatusLight.test.d.ts +1 -0
- package/status-light/StatusLight.test.js +25 -0
- package/status-light/types.d.ts +17 -0
- package/status-light/types.js +5 -0
- package/switch/Switch.accessibility.test.d.ts +1 -0
- package/switch/Switch.accessibility.test.js +98 -0
- package/switch/Switch.js +49 -100
- package/switch/Switch.stories.tsx +12 -34
- package/switch/Switch.test.d.ts +1 -0
- package/switch/Switch.test.js +52 -97
- package/switch/types.d.ts +4 -4
- package/table/DropdownTheme.js +62 -0
- package/table/Table.accessibility.test.d.ts +1 -0
- package/table/Table.accessibility.test.js +92 -0
- package/table/Table.d.ts +6 -2
- package/table/Table.js +76 -33
- package/table/{Table.stories.jsx → Table.stories.tsx} +309 -2
- package/table/Table.test.d.ts +1 -0
- package/table/Table.test.js +92 -7
- package/table/types.d.ts +34 -6
- package/tabs/Tab.js +22 -37
- package/tabs/Tabs.accessibility.test.d.ts +1 -0
- package/tabs/Tabs.accessibility.test.js +56 -0
- package/tabs/Tabs.js +59 -147
- package/tabs/Tabs.stories.tsx +8 -4
- package/tabs/Tabs.test.d.ts +1 -0
- package/tabs/Tabs.test.js +58 -132
- package/tabs/types.d.ts +21 -21
- package/tag/Tag.accessibility.test.d.ts +1 -0
- package/tag/Tag.accessibility.test.js +69 -0
- package/tag/Tag.js +27 -57
- package/tag/Tag.stories.tsx +5 -8
- package/tag/Tag.test.d.ts +1 -0
- package/tag/Tag.test.js +18 -37
- package/tag/types.d.ts +9 -9
- package/text-input/Suggestion.js +9 -26
- package/text-input/Suggestions.d.ts +1 -1
- package/text-input/Suggestions.js +30 -70
- package/text-input/TextInput.accessibility.test.d.ts +1 -0
- package/text-input/TextInput.accessibility.test.js +320 -0
- package/text-input/TextInput.js +224 -326
- package/text-input/TextInput.stories.tsx +68 -160
- package/text-input/TextInput.test.d.ts +1 -0
- package/text-input/TextInput.test.js +1227 -1195
- package/text-input/types.d.ts +25 -17
- package/textarea/Textarea.accessibility.test.d.ts +1 -0
- package/textarea/Textarea.accessibility.test.js +155 -0
- package/textarea/Textarea.js +64 -105
- package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} +58 -100
- package/textarea/Textarea.test.d.ts +1 -0
- package/textarea/Textarea.test.js +151 -180
- package/textarea/types.d.ts +9 -5
- package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
- package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
- package/toggle-group/ToggleGroup.js +90 -109
- package/toggle-group/ToggleGroup.stories.tsx +11 -8
- package/toggle-group/ToggleGroup.test.d.ts +1 -0
- package/toggle-group/ToggleGroup.test.js +69 -88
- package/toggle-group/types.d.ts +28 -19
- package/tooltip/Tooltip.accessibility.test.d.ts +1 -0
- package/tooltip/Tooltip.accessibility.test.js +144 -0
- package/tooltip/Tooltip.d.ts +4 -0
- package/tooltip/Tooltip.js +50 -0
- package/tooltip/Tooltip.stories.tsx +111 -0
- package/tooltip/Tooltip.test.d.ts +1 -0
- package/tooltip/Tooltip.test.js +112 -0
- package/tooltip/types.d.ts +16 -0
- package/tooltip/types.js +5 -0
- package/typography/Typography.accessibility.test.d.ts +1 -0
- package/typography/Typography.accessibility.test.js +339 -0
- package/typography/Typography.js +4 -13
- package/typography/Typography.stories.tsx +1 -3
- package/typography/Typography.test.js +23 -0
- package/typography/types.d.ts +1 -1
- package/useTheme.d.ts +74 -141
- package/useTheme.js +1 -8
- package/useTranslatedLabels.js +1 -7
- package/utils/BaseTypography.d.ts +2 -2
- package/utils/BaseTypography.js +60 -70
- package/utils/FocusLock.js +26 -39
- package/wizard/Wizard.accessibility.test.d.ts +1 -0
- package/wizard/Wizard.accessibility.test.js +55 -0
- package/wizard/Wizard.js +27 -73
- package/wizard/Wizard.stories.tsx +20 -1
- package/wizard/Wizard.test.d.ts +1 -0
- package/wizard/Wizard.test.js +54 -81
- package/wizard/types.d.ts +8 -8
- package/card/ice-cream.jpg +0 -0
- package/common/OpenSans.css +0 -69
- package/common/fonts/OpenSans-Bold.ttf +0 -0
- package/common/fonts/OpenSans-BoldItalic.ttf +0 -0
- package/common/fonts/OpenSans-ExtraBold.ttf +0 -0
- package/common/fonts/OpenSans-ExtraBoldItalic.ttf +0 -0
- package/common/fonts/OpenSans-Italic.ttf +0 -0
- package/common/fonts/OpenSans-Light.ttf +0 -0
- package/common/fonts/OpenSans-LightItalic.ttf +0 -0
- package/common/fonts/OpenSans-Regular.ttf +0 -0
- package/common/fonts/OpenSans-SemiBold.ttf +0 -0
- package/common/fonts/OpenSans-SemiBoldItalic.ttf +0 -0
- package/date-input/Icons.d.ts +0 -6
- package/date-input/Icons.js +0 -75
- package/number-input/numberInputContextTypes.d.ts +0 -19
- package/paginator/Icons.d.ts +0 -5
- package/paginator/Icons.js +0 -54
- package/resultsetTable/Icons.d.ts +0 -7
- package/resultsetTable/ResultsetTable.d.ts +0 -4
- package/resultsetTable/ResultsetTable.test.js +0 -325
- package/select/Icons.d.ts +0 -10
- package/select/Icons.js +0 -93
- package/sidenav/Icons.d.ts +0 -7
- package/sidenav/Icons.js +0 -51
- package/text-input/Icons.d.ts +0 -8
- package/text-input/Icons.js +0 -60
- /package/{resultsetTable → action-icon}/types.js +0 -0
- /package/{number-input/numberInputContextTypes.js → breadcrumbs/types.js} +0 -0
- /package/spinner/{Spinner.stories.jsx → Spinner.stories.tsx} +0 -0
|
@@ -1,10 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare type BackgroundColors = "dark" | "light";
|
|
3
|
-
declare const BackgroundColorContext: React.Context<BackgroundColors>;
|
|
4
|
-
declare type BackgroundColorProviderPropsType = {
|
|
5
|
-
color: string;
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
};
|
|
8
|
-
declare const BackgroundColorProvider: ({ color, children }: BackgroundColorProviderPropsType) => JSX.Element;
|
|
9
|
-
export default BackgroundColorContext;
|
|
10
|
-
export { BackgroundColorProvider };
|
|
1
|
+
export {};
|
|
@@ -1,24 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports["default"] = exports.BackgroundColorProvider = void 0;
|
|
11
|
-
|
|
12
5
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
6
|
var _color = _interopRequireDefault(require("color"));
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
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; }
|
|
19
|
-
|
|
7
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
8
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
20
9
|
var BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
21
|
-
|
|
22
10
|
var getColorType = function getColorType(hexColor) {
|
|
23
11
|
try {
|
|
24
12
|
if (hexColor) {
|
|
@@ -30,18 +18,13 @@ var getColorType = function getColorType(hexColor) {
|
|
|
30
18
|
return "light";
|
|
31
19
|
}
|
|
32
20
|
};
|
|
33
|
-
|
|
34
21
|
var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
|
|
35
22
|
var color = _ref.color,
|
|
36
|
-
|
|
23
|
+
children = _ref.children;
|
|
37
24
|
var colorType = (0, _react.useMemo)(function () {
|
|
38
25
|
return getColorType(color);
|
|
39
26
|
}, [color]);
|
|
40
27
|
return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
|
|
41
28
|
value: colorType
|
|
42
29
|
}, children);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.BackgroundColorProvider = BackgroundColorProvider;
|
|
46
|
-
var _default = BackgroundColorContext;
|
|
47
|
-
exports["default"] = _default;
|
|
30
|
+
};
|
package/HalstackContext.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
38
38
|
disabledIconColor: string;
|
|
39
39
|
iconSize: string;
|
|
40
40
|
iconMarginLeft: string;
|
|
41
|
-
|
|
41
|
+
iconMarginRight: string;
|
|
42
42
|
accordionGroupSeparatorBorderColor: string;
|
|
43
43
|
accordionGroupSeparatorBorderThickness: string;
|
|
44
44
|
accordionGroupSeparatorBorderRadius: string;
|
|
@@ -111,7 +111,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
111
111
|
};
|
|
112
112
|
bulletedList: {
|
|
113
113
|
fontColor: string;
|
|
114
|
-
fontColorOnDark: string;
|
|
115
114
|
bulletIconHeight: string;
|
|
116
115
|
bulletIconWidth: string;
|
|
117
116
|
bulletHeight: string;
|
|
@@ -126,19 +125,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
126
125
|
paddingTop: string;
|
|
127
126
|
paddingBottom: string;
|
|
128
127
|
focusBorderColor: string;
|
|
129
|
-
focusBorderColorOnDark: string;
|
|
130
128
|
primaryBackgroundColor: string;
|
|
131
|
-
primaryBackgroundColorOnDark: string;
|
|
132
129
|
primaryFontColor: string;
|
|
133
|
-
primaryFontColorOnDark: string;
|
|
134
130
|
primaryHoverBackgroundColor: string;
|
|
135
|
-
primaryHoverBackgroundColorOnDark: string;
|
|
136
131
|
primaryActiveBackgroundColor: string;
|
|
137
|
-
primaryActiveBackgroundColorOnDark: string;
|
|
138
132
|
primaryDisabledBackgroundColor: string;
|
|
139
|
-
primaryDisabledBackgroundColorOnDark: string;
|
|
140
133
|
primaryDisabledFontColor: string;
|
|
141
|
-
primaryDisabledFontColorOnDark: string;
|
|
142
134
|
primaryBorderThickness: string;
|
|
143
135
|
primaryBorderStyle: string;
|
|
144
136
|
primaryBorderRadius: string;
|
|
@@ -146,23 +138,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
146
138
|
primaryFontSize: string;
|
|
147
139
|
primaryFontWeight: string;
|
|
148
140
|
secondaryBackgroundColor: string;
|
|
149
|
-
secondaryBackgroundColorOnDark: string;
|
|
150
141
|
secondaryFontColor: string;
|
|
151
|
-
secondaryFontColorOnDark: string;
|
|
152
142
|
secondaryHoverFontColor: string;
|
|
153
|
-
secondaryHoverFontColorOnDark: string;
|
|
154
143
|
secondaryBorderColor: string;
|
|
155
|
-
secondaryBorderColorOnDark: string;
|
|
156
144
|
secondaryHoverBackgroundColor: string;
|
|
157
|
-
secondaryHoverBackgroundColorOnDark: string;
|
|
158
145
|
secondaryActiveBackgroundColor: string;
|
|
159
|
-
secondaryActiveBackgroundColorOnDark: string;
|
|
160
146
|
secondaryDisabledBackgroundColor: string;
|
|
161
|
-
secondaryDisabledBackgroundColorOnDark: string;
|
|
162
147
|
secondaryDisabledFontColor: string;
|
|
163
|
-
secondaryDisabledFontColorOnDark: string;
|
|
164
148
|
secondaryDisabledBorderColor: string;
|
|
165
|
-
secondaryDisabledBorderColorOnDark: string;
|
|
166
149
|
secondaryBorderThickness: string;
|
|
167
150
|
secondaryBorderStyle: string;
|
|
168
151
|
secondaryBorderRadius: string;
|
|
@@ -170,17 +153,11 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
170
153
|
secondaryFontSize: string;
|
|
171
154
|
secondaryFontWeight: string;
|
|
172
155
|
textBackgroundColor: string;
|
|
173
|
-
textBackgroundColorOnDark: string;
|
|
174
156
|
textFontColor: string;
|
|
175
|
-
textFontColorOnDark: string;
|
|
176
157
|
textHoverBackgroundColor: string;
|
|
177
|
-
textHoverBackgroundColorOnDark: string;
|
|
178
158
|
textActiveBackgroundColor: string;
|
|
179
|
-
textActiveBackgroundColorOnDark: string;
|
|
180
159
|
textDisabledBackgroundColor: string;
|
|
181
|
-
textDisabledBackgroundColorOnDark: string;
|
|
182
160
|
textDisabledFontColor: string;
|
|
183
|
-
textDisabledFontColorOnDark: string;
|
|
184
161
|
textBorderThickness: string;
|
|
185
162
|
textBorderStyle: string;
|
|
186
163
|
textBorderRadius: string;
|
|
@@ -194,30 +171,24 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
194
171
|
};
|
|
195
172
|
checkbox: {
|
|
196
173
|
backgroundColorChecked: string;
|
|
197
|
-
backgroundColorCheckedOnDark: string;
|
|
198
174
|
hoverBackgroundColorChecked: string;
|
|
199
|
-
hoverBackgroundColorCheckedOnDark: string;
|
|
200
175
|
disabledBackgroundColorChecked: string;
|
|
201
|
-
|
|
176
|
+
readOnlyBackgroundColorChecked: string;
|
|
177
|
+
hoverReadOnlyBackgroundColorChecked: string;
|
|
202
178
|
borderColor: string;
|
|
203
|
-
borderColorOnDark: string;
|
|
204
179
|
hoverBorderColor: string;
|
|
205
|
-
hoverBorderColorOnDark: string;
|
|
206
180
|
disabledBorderColor: string;
|
|
207
|
-
|
|
181
|
+
readOnlyBorderColor: string;
|
|
182
|
+
hoverReadOnlyBorderColor: string;
|
|
208
183
|
checkColor: string;
|
|
209
|
-
checkColorOnDark: string;
|
|
210
184
|
disabledCheckColor: string;
|
|
211
|
-
|
|
185
|
+
readOnlyCheckColor: string;
|
|
212
186
|
fontFamily: string;
|
|
213
187
|
fontSize: string;
|
|
214
188
|
fontWeight: string;
|
|
215
189
|
fontColor: string;
|
|
216
|
-
fontColorOnDark: string;
|
|
217
190
|
disabledFontColor: string;
|
|
218
|
-
disabledFontColorOnDark: string;
|
|
219
191
|
focusColor: string;
|
|
220
|
-
focusColorOnDark: string;
|
|
221
192
|
checkLabelSpacing: string;
|
|
222
193
|
};
|
|
223
194
|
chip: {
|
|
@@ -248,6 +219,29 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
248
219
|
focusBorderThickness: string;
|
|
249
220
|
focusBorderRadius: string;
|
|
250
221
|
};
|
|
222
|
+
contextualMenu: {
|
|
223
|
+
fontFamily: string;
|
|
224
|
+
backgroundColor: string;
|
|
225
|
+
borderColor: string;
|
|
226
|
+
menuItemFontColor: string;
|
|
227
|
+
menuItemFontSize: string;
|
|
228
|
+
menuItemFontStyle: string;
|
|
229
|
+
menuItemFontWeight: string;
|
|
230
|
+
menuItemLineHeight: string;
|
|
231
|
+
hoverMenuItemBackgroundColor: string;
|
|
232
|
+
activeMenuItemBackgroundColor: string;
|
|
233
|
+
selectedMenuItemBackgroundColor: string;
|
|
234
|
+
hoverSelectedMenuItemBackgroundColor: string;
|
|
235
|
+
activeSelectedMenuItemBackgroundColor: string;
|
|
236
|
+
selectedMenuItemFontWeight: string;
|
|
237
|
+
sectionTitleFontColor: string;
|
|
238
|
+
sectionTitleFontSize: string;
|
|
239
|
+
sectionTitleFontStyle: string;
|
|
240
|
+
sectionTitleFontWeight: string;
|
|
241
|
+
sectionTitleLineHeight: string;
|
|
242
|
+
iconColor: string;
|
|
243
|
+
iconSize: string;
|
|
244
|
+
};
|
|
251
245
|
dateInput: {
|
|
252
246
|
pickerBackgroundColor: string;
|
|
253
247
|
pickerFontColor: string;
|
|
@@ -282,8 +276,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
282
276
|
dialog: {
|
|
283
277
|
overlayColor: string;
|
|
284
278
|
backgroundColor: string;
|
|
285
|
-
|
|
286
|
-
closeIconHeight: string;
|
|
279
|
+
closeIconSize: string;
|
|
287
280
|
closeIconTopPosition: string;
|
|
288
281
|
closeIconRightPosition: string;
|
|
289
282
|
closeIconBackgroundColor: string;
|
|
@@ -313,9 +306,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
313
306
|
buttonPaddingBottom: string;
|
|
314
307
|
buttonPaddingLeft: string;
|
|
315
308
|
buttonPaddingRight: string;
|
|
309
|
+
buttonHeight: string;
|
|
310
|
+
buttonBorderRadius: string;
|
|
311
|
+
buttonBorderStyle: string;
|
|
312
|
+
buttonBorderThickness: string;
|
|
313
|
+
buttonBorderColor: string;
|
|
316
314
|
disabledColor: string;
|
|
317
315
|
disabledButtonBackgroundColor: string;
|
|
318
|
-
|
|
316
|
+
disabledButtonBorderColor: string;
|
|
319
317
|
optionBackgroundColor: string;
|
|
320
318
|
hoverOptionBackgroundColor: string;
|
|
321
319
|
activeOptionBackgroundColor: string;
|
|
@@ -355,7 +353,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
355
353
|
focusDropBorderColor: string;
|
|
356
354
|
disabledDropBorderColor: string;
|
|
357
355
|
dragoverDropBackgroundColor: string;
|
|
358
|
-
activeFileItemIconBackgrounColor: string;
|
|
359
356
|
errorFileItemBorderColor: string;
|
|
360
357
|
errorFileItemBackgroundColor: string;
|
|
361
358
|
errorFilePreviewBackgroundColor: string;
|
|
@@ -451,7 +448,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
451
448
|
underlinedThickness: string;
|
|
452
449
|
underlinedStyle: string;
|
|
453
450
|
contentColor: string;
|
|
454
|
-
contentColorOnDark: string;
|
|
455
451
|
};
|
|
456
452
|
heading: {
|
|
457
453
|
level1FontColor: string;
|
|
@@ -490,6 +486,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
490
486
|
level5LineHeight: string;
|
|
491
487
|
level5LetterSpacing: string;
|
|
492
488
|
};
|
|
489
|
+
image: {
|
|
490
|
+
captionFontColor: string;
|
|
491
|
+
captionFontFamily: string;
|
|
492
|
+
captionFontSize: string;
|
|
493
|
+
captionFontStyle: string;
|
|
494
|
+
captionFontWeight: string;
|
|
495
|
+
captionLineHeight: string;
|
|
496
|
+
};
|
|
493
497
|
link: {
|
|
494
498
|
fontColor: string;
|
|
495
499
|
fontFamily: string;
|
|
@@ -549,32 +553,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
549
553
|
totalItemsContainerMarginLeft: string;
|
|
550
554
|
};
|
|
551
555
|
paragraph: {
|
|
552
|
-
fontColor: string;
|
|
553
|
-
fontColorOnDark: string;
|
|
554
556
|
display: string;
|
|
557
|
+
fontColor: string;
|
|
555
558
|
fontSize: string;
|
|
556
559
|
fontWeight: string;
|
|
557
560
|
};
|
|
558
561
|
progressBar: {
|
|
559
562
|
trackLineColor: string;
|
|
560
|
-
trackLineColorOnDark: string;
|
|
561
563
|
totalLineColor: string;
|
|
562
564
|
labelFontFamily: string;
|
|
563
565
|
labelFontSize: string;
|
|
564
566
|
labelFontStyle: string;
|
|
565
567
|
labelFontWeight: string;
|
|
566
568
|
labelFontColor: string;
|
|
567
|
-
labelFontColorOnDark: string;
|
|
568
569
|
labelFontTextTransform: string;
|
|
569
570
|
valueFontFamily: string;
|
|
570
571
|
valueFontSize: string;
|
|
571
572
|
valueFontStyle: string;
|
|
572
573
|
valueFontWeight: string;
|
|
573
574
|
valueFontColor: string;
|
|
574
|
-
valueFontColorOnDark: string;
|
|
575
575
|
valueFontTextTransform: string;
|
|
576
576
|
helperTextFontColor: string;
|
|
577
|
-
helperTextFontColorOnDark: string;
|
|
578
577
|
helperTextFontSize: string;
|
|
579
578
|
helperTextFontStyle: string;
|
|
580
579
|
helperTextFontWeight: string;
|
|
@@ -610,9 +609,9 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
610
609
|
errorRadioInputColor: string;
|
|
611
610
|
hoverErrorRadioInputColor: string;
|
|
612
611
|
activeErrorRadioInputColor: string;
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
612
|
+
readOnlyRadioInputColor: string;
|
|
613
|
+
hoverReadOnlyRadioInputColor: string;
|
|
614
|
+
activeReadOnlyRadioInputColor: string;
|
|
616
615
|
disabledRadioInputColor: string;
|
|
617
616
|
disabledLabelFontColor: string;
|
|
618
617
|
disabledHelperTextFontColor: string;
|
|
@@ -752,7 +751,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
752
751
|
slider: {
|
|
753
752
|
fontFamily: string;
|
|
754
753
|
limitValuesFontColor: string;
|
|
755
|
-
limitValuesFontColorOnDark: string;
|
|
756
754
|
limitValuesFontSize: string;
|
|
757
755
|
limitValuesFontStyle: string;
|
|
758
756
|
limitValuesFontWeight: string;
|
|
@@ -769,15 +767,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
769
767
|
helperTextFontWeight: string;
|
|
770
768
|
helperTextLineHeight: string;
|
|
771
769
|
fontColor: string;
|
|
772
|
-
fontColorOnDark: string;
|
|
773
770
|
labelFontColor: string;
|
|
774
|
-
labelFontColorOnDark: string;
|
|
775
771
|
helperTextFontColor: string;
|
|
776
|
-
helperTextFontColorOnDark: string;
|
|
777
772
|
disabledLabelFontColor: string;
|
|
778
|
-
disabledLabelFontColorOnDark: string;
|
|
779
773
|
disabledHelperTextFontColor: string;
|
|
780
|
-
disabledHelperTextFontColorOnDark: string;
|
|
781
774
|
thumbHeight: string;
|
|
782
775
|
thumbWidth: string;
|
|
783
776
|
hoverThumbHeight: string;
|
|
@@ -785,40 +778,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
785
778
|
thumbVerticalPosition: string;
|
|
786
779
|
hoverThumbVerticalPosition: string;
|
|
787
780
|
thumbBackgroundColor: string;
|
|
788
|
-
thumbBackgroundColorOnDark: string;
|
|
789
781
|
hoverThumbScale: string;
|
|
790
782
|
hoverThumbBackgroundColor: string;
|
|
791
|
-
hoverThumbBackgroundColorOnDark: string;
|
|
792
783
|
activeThumbScale: string;
|
|
793
784
|
activeThumbBackgroundColor: string;
|
|
794
|
-
activeThumbBackgroundColorOnDark: string;
|
|
795
785
|
focusThumbBackgroundColor: string;
|
|
796
|
-
focusThumbBackgroundColorOnDark: string;
|
|
797
786
|
tickHeight: string;
|
|
798
787
|
tickWidth: string;
|
|
799
788
|
tickVerticalPosition: string;
|
|
800
789
|
tickBackgroundColor: string;
|
|
801
|
-
tickBackgroundColorOnDark: string;
|
|
802
790
|
trackLineThickness: string;
|
|
803
791
|
trackLineVerticalPosition: string;
|
|
804
792
|
trackLineColor: string;
|
|
805
|
-
trackLineColorOnDark: string;
|
|
806
793
|
totalLineThickness: string;
|
|
807
794
|
totalLineVerticalPosition: string;
|
|
808
795
|
totalLineColor: string;
|
|
809
|
-
totalLineColorOnDark: string;
|
|
810
796
|
disabledThumbVerticalPosition: string;
|
|
811
797
|
disabledThumbBackgroundColor: string;
|
|
812
|
-
disabledThumbBackgroundColorOnDark: string;
|
|
813
798
|
disabledTickVerticalPosition: string;
|
|
814
799
|
disabledTickBackgroundColor: string;
|
|
815
|
-
disabledTickBackgroundColorOnDark: string;
|
|
816
800
|
disabledTrackLineColor: string;
|
|
817
|
-
disabledTrackLineColorOnDark: string;
|
|
818
801
|
disabledTotalLineColor: string;
|
|
819
|
-
disabledTotalLineColorOnDark: string;
|
|
820
802
|
focusColor: string;
|
|
821
|
-
focusColorOnDark: string;
|
|
822
803
|
floorLabelMarginRight: string;
|
|
823
804
|
ceilLabelMarginLeft: string;
|
|
824
805
|
inputMarginLeft: string;
|
|
@@ -832,14 +813,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
832
813
|
labelFontStyle: string;
|
|
833
814
|
labelFontWeight: string;
|
|
834
815
|
labelFontColor: string;
|
|
835
|
-
labelFontColorOnDark: string;
|
|
836
816
|
labelTextAlign: string;
|
|
837
817
|
progressValueFontFamily: string;
|
|
838
818
|
progressValueFontSize: string;
|
|
839
819
|
progressValueFontStyle: string;
|
|
840
820
|
progressValueFontWeight: string;
|
|
841
821
|
progressValueFontColor: string;
|
|
842
|
-
progressValueFontColorOnDark: string;
|
|
843
822
|
progressValueTextAlign: string;
|
|
844
823
|
overlayBackgroundColor: string;
|
|
845
824
|
overlayOpacity: string;
|
|
@@ -858,32 +837,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
858
837
|
};
|
|
859
838
|
switch: {
|
|
860
839
|
checkedTrackBackgroundColor: string;
|
|
861
|
-
checkedTrackBackgroundColorOnDark: string;
|
|
862
840
|
checkedThumbBackgroundColor: string;
|
|
863
|
-
checkedThumbBackgroundColorOnDark: string;
|
|
864
841
|
uncheckedTrackBackgroundColor: string;
|
|
865
|
-
uncheckedTrackBackgroundColorOnDark: string;
|
|
866
842
|
uncheckedThumbBackgroundColor: string;
|
|
867
|
-
uncheckedThumbBackgroundColorOnDark: string;
|
|
868
843
|
disabledCheckedTrackBackgroundColor: string;
|
|
869
|
-
disabledCheckedTrackBackgroundColorOnDark: string;
|
|
870
844
|
disabledCheckedThumbBackgroundColor: string;
|
|
871
|
-
disabledCheckedThumbBackgroundColorOnDark: string;
|
|
872
845
|
disabledUncheckedTrackBackgroundColor: string;
|
|
873
|
-
disabledUncheckedTrackBackgroundColorOnDark: string;
|
|
874
846
|
disabledUncheckedThumbBackgroundColor: string;
|
|
875
|
-
disabledUncheckedThumbBackgroundColorOnDark: string;
|
|
876
847
|
disabledLabelFontColor: string;
|
|
877
|
-
disabledLabelFontColorOnDark: string;
|
|
878
848
|
disabledLabelFontStyle: string;
|
|
879
849
|
labelFontFamily: string;
|
|
880
850
|
labelFontSize: string;
|
|
881
851
|
labelFontStyle: string;
|
|
882
852
|
labelFontWeight: string;
|
|
883
853
|
labelFontColor: string;
|
|
884
|
-
labelFontColorOnDark: string;
|
|
885
854
|
thumbFocusColor: string;
|
|
886
|
-
thumbFocusColorOnDark: string;
|
|
887
855
|
thumbHeight: string;
|
|
888
856
|
thumbWidth: string;
|
|
889
857
|
thumbShift: string;
|
|
@@ -906,8 +874,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
906
874
|
dataPaddingBottom: string;
|
|
907
875
|
dataPaddingRight: string;
|
|
908
876
|
dataPaddingLeft: string;
|
|
877
|
+
dataPaddingTopReduced: string;
|
|
878
|
+
dataPaddingBottomReduced: string;
|
|
879
|
+
dataPaddingRightReduced: string;
|
|
880
|
+
dataPaddingLeftReduced: string;
|
|
909
881
|
dataTextAlign: string;
|
|
910
882
|
dataTextLineHeight: string;
|
|
883
|
+
firstChildPaddingLeft: string;
|
|
884
|
+
lastChildPaddingRight: string;
|
|
885
|
+
firstChildPaddingLeftReduced: string;
|
|
886
|
+
lastChildPaddingRightReduced: string;
|
|
911
887
|
headerBackgroundColor: string;
|
|
912
888
|
headerBorderRadius: string;
|
|
913
889
|
headerFontFamily: string;
|
|
@@ -920,11 +896,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
920
896
|
headerPaddingBottom: string;
|
|
921
897
|
headerPaddingRight: string;
|
|
922
898
|
headerPaddingLeft: string;
|
|
899
|
+
headerPaddingTopReduced: string;
|
|
900
|
+
headerPaddingBottomReduced: string;
|
|
901
|
+
headerPaddingRightReduced: string;
|
|
902
|
+
headerPaddingLeftReduced: string;
|
|
923
903
|
headerTextAlign: string;
|
|
924
904
|
headerTextLineHeight: string;
|
|
925
905
|
scrollBarThumbColor: string;
|
|
926
906
|
scrollBarTrackColor: string;
|
|
927
907
|
sortIconColor: string;
|
|
908
|
+
actionIconColor: string;
|
|
909
|
+
disabledActionIconColor: string;
|
|
910
|
+
hoverActionIconColor: string;
|
|
911
|
+
focusActionIconColor: string;
|
|
912
|
+
activeActionIconColor: string;
|
|
913
|
+
actionBackgroundColor: string;
|
|
914
|
+
disabledActionBackgroundColor: string;
|
|
915
|
+
hoverActionBackgroundColor: string;
|
|
916
|
+
focusActionBorderColor: string;
|
|
917
|
+
activeActionBackgroundColor: string;
|
|
928
918
|
};
|
|
929
919
|
tabs: {
|
|
930
920
|
fontFamily: string;
|
|
@@ -943,7 +933,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
943
933
|
disabledFontColor: string;
|
|
944
934
|
disabledIconColor: string;
|
|
945
935
|
disabledFontStyle: string;
|
|
946
|
-
disabledBadgeBackgroundColor: string;
|
|
947
936
|
hoverBackgroundColor: string;
|
|
948
937
|
pressedBackgroundColor: string;
|
|
949
938
|
pressedFontWeight: string;
|
|
@@ -951,19 +940,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
951
940
|
dividerThickness: string;
|
|
952
941
|
focusOutline: string;
|
|
953
942
|
scrollButtonsWidth: string;
|
|
954
|
-
badgeBackgroundColor: string;
|
|
955
|
-
badgeFontFamily: string;
|
|
956
|
-
badgeFontSize: string;
|
|
957
|
-
badgeFontStyle: string;
|
|
958
|
-
badgeFontWeight: string;
|
|
959
|
-
badgeFontColor: string;
|
|
960
|
-
badgeLetterSpacing: string;
|
|
961
|
-
badgeWidth: string;
|
|
962
|
-
badgeHeight: string;
|
|
963
|
-
badgeRadius: string;
|
|
964
|
-
badgeWidthWithNotificationNumber: string;
|
|
965
|
-
badgeHeightWithNotificationNumber: string;
|
|
966
|
-
badgeRadiusWithNotificationNumber: string;
|
|
967
943
|
};
|
|
968
944
|
tag: {
|
|
969
945
|
fontFamily: string;
|
|
@@ -985,130 +961,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
985
961
|
textarea: {
|
|
986
962
|
fontFamily: string;
|
|
987
963
|
enabledBorderColor: string;
|
|
988
|
-
enabledBorderColorOnDark: string;
|
|
989
964
|
hoverBorderColor: string;
|
|
990
|
-
hoverBorderColorOnDark: string;
|
|
991
965
|
focusBorderColor: string;
|
|
992
|
-
focusBorderColorOnDark: string;
|
|
993
966
|
disabledBorderColor: string;
|
|
994
|
-
disabledBorderColorOnDark: string;
|
|
995
967
|
disabledContainerFillColor: string;
|
|
996
|
-
|
|
968
|
+
readOnlyBorderColor: string;
|
|
969
|
+
hoverReadOnlyBorderColor: string;
|
|
997
970
|
errorBorderColor: string;
|
|
998
|
-
errorBorderColorOnDark: string;
|
|
999
971
|
hoverErrorBorderColor: string;
|
|
1000
|
-
hoverErrorBorderColorOnDark: string;
|
|
1001
972
|
inputMarginTop: string;
|
|
1002
973
|
inputMarginBottom: string;
|
|
1003
974
|
errorMessageColor: string;
|
|
1004
|
-
errorMessageColorOnDark: string;
|
|
1005
975
|
labelFontColor: string;
|
|
1006
|
-
labelFontColorOnDark: string;
|
|
1007
976
|
labelFontSize: string;
|
|
1008
977
|
labelFontStyle: string;
|
|
1009
978
|
labelFontWeight: string;
|
|
1010
979
|
labelLineHeight: string;
|
|
1011
980
|
disabledLabelFontColor: string;
|
|
1012
|
-
disabledLabelFontColorOnDark: string;
|
|
1013
981
|
optionalLabelFontWeight: string;
|
|
1014
982
|
helperTextFontColor: string;
|
|
1015
|
-
helperTextFontColorOnDark: string;
|
|
1016
983
|
helperTextFontSize: string;
|
|
1017
984
|
helperTextFontStyle: string;
|
|
1018
985
|
helperTextFontWeight: string;
|
|
1019
986
|
helperTextLineHeight: string;
|
|
1020
987
|
disabledHelperTextFontColor: string;
|
|
1021
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1022
988
|
placeholderFontColor: string;
|
|
1023
|
-
placeholderFontColorOnDark: string;
|
|
1024
989
|
disabledPlaceholderFontColor: string;
|
|
1025
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1026
990
|
valueFontColor: string;
|
|
1027
|
-
valueFontColorOnDark: string;
|
|
1028
991
|
valueFontSize: string;
|
|
1029
992
|
valueFontStyle: string;
|
|
1030
993
|
valueFontWeight: string;
|
|
1031
994
|
disabledValueFontColor: string;
|
|
1032
|
-
disabledValueFontColorOnDark: string;
|
|
1033
995
|
};
|
|
1034
996
|
textInput: {
|
|
1035
997
|
fontFamily: string;
|
|
1036
998
|
enabledBorderColor: string;
|
|
1037
|
-
enabledBorderColorOnDark: string;
|
|
1038
999
|
hoverBorderColor: string;
|
|
1039
|
-
hoverBorderColorOnDark: string;
|
|
1040
1000
|
focusBorderColor: string;
|
|
1041
|
-
focusBorderColorOnDark: string;
|
|
1042
1001
|
disabledBorderColor: string;
|
|
1043
|
-
disabledBorderColorOnDark: string;
|
|
1044
1002
|
disabledContainerFillColor: string;
|
|
1045
|
-
|
|
1003
|
+
readOnlyBorderColor: string;
|
|
1004
|
+
hoverReadOnlyBorderColor: string;
|
|
1046
1005
|
errorBorderColor: string;
|
|
1047
|
-
errorBorderColorOnDark: string;
|
|
1048
1006
|
hoverErrorBorderColor: string;
|
|
1049
|
-
hoverErrorBorderColorOnDark: string;
|
|
1050
1007
|
inputMarginTop: string;
|
|
1051
1008
|
inputMarginBottom: string;
|
|
1052
1009
|
errorMessageColor: string;
|
|
1053
|
-
errorMessageColorOnDark: string;
|
|
1054
1010
|
errorIconColor: string;
|
|
1055
|
-
errorIconColorOnDark: string;
|
|
1056
1011
|
labelFontColor: string;
|
|
1057
|
-
labelFontColorOnDark: string;
|
|
1058
1012
|
labelFontSize: string;
|
|
1059
1013
|
labelFontStyle: string;
|
|
1060
1014
|
labelFontWeight: string;
|
|
1061
1015
|
labelLineHeight: string;
|
|
1062
1016
|
disabledLabelFontColor: string;
|
|
1063
|
-
disabledLabelFontColorOnDark: string;
|
|
1064
1017
|
optionalLabelFontWeight: string;
|
|
1065
1018
|
helperTextFontColor: string;
|
|
1066
|
-
helperTextFontColorOnDark: string;
|
|
1067
1019
|
helperTextFontSize: string;
|
|
1068
1020
|
helperTextFontStyle: string;
|
|
1069
1021
|
helperTextFontWeight: string;
|
|
1070
1022
|
helperTextLineHeight: string;
|
|
1071
1023
|
disabledHelperTextFontColor: string;
|
|
1072
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1073
1024
|
prefixColor: string;
|
|
1074
|
-
prefixColorOnDark: string;
|
|
1075
1025
|
suffixColor: string;
|
|
1076
|
-
suffixColorOnDark: string;
|
|
1077
1026
|
disabledPrefixColor: string;
|
|
1078
1027
|
disabledSuffixColor: string;
|
|
1079
|
-
disabledPrefixColorOnDark: string;
|
|
1080
|
-
disabledSuffixColorOnDark: string;
|
|
1081
1028
|
placeholderFontColor: string;
|
|
1082
|
-
placeholderFontColorOnDark: string;
|
|
1083
1029
|
disabledPlaceholderFontColor: string;
|
|
1084
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1085
1030
|
valueFontColor: string;
|
|
1086
|
-
valueFontColorOnDark: string;
|
|
1087
1031
|
valueFontSize: string;
|
|
1088
1032
|
valueFontStyle: string;
|
|
1089
1033
|
valueFontWeight: string;
|
|
1090
1034
|
disabledValueFontColor: string;
|
|
1091
|
-
disabledValueFontColorOnDark: string;
|
|
1092
1035
|
actionIconColor: string;
|
|
1093
|
-
actionIconColorOnDark: string;
|
|
1094
1036
|
disabledActionIconColor: string;
|
|
1095
|
-
disabledActionIconColorOnDark: string;
|
|
1096
1037
|
hoverActionIconColor: string;
|
|
1097
|
-
hoverActionIconColorOnDark: string;
|
|
1098
1038
|
focusActionIconColor: string;
|
|
1099
|
-
focusActionIconColorOnDark: string;
|
|
1100
1039
|
activeActionIconColor: string;
|
|
1101
|
-
activeActionIconColorOnDark: string;
|
|
1102
1040
|
actionBackgroundColor: string;
|
|
1103
|
-
actionBackgroundColorOnDark: string;
|
|
1104
1041
|
disabledActionBackgroundColor: string;
|
|
1105
|
-
disabledActionBackgroundColorOnDark: string;
|
|
1106
1042
|
hoverActionBackgroundColor: string;
|
|
1107
|
-
hoverActionBackgroundColorOnDark: string;
|
|
1108
1043
|
focusActionBorderColor: string;
|
|
1109
|
-
focusActionBorderColorOnDark: string;
|
|
1110
1044
|
activeActionBackgroundColor: string;
|
|
1111
|
-
activeActionBackgroundColorOnDark: string;
|
|
1112
1045
|
listDialogBackgroundColor: string;
|
|
1113
1046
|
listDialogBorderColor: string;
|
|
1114
1047
|
listOptionDividerColor: string;
|
|
@@ -1320,12 +1253,12 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
|
|
|
1320
1253
|
}>>;
|
|
1321
1254
|
/**
|
|
1322
1255
|
* This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
|
|
1323
|
-
* This is an extension of the already
|
|
1256
|
+
* This is an extension of the already existing Partial type, which only allows one level of partiality.
|
|
1324
1257
|
*/
|
|
1325
|
-
|
|
1258
|
+
type DeepPartial<T> = {
|
|
1326
1259
|
[P in keyof T]?: Partial<T[P]>;
|
|
1327
1260
|
};
|
|
1328
|
-
|
|
1261
|
+
type HalstackProviderPropsType = {
|
|
1329
1262
|
theme?: DeepPartial<OpinionatedTheme>;
|
|
1330
1263
|
advancedTheme?: DeepPartial<AdvancedTheme>;
|
|
1331
1264
|
labels?: DeepPartial<TranslatedLabels>;
|