@dxc-technology/halstack-react 0.0.0-5a1e592 → 0.0.0-5a4d834
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 +74 -144
- package/HalstackContext.js +35 -50
- package/accordion/Accordion.accessibility.test.d.ts +1 -0
- package/accordion/Accordion.accessibility.test.js +71 -0
- package/accordion/Accordion.js +33 -87
- package/accordion/Accordion.stories.tsx +8 -64
- package/accordion/Accordion.test.d.ts +1 -0
- package/accordion/Accordion.test.js +19 -34
- package/accordion/types.d.ts +6 -6
- 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 -3
- package/accordion-group/AccordionGroup.js +17 -44
- package/accordion-group/AccordionGroup.stories.tsx +24 -24
- package/accordion-group/AccordionGroup.test.d.ts +1 -0
- package/accordion-group/AccordionGroup.test.js +41 -63
- package/accordion-group/AccordionGroupAccordion.js +11 -23
- package/accordion-group/AccordionGroupContext.d.ts +3 -0
- package/accordion-group/AccordionGroupContext.js +8 -0
- package/accordion-group/types.d.ts +7 -7
- 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/bar-chart/BarChart.d.ts +4 -0
- package/bar-chart/BarChart.js +152 -0
- package/bar-chart/BarChart.stories.tsx +281 -0
- package/bar-chart/BarChart.test.d.ts +1 -0
- package/bar-chart/BarChart.test.js +194 -0
- package/bar-chart/theme.d.ts +3 -0
- package/bar-chart/theme.js +31 -0
- package/bar-chart/types.d.ts +137 -0
- package/bar-chart/types.js +5 -0
- package/bleed/Bleed.js +13 -21
- package/bleed/Bleed.stories.tsx +0 -1
- 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.js +11 -33
- package/box/Box.test.d.ts +1 -0
- package/box/Box.test.js +2 -7
- package/box/types.d.ts +3 -3
- 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/breadcrumbs/types.js +5 -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.js +36 -59
- package/button/Button.stories.tsx +35 -135
- package/button/Button.test.d.ts +1 -0
- package/button/Button.test.js +14 -22
- package/button/types.d.ts +5 -5
- package/card/Card.accessibility.test.d.ts +1 -0
- package/card/Card.accessibility.test.js +36 -0
- package/card/Card.js +23 -45
- package/card/Card.stories.tsx +1 -1
- package/card/Card.test.d.ts +1 -0
- package/card/Card.test.js +11 -22
- package/card/types.d.ts +5 -5
- package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
- package/checkbox/Checkbox.accessibility.test.js +87 -0
- package/checkbox/Checkbox.js +59 -116
- package/checkbox/Checkbox.stories.tsx +0 -54
- package/checkbox/Checkbox.test.d.ts +1 -0
- package/checkbox/Checkbox.test.js +80 -109
- package/checkbox/types.d.ts +4 -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 +40 -24
- package/common/utils.js +2 -8
- package/common/variables.d.ts +80 -141
- package/common/variables.js +150 -224
- 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 +64 -107
- package/date-input/DateInput.stories.tsx +19 -42
- package/date-input/DateInput.test.d.ts +1 -0
- package/date-input/DateInput.test.js +668 -709
- package/date-input/DatePicker.js +23 -48
- package/date-input/YearPicker.js +17 -38
- package/date-input/types.d.ts +28 -26
- package/dialog/Dialog.accessibility.test.d.ts +1 -0
- package/dialog/Dialog.accessibility.test.js +69 -0
- package/dialog/Dialog.js +21 -59
- package/dialog/Dialog.stories.tsx +174 -0
- package/dialog/Dialog.test.d.ts +1 -0
- package/dialog/Dialog.test.js +216 -215
- package/dialog/types.d.ts +18 -13
- 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 +66 -153
- 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 +29 -66
- 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 +43 -68
- package/footer/Footer.stories.tsx +58 -2
- package/footer/Footer.test.d.ts +1 -0
- package/footer/Footer.test.js +19 -33
- package/footer/Icons.d.ts +3 -2
- package/footer/Icons.js +53 -22
- package/footer/types.d.ts +17 -17
- package/grid/Grid.js +1 -16
- package/grid/Grid.stories.tsx +3 -1
- 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 +1 -1
- package/header/Header.js +38 -104
- package/header/Header.stories.tsx +17 -1
- 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 -8
- 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 +2 -2
- package/image/Image.js +17 -32
- package/image/Image.stories.tsx +3 -1
- package/image/types.d.ts +2 -2
- package/inset/Inset.js +13 -21
- package/inset/types.d.ts +2 -2
- package/layout/ApplicationLayout.d.ts +2 -2
- package/layout/ApplicationLayout.js +23 -60
- package/layout/Icons.d.ts +4 -5
- package/layout/Icons.js +2 -16
- 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 -60
- 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 +1 -2
- package/nav-tabs/NavTabs.js +34 -48
- package/nav-tabs/NavTabs.stories.tsx +45 -25
- 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 +38 -67
- package/nav-tabs/types.d.ts +10 -10
- package/number-input/NumberInput.accessibility.test.d.ts +1 -0
- package/number-input/NumberInput.accessibility.test.js +227 -0
- package/number-input/NumberInput.d.ts +0 -7
- package/number-input/NumberInput.js +51 -40
- package/number-input/NumberInput.stories.tsx +37 -26
- package/number-input/NumberInput.test.d.ts +1 -0
- package/number-input/NumberInput.test.js +839 -576
- package/number-input/NumberInputContext.d.ts +3 -0
- package/number-input/NumberInputContext.js +8 -0
- package/number-input/types.d.ts +17 -5
- package/package.json +49 -41
- package/paginator/Paginator.accessibility.test.d.ts +1 -0
- package/paginator/Paginator.accessibility.test.js +78 -0
- package/paginator/Paginator.js +27 -52
- package/paginator/Paginator.test.d.ts +1 -0
- package/paginator/Paginator.test.js +226 -210
- 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 +36 -55
- package/password-input/PasswordInput.stories.tsx +11 -35
- package/password-input/PasswordInput.test.d.ts +1 -0
- package/password-input/PasswordInput.test.js +153 -130
- 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.js +15 -50
- package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
- package/radio-group/RadioGroup.accessibility.test.js +97 -0
- package/radio-group/RadioGroup.js +37 -85
- package/radio-group/RadioGroup.test.d.ts +1 -0
- package/radio-group/RadioGroup.test.js +505 -500
- package/radio-group/types.d.ts +5 -5
- 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 +79 -76
- 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 +47 -13
- package/resultset-table/types.js +5 -0
- package/select/Listbox.d.ts +3 -3
- package/select/Listbox.js +44 -66
- package/select/Option.d.ts +3 -3
- package/select/Option.js +36 -40
- package/select/Select.accessibility.test.d.ts +1 -0
- package/select/Select.accessibility.test.js +227 -0
- package/select/Select.js +127 -310
- package/select/Select.stories.tsx +74 -117
- package/select/Select.test.d.ts +1 -0
- package/select/Select.test.js +1913 -1973
- package/select/selectUtils.d.ts +41 -0
- package/select/selectUtils.js +129 -0
- 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.d.ts +1 -1
- package/spinner/Spinner.js +43 -96
- 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 +190 -301
- package/text-input/TextInput.stories.tsx +29 -160
- package/text-input/TextInput.test.d.ts +1 -0
- package/text-input/TextInput.test.js +1226 -1283
- package/text-input/types.d.ts +21 -17
- package/textarea/Textarea.accessibility.test.d.ts +1 -0
- package/textarea/Textarea.accessibility.test.js +155 -0
- package/textarea/Textarea.js +60 -103
- package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} +58 -108
- package/textarea/Textarea.test.d.ts +1 -0
- package/textarea/Textarea.test.js +136 -209
- package/textarea/types.d.ts +5 -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 +25 -67
- package/toggle-group/ToggleGroup.stories.tsx +5 -5
- package/toggle-group/ToggleGroup.test.d.ts +1 -0
- package/toggle-group/ToggleGroup.test.js +49 -82
- package/toggle-group/types.d.ts +12 -12
- 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 +60 -138
- package/useTheme.js +1 -8
- package/useTranslatedLabels.d.ts +11 -0
- 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/utils/useWidth.d.ts +2 -0
- package/utils/useWidth.js +30 -0
- 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/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/paginator/Icons.d.ts +0 -5
- package/paginator/Icons.js +0 -54
- package/password-input/Icons.d.ts +0 -6
- package/password-input/Icons.js +0 -39
- 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/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,35 +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
|
-
disabledBackgroundColorCheckedOnDark: string;
|
|
202
176
|
readOnlyBackgroundColorChecked: string;
|
|
203
177
|
hoverReadOnlyBackgroundColorChecked: string;
|
|
204
178
|
borderColor: string;
|
|
205
|
-
borderColorOnDark: string;
|
|
206
179
|
hoverBorderColor: string;
|
|
207
|
-
hoverBorderColorOnDark: string;
|
|
208
180
|
disabledBorderColor: string;
|
|
209
|
-
disabledBorderColorOnDark: string;
|
|
210
181
|
readOnlyBorderColor: string;
|
|
211
182
|
hoverReadOnlyBorderColor: string;
|
|
212
183
|
checkColor: string;
|
|
213
|
-
checkColorOnDark: string;
|
|
214
184
|
disabledCheckColor: string;
|
|
215
|
-
disabledCheckColorOnDark: string;
|
|
216
185
|
readOnlyCheckColor: string;
|
|
217
186
|
fontFamily: string;
|
|
218
187
|
fontSize: string;
|
|
219
188
|
fontWeight: string;
|
|
220
189
|
fontColor: string;
|
|
221
|
-
fontColorOnDark: string;
|
|
222
190
|
disabledFontColor: string;
|
|
223
|
-
disabledFontColorOnDark: string;
|
|
224
191
|
focusColor: string;
|
|
225
|
-
focusColorOnDark: string;
|
|
226
192
|
checkLabelSpacing: string;
|
|
227
193
|
};
|
|
228
194
|
chip: {
|
|
@@ -253,6 +219,29 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
253
219
|
focusBorderThickness: string;
|
|
254
220
|
focusBorderRadius: string;
|
|
255
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
|
+
};
|
|
256
245
|
dateInput: {
|
|
257
246
|
pickerBackgroundColor: string;
|
|
258
247
|
pickerFontColor: string;
|
|
@@ -287,8 +276,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
287
276
|
dialog: {
|
|
288
277
|
overlayColor: string;
|
|
289
278
|
backgroundColor: string;
|
|
290
|
-
|
|
291
|
-
closeIconHeight: string;
|
|
279
|
+
closeIconSize: string;
|
|
292
280
|
closeIconTopPosition: string;
|
|
293
281
|
closeIconRightPosition: string;
|
|
294
282
|
closeIconBackgroundColor: string;
|
|
@@ -318,9 +306,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
318
306
|
buttonPaddingBottom: string;
|
|
319
307
|
buttonPaddingLeft: string;
|
|
320
308
|
buttonPaddingRight: string;
|
|
309
|
+
buttonHeight: string;
|
|
310
|
+
buttonBorderRadius: string;
|
|
311
|
+
buttonBorderStyle: string;
|
|
312
|
+
buttonBorderThickness: string;
|
|
313
|
+
buttonBorderColor: string;
|
|
321
314
|
disabledColor: string;
|
|
322
315
|
disabledButtonBackgroundColor: string;
|
|
323
|
-
|
|
316
|
+
disabledButtonBorderColor: string;
|
|
324
317
|
optionBackgroundColor: string;
|
|
325
318
|
hoverOptionBackgroundColor: string;
|
|
326
319
|
activeOptionBackgroundColor: string;
|
|
@@ -360,7 +353,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
360
353
|
focusDropBorderColor: string;
|
|
361
354
|
disabledDropBorderColor: string;
|
|
362
355
|
dragoverDropBackgroundColor: string;
|
|
363
|
-
activeFileItemIconBackgrounColor: string;
|
|
364
356
|
errorFileItemBorderColor: string;
|
|
365
357
|
errorFileItemBackgroundColor: string;
|
|
366
358
|
errorFilePreviewBackgroundColor: string;
|
|
@@ -456,7 +448,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
456
448
|
underlinedThickness: string;
|
|
457
449
|
underlinedStyle: string;
|
|
458
450
|
contentColor: string;
|
|
459
|
-
contentColorOnDark: string;
|
|
460
451
|
};
|
|
461
452
|
heading: {
|
|
462
453
|
level1FontColor: string;
|
|
@@ -527,10 +518,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
527
518
|
selectedBackgroundColor: string;
|
|
528
519
|
unselectedBackgroundColor: string;
|
|
529
520
|
hoverBackgroundColor: string;
|
|
530
|
-
pressedBackgroundColor: string;
|
|
531
|
-
* This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
|
|
532
|
-
* This is an extension of the already existing Partial type, which only allows one level of partiality.
|
|
533
|
-
*/
|
|
521
|
+
pressedBackgroundColor: string;
|
|
534
522
|
selectedFontColor: string;
|
|
535
523
|
unselectedFontColor: string;
|
|
536
524
|
disabledFontColor: string;
|
|
@@ -565,32 +553,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
565
553
|
totalItemsContainerMarginLeft: string;
|
|
566
554
|
};
|
|
567
555
|
paragraph: {
|
|
568
|
-
fontColor: string;
|
|
569
|
-
fontColorOnDark: string;
|
|
570
556
|
display: string;
|
|
557
|
+
fontColor: string;
|
|
571
558
|
fontSize: string;
|
|
572
559
|
fontWeight: string;
|
|
573
560
|
};
|
|
574
561
|
progressBar: {
|
|
575
562
|
trackLineColor: string;
|
|
576
|
-
trackLineColorOnDark: string;
|
|
577
563
|
totalLineColor: string;
|
|
578
564
|
labelFontFamily: string;
|
|
579
565
|
labelFontSize: string;
|
|
580
566
|
labelFontStyle: string;
|
|
581
567
|
labelFontWeight: string;
|
|
582
568
|
labelFontColor: string;
|
|
583
|
-
labelFontColorOnDark: string;
|
|
584
569
|
labelFontTextTransform: string;
|
|
585
570
|
valueFontFamily: string;
|
|
586
571
|
valueFontSize: string;
|
|
587
572
|
valueFontStyle: string;
|
|
588
573
|
valueFontWeight: string;
|
|
589
574
|
valueFontColor: string;
|
|
590
|
-
valueFontColorOnDark: string;
|
|
591
575
|
valueFontTextTransform: string;
|
|
592
576
|
helperTextFontColor: string;
|
|
593
|
-
helperTextFontColorOnDark: string;
|
|
594
577
|
helperTextFontSize: string;
|
|
595
578
|
helperTextFontStyle: string;
|
|
596
579
|
helperTextFontWeight: string;
|
|
@@ -768,7 +751,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
768
751
|
slider: {
|
|
769
752
|
fontFamily: string;
|
|
770
753
|
limitValuesFontColor: string;
|
|
771
|
-
limitValuesFontColorOnDark: string;
|
|
772
754
|
limitValuesFontSize: string;
|
|
773
755
|
limitValuesFontStyle: string;
|
|
774
756
|
limitValuesFontWeight: string;
|
|
@@ -785,15 +767,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
785
767
|
helperTextFontWeight: string;
|
|
786
768
|
helperTextLineHeight: string;
|
|
787
769
|
fontColor: string;
|
|
788
|
-
fontColorOnDark: string;
|
|
789
770
|
labelFontColor: string;
|
|
790
|
-
labelFontColorOnDark: string;
|
|
791
771
|
helperTextFontColor: string;
|
|
792
|
-
helperTextFontColorOnDark: string;
|
|
793
772
|
disabledLabelFontColor: string;
|
|
794
|
-
disabledLabelFontColorOnDark: string;
|
|
795
773
|
disabledHelperTextFontColor: string;
|
|
796
|
-
disabledHelperTextFontColorOnDark: string;
|
|
797
774
|
thumbHeight: string;
|
|
798
775
|
thumbWidth: string;
|
|
799
776
|
hoverThumbHeight: string;
|
|
@@ -801,40 +778,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
801
778
|
thumbVerticalPosition: string;
|
|
802
779
|
hoverThumbVerticalPosition: string;
|
|
803
780
|
thumbBackgroundColor: string;
|
|
804
|
-
thumbBackgroundColorOnDark: string;
|
|
805
781
|
hoverThumbScale: string;
|
|
806
782
|
hoverThumbBackgroundColor: string;
|
|
807
|
-
hoverThumbBackgroundColorOnDark: string;
|
|
808
783
|
activeThumbScale: string;
|
|
809
784
|
activeThumbBackgroundColor: string;
|
|
810
|
-
activeThumbBackgroundColorOnDark: string;
|
|
811
785
|
focusThumbBackgroundColor: string;
|
|
812
|
-
focusThumbBackgroundColorOnDark: string;
|
|
813
786
|
tickHeight: string;
|
|
814
787
|
tickWidth: string;
|
|
815
788
|
tickVerticalPosition: string;
|
|
816
789
|
tickBackgroundColor: string;
|
|
817
|
-
tickBackgroundColorOnDark: string;
|
|
818
790
|
trackLineThickness: string;
|
|
819
791
|
trackLineVerticalPosition: string;
|
|
820
792
|
trackLineColor: string;
|
|
821
|
-
trackLineColorOnDark: string;
|
|
822
793
|
totalLineThickness: string;
|
|
823
794
|
totalLineVerticalPosition: string;
|
|
824
795
|
totalLineColor: string;
|
|
825
|
-
totalLineColorOnDark: string;
|
|
826
796
|
disabledThumbVerticalPosition: string;
|
|
827
797
|
disabledThumbBackgroundColor: string;
|
|
828
|
-
disabledThumbBackgroundColorOnDark: string;
|
|
829
798
|
disabledTickVerticalPosition: string;
|
|
830
799
|
disabledTickBackgroundColor: string;
|
|
831
|
-
disabledTickBackgroundColorOnDark: string;
|
|
832
800
|
disabledTrackLineColor: string;
|
|
833
|
-
disabledTrackLineColorOnDark: string;
|
|
834
801
|
disabledTotalLineColor: string;
|
|
835
|
-
disabledTotalLineColorOnDark: string;
|
|
836
802
|
focusColor: string;
|
|
837
|
-
focusColorOnDark: string;
|
|
838
803
|
floorLabelMarginRight: string;
|
|
839
804
|
ceilLabelMarginLeft: string;
|
|
840
805
|
inputMarginLeft: string;
|
|
@@ -848,14 +813,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
848
813
|
labelFontStyle: string;
|
|
849
814
|
labelFontWeight: string;
|
|
850
815
|
labelFontColor: string;
|
|
851
|
-
labelFontColorOnDark: string;
|
|
852
816
|
labelTextAlign: string;
|
|
853
817
|
progressValueFontFamily: string;
|
|
854
818
|
progressValueFontSize: string;
|
|
855
819
|
progressValueFontStyle: string;
|
|
856
820
|
progressValueFontWeight: string;
|
|
857
821
|
progressValueFontColor: string;
|
|
858
|
-
progressValueFontColorOnDark: string;
|
|
859
822
|
progressValueTextAlign: string;
|
|
860
823
|
overlayBackgroundColor: string;
|
|
861
824
|
overlayOpacity: string;
|
|
@@ -874,32 +837,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
874
837
|
};
|
|
875
838
|
switch: {
|
|
876
839
|
checkedTrackBackgroundColor: string;
|
|
877
|
-
checkedTrackBackgroundColorOnDark: string;
|
|
878
840
|
checkedThumbBackgroundColor: string;
|
|
879
|
-
checkedThumbBackgroundColorOnDark: string;
|
|
880
841
|
uncheckedTrackBackgroundColor: string;
|
|
881
|
-
uncheckedTrackBackgroundColorOnDark: string;
|
|
882
842
|
uncheckedThumbBackgroundColor: string;
|
|
883
|
-
uncheckedThumbBackgroundColorOnDark: string;
|
|
884
843
|
disabledCheckedTrackBackgroundColor: string;
|
|
885
|
-
disabledCheckedTrackBackgroundColorOnDark: string;
|
|
886
844
|
disabledCheckedThumbBackgroundColor: string;
|
|
887
|
-
disabledCheckedThumbBackgroundColorOnDark: string;
|
|
888
845
|
disabledUncheckedTrackBackgroundColor: string;
|
|
889
|
-
disabledUncheckedTrackBackgroundColorOnDark: string;
|
|
890
846
|
disabledUncheckedThumbBackgroundColor: string;
|
|
891
|
-
disabledUncheckedThumbBackgroundColorOnDark: string;
|
|
892
847
|
disabledLabelFontColor: string;
|
|
893
|
-
disabledLabelFontColorOnDark: string;
|
|
894
848
|
disabledLabelFontStyle: string;
|
|
895
849
|
labelFontFamily: string;
|
|
896
850
|
labelFontSize: string;
|
|
897
851
|
labelFontStyle: string;
|
|
898
852
|
labelFontWeight: string;
|
|
899
853
|
labelFontColor: string;
|
|
900
|
-
labelFontColorOnDark: string;
|
|
901
854
|
thumbFocusColor: string;
|
|
902
|
-
thumbFocusColorOnDark: string;
|
|
903
855
|
thumbHeight: string;
|
|
904
856
|
thumbWidth: string;
|
|
905
857
|
thumbShift: string;
|
|
@@ -922,8 +874,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
922
874
|
dataPaddingBottom: string;
|
|
923
875
|
dataPaddingRight: string;
|
|
924
876
|
dataPaddingLeft: string;
|
|
877
|
+
dataPaddingTopReduced: string;
|
|
878
|
+
dataPaddingBottomReduced: string;
|
|
879
|
+
dataPaddingRightReduced: string;
|
|
880
|
+
dataPaddingLeftReduced: string;
|
|
925
881
|
dataTextAlign: string;
|
|
926
882
|
dataTextLineHeight: string;
|
|
883
|
+
firstChildPaddingLeft: string;
|
|
884
|
+
lastChildPaddingRight: string;
|
|
885
|
+
firstChildPaddingLeftReduced: string;
|
|
886
|
+
lastChildPaddingRightReduced: string;
|
|
927
887
|
headerBackgroundColor: string;
|
|
928
888
|
headerBorderRadius: string;
|
|
929
889
|
headerFontFamily: string;
|
|
@@ -936,11 +896,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
936
896
|
headerPaddingBottom: string;
|
|
937
897
|
headerPaddingRight: string;
|
|
938
898
|
headerPaddingLeft: string;
|
|
899
|
+
headerPaddingTopReduced: string;
|
|
900
|
+
headerPaddingBottomReduced: string;
|
|
901
|
+
headerPaddingRightReduced: string;
|
|
902
|
+
headerPaddingLeftReduced: string;
|
|
939
903
|
headerTextAlign: string;
|
|
940
904
|
headerTextLineHeight: string;
|
|
941
905
|
scrollBarThumbColor: string;
|
|
942
906
|
scrollBarTrackColor: string;
|
|
943
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;
|
|
944
918
|
};
|
|
945
919
|
tabs: {
|
|
946
920
|
fontFamily: string;
|
|
@@ -959,7 +933,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
959
933
|
disabledFontColor: string;
|
|
960
934
|
disabledIconColor: string;
|
|
961
935
|
disabledFontStyle: string;
|
|
962
|
-
disabledBadgeBackgroundColor: string;
|
|
963
936
|
hoverBackgroundColor: string;
|
|
964
937
|
pressedBackgroundColor: string;
|
|
965
938
|
pressedFontWeight: string;
|
|
@@ -967,19 +940,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
967
940
|
dividerThickness: string;
|
|
968
941
|
focusOutline: string;
|
|
969
942
|
scrollButtonsWidth: string;
|
|
970
|
-
badgeBackgroundColor: string;
|
|
971
|
-
badgeFontFamily: string;
|
|
972
|
-
badgeFontSize: string;
|
|
973
|
-
badgeFontStyle: string;
|
|
974
|
-
badgeFontWeight: string;
|
|
975
|
-
badgeFontColor: string;
|
|
976
|
-
badgeLetterSpacing: string;
|
|
977
|
-
badgeWidth: string;
|
|
978
|
-
badgeHeight: string;
|
|
979
|
-
badgeRadius: string;
|
|
980
|
-
badgeWidthWithNotificationNumber: string;
|
|
981
|
-
badgeHeightWithNotificationNumber: string;
|
|
982
|
-
badgeRadiusWithNotificationNumber: string;
|
|
983
943
|
};
|
|
984
944
|
tag: {
|
|
985
945
|
fontFamily: string;
|
|
@@ -1001,134 +961,93 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
1001
961
|
textarea: {
|
|
1002
962
|
fontFamily: string;
|
|
1003
963
|
enabledBorderColor: string;
|
|
1004
|
-
enabledBorderColorOnDark: string;
|
|
1005
964
|
hoverBorderColor: string;
|
|
1006
|
-
hoverBorderColorOnDark: string;
|
|
1007
965
|
focusBorderColor: string;
|
|
1008
|
-
focusBorderColorOnDark: string;
|
|
1009
966
|
disabledBorderColor: string;
|
|
1010
|
-
disabledBorderColorOnDark: string;
|
|
1011
967
|
disabledContainerFillColor: string;
|
|
1012
|
-
disabledContainerFillColorOnDark: string;
|
|
1013
968
|
readOnlyBorderColor: string;
|
|
1014
969
|
hoverReadOnlyBorderColor: string;
|
|
1015
970
|
errorBorderColor: string;
|
|
1016
|
-
errorBorderColorOnDark: string;
|
|
1017
971
|
hoverErrorBorderColor: string;
|
|
1018
|
-
hoverErrorBorderColorOnDark: string;
|
|
1019
972
|
inputMarginTop: string;
|
|
1020
973
|
inputMarginBottom: string;
|
|
1021
974
|
errorMessageColor: string;
|
|
1022
|
-
errorMessageColorOnDark: string;
|
|
1023
975
|
labelFontColor: string;
|
|
1024
|
-
labelFontColorOnDark: string;
|
|
1025
976
|
labelFontSize: string;
|
|
1026
977
|
labelFontStyle: string;
|
|
1027
978
|
labelFontWeight: string;
|
|
1028
979
|
labelLineHeight: string;
|
|
1029
980
|
disabledLabelFontColor: string;
|
|
1030
|
-
disabledLabelFontColorOnDark: string;
|
|
1031
981
|
optionalLabelFontWeight: string;
|
|
1032
982
|
helperTextFontColor: string;
|
|
1033
|
-
helperTextFontColorOnDark: string;
|
|
1034
983
|
helperTextFontSize: string;
|
|
1035
984
|
helperTextFontStyle: string;
|
|
1036
985
|
helperTextFontWeight: string;
|
|
1037
986
|
helperTextLineHeight: string;
|
|
1038
987
|
disabledHelperTextFontColor: string;
|
|
1039
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1040
988
|
placeholderFontColor: string;
|
|
1041
|
-
placeholderFontColorOnDark: string;
|
|
1042
989
|
disabledPlaceholderFontColor: string;
|
|
1043
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1044
990
|
valueFontColor: string;
|
|
1045
|
-
valueFontColorOnDark: string;
|
|
1046
991
|
valueFontSize: string;
|
|
1047
992
|
valueFontStyle: string;
|
|
1048
993
|
valueFontWeight: string;
|
|
1049
994
|
disabledValueFontColor: string;
|
|
1050
|
-
disabledValueFontColorOnDark: string;
|
|
1051
995
|
};
|
|
1052
996
|
textInput: {
|
|
1053
997
|
fontFamily: string;
|
|
1054
998
|
enabledBorderColor: string;
|
|
1055
|
-
enabledBorderColorOnDark: string;
|
|
1056
999
|
hoverBorderColor: string;
|
|
1057
|
-
hoverBorderColorOnDark: string;
|
|
1058
1000
|
focusBorderColor: string;
|
|
1059
|
-
focusBorderColorOnDark: string;
|
|
1060
1001
|
disabledBorderColor: string;
|
|
1061
|
-
disabledBorderColorOnDark: string;
|
|
1062
1002
|
disabledContainerFillColor: string;
|
|
1063
|
-
disabledContainerFillColorOnDark: string;
|
|
1064
1003
|
readOnlyBorderColor: string;
|
|
1065
1004
|
hoverReadOnlyBorderColor: string;
|
|
1066
1005
|
errorBorderColor: string;
|
|
1067
|
-
errorBorderColorOnDark: string;
|
|
1068
1006
|
hoverErrorBorderColor: string;
|
|
1069
|
-
hoverErrorBorderColorOnDark: string;
|
|
1070
1007
|
inputMarginTop: string;
|
|
1071
1008
|
inputMarginBottom: string;
|
|
1072
1009
|
errorMessageColor: string;
|
|
1073
|
-
errorMessageColorOnDark: string;
|
|
1074
1010
|
errorIconColor: string;
|
|
1075
|
-
errorIconColorOnDark: string;
|
|
1076
1011
|
labelFontColor: string;
|
|
1077
|
-
labelFontColorOnDark: string;
|
|
1078
1012
|
labelFontSize: string;
|
|
1079
1013
|
labelFontStyle: string;
|
|
1080
1014
|
labelFontWeight: string;
|
|
1081
1015
|
labelLineHeight: string;
|
|
1082
1016
|
disabledLabelFontColor: string;
|
|
1083
|
-
disabledLabelFontColorOnDark: string;
|
|
1084
1017
|
optionalLabelFontWeight: string;
|
|
1085
1018
|
helperTextFontColor: string;
|
|
1086
|
-
helperTextFontColorOnDark: string;
|
|
1087
1019
|
helperTextFontSize: string;
|
|
1088
1020
|
helperTextFontStyle: string;
|
|
1089
1021
|
helperTextFontWeight: string;
|
|
1090
1022
|
helperTextLineHeight: string;
|
|
1091
1023
|
disabledHelperTextFontColor: string;
|
|
1092
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1093
1024
|
prefixColor: string;
|
|
1094
|
-
|
|
1025
|
+
prefixDividerBorderWidth: string;
|
|
1026
|
+
prefixDividerBorderStyle: string;
|
|
1027
|
+
prefixDividerPaddingRight: string;
|
|
1095
1028
|
suffixColor: string;
|
|
1096
|
-
|
|
1029
|
+
suffixDividerBorderStyle: string;
|
|
1030
|
+
suffixDividerBorderWidth: string;
|
|
1031
|
+
suffixDividerPaddingLeft: string;
|
|
1097
1032
|
disabledPrefixColor: string;
|
|
1098
1033
|
disabledSuffixColor: string;
|
|
1099
|
-
disabledPrefixColorOnDark: string;
|
|
1100
|
-
disabledSuffixColorOnDark: string;
|
|
1101
1034
|
placeholderFontColor: string;
|
|
1102
|
-
placeholderFontColorOnDark: string;
|
|
1103
1035
|
disabledPlaceholderFontColor: string;
|
|
1104
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1105
1036
|
valueFontColor: string;
|
|
1106
|
-
valueFontColorOnDark: string;
|
|
1107
1037
|
valueFontSize: string;
|
|
1108
1038
|
valueFontStyle: string;
|
|
1109
1039
|
valueFontWeight: string;
|
|
1110
1040
|
disabledValueFontColor: string;
|
|
1111
|
-
disabledValueFontColorOnDark: string;
|
|
1112
1041
|
actionIconColor: string;
|
|
1113
|
-
actionIconColorOnDark: string;
|
|
1114
1042
|
disabledActionIconColor: string;
|
|
1115
|
-
disabledActionIconColorOnDark: string;
|
|
1116
1043
|
hoverActionIconColor: string;
|
|
1117
|
-
hoverActionIconColorOnDark: string;
|
|
1118
1044
|
focusActionIconColor: string;
|
|
1119
|
-
focusActionIconColorOnDark: string;
|
|
1120
1045
|
activeActionIconColor: string;
|
|
1121
|
-
activeActionIconColorOnDark: string;
|
|
1122
1046
|
actionBackgroundColor: string;
|
|
1123
|
-
actionBackgroundColorOnDark: string;
|
|
1124
1047
|
disabledActionBackgroundColor: string;
|
|
1125
|
-
disabledActionBackgroundColorOnDark: string;
|
|
1126
1048
|
hoverActionBackgroundColor: string;
|
|
1127
|
-
hoverActionBackgroundColorOnDark: string;
|
|
1128
1049
|
focusActionBorderColor: string;
|
|
1129
|
-
focusActionBorderColorOnDark: string;
|
|
1130
1050
|
activeActionBackgroundColor: string;
|
|
1131
|
-
activeActionBackgroundColorOnDark: string;
|
|
1132
1051
|
listDialogBackgroundColor: string;
|
|
1133
1052
|
listDialogBorderColor: string;
|
|
1134
1053
|
listOptionDividerColor: string;
|
|
@@ -1272,6 +1191,17 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
|
|
|
1272
1191
|
warningTitleText: string;
|
|
1273
1192
|
errorTitleText: string;
|
|
1274
1193
|
};
|
|
1194
|
+
barChart: {
|
|
1195
|
+
ariaLabel: string;
|
|
1196
|
+
filterLabel: string;
|
|
1197
|
+
filterPlaceholder: string;
|
|
1198
|
+
loadingDataMessage: string;
|
|
1199
|
+
noDataMessageBody: string;
|
|
1200
|
+
noDataMessageTitle: string;
|
|
1201
|
+
noMatchesMessageBody: string;
|
|
1202
|
+
noMatchesMessageTitle: string;
|
|
1203
|
+
retryButtonLabel: string;
|
|
1204
|
+
};
|
|
1275
1205
|
dateInput: {
|
|
1276
1206
|
invalidDateErrorMessage: string;
|
|
1277
1207
|
};
|
|
@@ -1342,10 +1272,10 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
|
|
|
1342
1272
|
* This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
|
|
1343
1273
|
* This is an extension of the already existing Partial type, which only allows one level of partiality.
|
|
1344
1274
|
*/
|
|
1345
|
-
|
|
1275
|
+
type DeepPartial<T> = {
|
|
1346
1276
|
[P in keyof T]?: Partial<T[P]>;
|
|
1347
1277
|
};
|
|
1348
|
-
|
|
1278
|
+
type HalstackProviderPropsType = {
|
|
1349
1279
|
theme?: DeepPartial<OpinionatedTheme>;
|
|
1350
1280
|
advancedTheme?: DeepPartial<AdvancedTheme>;
|
|
1351
1281
|
labels?: DeepPartial<TranslatedLabels>;
|