@dxc-technology/halstack-react 11.0.0 → 12.0.1
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 +3 -8
- package/HalstackContext.d.ts +32 -145
- package/HalstackContext.js +3 -7
- package/accordion/Accordion.accessibility.test.d.ts +1 -0
- package/accordion/Accordion.accessibility.test.js +71 -0
- package/accordion/Accordion.js +18 -35
- package/accordion/Accordion.stories.tsx +7 -49
- package/accordion/Accordion.test.d.ts +1 -0
- package/accordion/Accordion.test.js +3 -3
- package/accordion/types.d.ts +1 -1
- 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 +4 -4
- package/accordion-group/AccordionGroup.stories.tsx +23 -23
- package/accordion-group/AccordionGroup.test.d.ts +1 -0
- package/accordion-group/AccordionGroup.test.js +5 -9
- package/accordion-group/AccordionGroupAccordion.js +3 -3
- package/accordion-group/AccordionGroupContext.d.ts +3 -0
- package/accordion-group/AccordionGroupContext.js +8 -0
- package/accordion-group/types.d.ts +1 -1
- 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/action-icon/types.js +5 -0
- package/alert/Alert.accessibility.test.d.ts +1 -0
- package/alert/Alert.accessibility.test.js +95 -0
- package/alert/Alert.js +21 -75
- package/alert/Alert.test.d.ts +1 -0
- package/alert/Alert.test.js +1 -1
- 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 +141 -28
- 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/box/Box.accessibility.test.d.ts +1 -0
- package/box/Box.accessibility.test.js +33 -0
- package/box/Box.js +2 -5
- package/box/Box.test.d.ts +1 -0
- package/box/Box.test.js +1 -1
- 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 +169 -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 +16 -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 +16 -23
- package/bulleted-list/BulletedList.stories.tsx +1 -2
- package/button/Button.accessibility.test.d.ts +1 -0
- package/button/Button.accessibility.test.js +127 -0
- package/button/Button.js +16 -16
- package/button/Button.stories.tsx +34 -53
- package/button/Button.test.d.ts +1 -0
- package/button/Button.test.js +4 -2
- package/button/types.d.ts +1 -1
- package/card/Card.accessibility.test.d.ts +1 -0
- package/card/Card.accessibility.test.js +36 -0
- package/card/Card.js +3 -2
- package/card/Card.test.d.ts +1 -0
- package/card/Card.test.js +1 -1
- package/checkbox/Checkbox.accessibility.test.d.ts +1 -0
- package/checkbox/Checkbox.accessibility.test.js +87 -0
- package/checkbox/Checkbox.js +36 -44
- package/checkbox/Checkbox.test.d.ts +1 -0
- package/checkbox/Checkbox.test.js +1 -1
- package/chip/Chip.accessibility.test.d.ts +1 -0
- package/chip/Chip.accessibility.test.js +69 -0
- package/chip/Chip.js +20 -26
- package/chip/Chip.stories.tsx +67 -50
- package/chip/Chip.test.d.ts +1 -0
- package/chip/Chip.test.js +5 -5
- package/chip/types.d.ts +35 -12
- package/common/coreTokens.d.ts +105 -14
- package/common/coreTokens.js +40 -22
- package/common/fonts.css +2 -0
- package/common/variables.d.ts +31 -141
- package/common/variables.js +104 -214
- 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 +74 -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 +88 -0
- package/contextual-menu/ContextualMenu.stories.tsx +232 -0
- package/contextual-menu/ContextualMenu.test.d.ts +1 -0
- package/contextual-menu/ContextualMenu.test.js +205 -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 +51 -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 +58 -0
- package/contextual-menu/types.js +5 -0
- package/date-input/Calendar.js +1 -1
- package/date-input/DateInput.accessibility.test.d.ts +1 -0
- package/date-input/DateInput.accessibility.test.js +230 -0
- package/date-input/DateInput.js +19 -20
- package/date-input/DateInput.stories.tsx +15 -8
- package/date-input/DateInput.test.d.ts +1 -0
- package/date-input/DateInput.test.js +9 -8
- package/date-input/DatePicker.js +13 -7
- package/date-input/YearPicker.js +1 -1
- package/date-input/types.d.ts +2 -2
- package/dialog/Dialog.accessibility.test.d.ts +1 -0
- package/dialog/Dialog.accessibility.test.js +69 -0
- package/dialog/Dialog.js +11 -25
- package/dialog/Dialog.stories.tsx +175 -0
- package/dialog/Dialog.test.d.ts +1 -0
- package/dialog/Dialog.test.js +113 -49
- 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 +223 -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 +184 -0
- package/dropdown/Dropdown.js +37 -51
- package/dropdown/Dropdown.stories.tsx +15 -26
- package/dropdown/Dropdown.test.d.ts +1 -0
- package/dropdown/Dropdown.test.js +100 -70
- package/dropdown/DropdownMenu.js +4 -4
- package/dropdown/DropdownMenuItem.js +8 -4
- package/dropdown/types.d.ts +3 -5
- package/file-input/FileInput.accessibility.test.d.ts +1 -0
- package/file-input/FileInput.accessibility.test.js +167 -0
- package/file-input/FileInput.js +127 -145
- package/file-input/FileInput.test.d.ts +1 -0
- package/file-input/FileInput.test.js +125 -129
- package/file-input/FileItem.js +18 -28
- package/file-input/types.d.ts +1 -1
- 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 +36 -31
- package/footer/Footer.stories.tsx +58 -2
- package/footer/Footer.test.d.ts +1 -0
- package/footer/Footer.test.js +1 -1
- package/footer/Icons.d.ts +1 -0
- package/footer/Icons.js +52 -16
- package/footer/types.d.ts +8 -8
- package/header/Header.accessibility.test.d.ts +1 -0
- package/header/Header.accessibility.test.js +94 -0
- package/header/Header.js +20 -41
- package/header/Header.stories.tsx +16 -0
- package/header/Header.test.d.ts +1 -0
- package/header/Header.test.js +1 -1
- package/header/Icons.js +1 -6
- package/header/types.d.ts +4 -3
- package/heading/Heading.accessibility.test.d.ts +1 -0
- package/heading/Heading.accessibility.test.js +33 -0
- package/heading/Heading.js +1 -1
- package/heading/Heading.test.d.ts +1 -0
- package/heading/Heading.test.js +1 -14
- 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.js +1 -1
- package/image/Image.stories.tsx +3 -1
- package/layout/ApplicationLayout.d.ts +1 -1
- package/layout/ApplicationLayout.js +10 -7
- package/layout/Icons.d.ts +0 -1
- package/layout/Icons.js +1 -11
- package/link/Link.accessibility.test.d.ts +1 -0
- package/link/Link.accessibility.test.js +108 -0
- package/link/Link.js +8 -6
- package/link/Link.stories.tsx +4 -4
- package/link/Link.test.d.ts +1 -0
- package/link/Link.test.js +1 -1
- package/link/types.d.ts +1 -1
- package/main.d.ts +8 -3
- package/main.js +38 -9
- 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 +25 -7
- package/nav-tabs/NavTabs.stories.tsx +44 -24
- package/nav-tabs/NavTabs.test.d.ts +1 -0
- package/nav-tabs/NavTabs.test.js +12 -10
- package/nav-tabs/NavTabsContext.d.ts +3 -0
- package/nav-tabs/NavTabsContext.js +8 -0
- package/nav-tabs/Tab.js +23 -23
- package/nav-tabs/types.d.ts +1 -1
- package/number-input/NumberInput.accessibility.test.d.ts +1 -0
- package/number-input/NumberInput.accessibility.test.js +228 -0
- package/number-input/NumberInput.d.ts +0 -7
- package/number-input/NumberInput.js +24 -5
- package/number-input/NumberInput.test.d.ts +1 -0
- package/number-input/NumberInput.test.js +166 -7
- package/number-input/NumberInputContext.d.ts +3 -0
- package/number-input/NumberInputContext.js +8 -0
- package/number-input/types.d.ts +6 -0
- package/package.json +20 -18
- package/paginator/Paginator.accessibility.test.d.ts +1 -0
- package/paginator/Paginator.accessibility.test.js +79 -0
- package/paginator/Paginator.js +14 -14
- package/paginator/Paginator.test.d.ts +1 -0
- package/paginator/Paginator.test.js +1 -1
- package/paragraph/Paragraph.accessibility.test.d.ts +1 -0
- package/paragraph/Paragraph.accessibility.test.js +28 -0
- package/paragraph/Paragraph.js +2 -7
- package/password-input/PasswordInput.accessibility.test.d.ts +1 -0
- package/password-input/PasswordInput.accessibility.test.js +153 -0
- package/password-input/PasswordInput.js +7 -7
- package/password-input/PasswordInput.stories.tsx +0 -1
- package/password-input/PasswordInput.test.d.ts +1 -0
- package/password-input/PasswordInput.test.js +5 -5
- package/progress-bar/ProgressBar.accessibility.test.d.ts +1 -0
- package/progress-bar/ProgressBar.accessibility.test.js +35 -0
- package/progress-bar/ProgressBar.js +11 -15
- package/progress-bar/ProgressBar.test.d.ts +1 -0
- package/progress-bar/ProgressBar.test.js +1 -1
- package/quick-nav/QuickNav.accessibility.test.d.ts +1 -0
- package/quick-nav/QuickNav.accessibility.test.js +57 -0
- package/quick-nav/QuickNav.js +1 -1
- package/radio-group/Radio.js +6 -9
- package/radio-group/RadioGroup.accessibility.test.d.ts +1 -0
- package/radio-group/RadioGroup.accessibility.test.js +97 -0
- package/radio-group/RadioGroup.js +15 -17
- package/radio-group/RadioGroup.test.d.ts +1 -0
- package/radio-group/RadioGroup.test.js +3 -5
- package/resultset-table/ResultsetTable.accessibility.test.d.ts +1 -0
- package/resultset-table/ResultsetTable.accessibility.test.js +285 -0
- package/resultset-table/ResultsetTable.d.ts +4 -1
- package/resultset-table/ResultsetTable.js +25 -13
- package/resultset-table/ResultsetTable.stories.tsx +118 -5
- package/resultset-table/ResultsetTable.test.d.ts +1 -0
- package/resultset-table/ResultsetTable.test.js +76 -1
- package/resultset-table/types.d.ts +40 -7
- package/select/Listbox.js +24 -16
- package/select/Option.js +19 -10
- package/select/Select.accessibility.test.d.ts +1 -0
- package/select/Select.accessibility.test.js +228 -0
- package/select/Select.js +72 -54
- package/select/Select.stories.tsx +59 -111
- package/select/Select.test.d.ts +1 -0
- package/select/Select.test.js +393 -459
- package/select/types.d.ts +3 -3
- package/sidenav/Sidenav.accessibility.test.d.ts +1 -0
- package/sidenav/Sidenav.accessibility.test.js +59 -0
- package/sidenav/Sidenav.js +21 -19
- package/sidenav/Sidenav.stories.tsx +4 -9
- package/sidenav/Sidenav.test.d.ts +1 -0
- package/sidenav/Sidenav.test.js +1 -1
- package/sidenav/types.d.ts +2 -2
- package/slider/Slider.accessibility.test.d.ts +1 -0
- package/slider/Slider.accessibility.test.js +104 -0
- package/slider/Slider.js +31 -42
- package/slider/Slider.stories.tsx +180 -0
- package/slider/Slider.test.d.ts +1 -0
- package/slider/Slider.test.js +12 -9
- package/spinner/Spinner.accessibility.test.d.ts +1 -0
- package/spinner/Spinner.accessibility.test.js +96 -0
- package/spinner/Spinner.js +12 -16
- package/spinner/Spinner.test.d.ts +1 -0
- package/spinner/Spinner.test.js +1 -1
- 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 +29 -37
- package/switch/Switch.stories.tsx +12 -0
- package/switch/Switch.test.d.ts +1 -0
- package/switch/Switch.test.js +1 -1
- package/table/DropdownTheme.js +62 -0
- package/table/Table.accessibility.test.d.ts +1 -0
- package/table/Table.accessibility.test.js +93 -0
- package/table/Table.d.ts +6 -2
- package/table/Table.js +74 -12
- package/table/Table.stories.tsx +309 -2
- package/table/Table.test.d.ts +1 -0
- package/table/Table.test.js +92 -1
- package/table/types.d.ts +28 -0
- package/tabs/Tab.js +13 -9
- package/tabs/Tabs.accessibility.test.d.ts +1 -0
- package/tabs/Tabs.accessibility.test.js +56 -0
- package/tabs/Tabs.js +12 -24
- package/tabs/Tabs.stories.tsx +8 -4
- package/tabs/Tabs.test.d.ts +1 -0
- package/tabs/Tabs.test.js +20 -38
- package/tabs/types.d.ts +2 -2
- package/tag/Tag.accessibility.test.d.ts +1 -0
- package/tag/Tag.accessibility.test.js +69 -0
- package/tag/Tag.js +7 -7
- package/tag/Tag.stories.tsx +4 -7
- package/tag/Tag.test.d.ts +1 -0
- package/tag/Tag.test.js +5 -13
- package/tag/types.d.ts +2 -2
- package/text-input/Suggestion.js +1 -1
- package/text-input/Suggestions.js +19 -14
- package/text-input/TextInput.accessibility.test.d.ts +1 -0
- package/text-input/TextInput.accessibility.test.js +321 -0
- package/text-input/TextInput.js +103 -126
- package/text-input/TextInput.stories.tsx +17 -8
- package/text-input/TextInput.test.d.ts +1 -0
- package/text-input/TextInput.test.js +97 -80
- package/textarea/Textarea.accessibility.test.d.ts +1 -0
- package/textarea/Textarea.accessibility.test.js +155 -0
- package/textarea/Textarea.js +13 -21
- package/textarea/Textarea.stories.tsx +0 -1
- package/textarea/Textarea.test.d.ts +1 -0
- package/textarea/Textarea.test.js +1 -1
- package/toggle-group/ToggleGroup.accessibility.test.d.ts +1 -0
- package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
- package/toggle-group/ToggleGroup.js +11 -16
- package/toggle-group/ToggleGroup.stories.tsx +3 -3
- package/toggle-group/ToggleGroup.test.d.ts +1 -0
- package/toggle-group/ToggleGroup.test.js +1 -1
- package/toggle-group/types.d.ts +2 -2
- package/typography/Typography.accessibility.test.d.ts +1 -0
- package/typography/Typography.accessibility.test.js +339 -0
- package/useTheme.d.ts +31 -141
- package/utils/BaseTypography.js +1 -1
- package/utils/FocusLock.js +16 -6
- package/wizard/Wizard.accessibility.test.d.ts +1 -0
- package/wizard/Wizard.accessibility.test.js +55 -0
- package/wizard/Wizard.js +14 -25
- package/wizard/Wizard.stories.tsx +19 -0
- package/wizard/Wizard.test.d.ts +1 -0
- package/wizard/Wizard.test.js +1 -1
- package/wizard/types.d.ts +2 -2
- 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 -58
- package/paginator/Icons.d.ts +0 -5
- package/paginator/Icons.js +0 -40
- package/password-input/Icons.d.ts +0 -6
- package/password-input/Icons.js +0 -35
- package/select/Icons.d.ts +0 -10
- package/select/Icons.js +0 -89
- package/sidenav/Icons.d.ts +0 -7
- package/sidenav/Icons.js +0 -47
- package/text-input/Icons.d.ts +0 -8
- package/text-input/Icons.js +0 -56
- /package/{layout → sidenav}/SidenavContext.d.ts +0 -0
- /package/{layout → sidenav}/SidenavContext.js +0 -0
|
@@ -1,10 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export type BackgroundColors = "dark" | "light";
|
|
3
|
-
declare const BackgroundColorContext: React.Context<BackgroundColors>;
|
|
4
|
-
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 {};
|
|
@@ -2,14 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.BackgroundColorProvider = void 0;
|
|
9
5
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
6
|
var _color = _interopRequireDefault(require("color"));
|
|
11
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); }
|
|
12
|
-
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 &&
|
|
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; }
|
|
13
9
|
var BackgroundColorContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
14
10
|
var getColorType = function getColorType(hexColor) {
|
|
15
11
|
try {
|
|
@@ -22,7 +18,7 @@ var getColorType = function getColorType(hexColor) {
|
|
|
22
18
|
return "light";
|
|
23
19
|
}
|
|
24
20
|
};
|
|
25
|
-
var BackgroundColorProvider =
|
|
21
|
+
var BackgroundColorProvider = function BackgroundColorProvider(_ref) {
|
|
26
22
|
var color = _ref.color,
|
|
27
23
|
children = _ref.children;
|
|
28
24
|
var colorType = (0, _react.useMemo)(function () {
|
|
@@ -31,5 +27,4 @@ var BackgroundColorProvider = exports.BackgroundColorProvider = function Backgro
|
|
|
31
27
|
return /*#__PURE__*/_react["default"].createElement(BackgroundColorContext.Provider, {
|
|
32
28
|
value: colorType
|
|
33
29
|
}, children);
|
|
34
|
-
};
|
|
35
|
-
var _default = exports["default"] = BackgroundColorContext;
|
|
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,46 +171,33 @@ 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: {
|
|
229
195
|
backgroundColor: string;
|
|
230
|
-
disabledBackgroundColor: string;
|
|
231
196
|
fontFamily: string;
|
|
232
197
|
fontSize: string;
|
|
233
198
|
fontStyle: string;
|
|
234
199
|
fontWeight: string;
|
|
235
200
|
fontColor: string;
|
|
236
|
-
disabledFontColor: string;
|
|
237
201
|
borderColor: string;
|
|
238
202
|
borderRadius: string;
|
|
239
203
|
borderThickness: string;
|
|
@@ -251,7 +215,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
251
215
|
focusColor: string;
|
|
252
216
|
focusBorderStyle: string;
|
|
253
217
|
focusBorderThickness: string;
|
|
254
|
-
focusBorderRadius: string;
|
|
255
218
|
};
|
|
256
219
|
dateInput: {
|
|
257
220
|
pickerBackgroundColor: string;
|
|
@@ -287,8 +250,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
287
250
|
dialog: {
|
|
288
251
|
overlayColor: string;
|
|
289
252
|
backgroundColor: string;
|
|
290
|
-
|
|
291
|
-
closeIconHeight: string;
|
|
253
|
+
closeIconSize: string;
|
|
292
254
|
closeIconTopPosition: string;
|
|
293
255
|
closeIconRightPosition: string;
|
|
294
256
|
closeIconBackgroundColor: string;
|
|
@@ -318,9 +280,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
318
280
|
buttonPaddingBottom: string;
|
|
319
281
|
buttonPaddingLeft: string;
|
|
320
282
|
buttonPaddingRight: string;
|
|
283
|
+
buttonHeight: string;
|
|
284
|
+
buttonBorderRadius: string;
|
|
285
|
+
buttonBorderStyle: string;
|
|
286
|
+
buttonBorderThickness: string;
|
|
287
|
+
buttonBorderColor: string;
|
|
321
288
|
disabledColor: string;
|
|
322
289
|
disabledButtonBackgroundColor: string;
|
|
323
|
-
|
|
290
|
+
disabledButtonBorderColor: string;
|
|
324
291
|
optionBackgroundColor: string;
|
|
325
292
|
hoverOptionBackgroundColor: string;
|
|
326
293
|
activeOptionBackgroundColor: string;
|
|
@@ -360,7 +327,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
360
327
|
focusDropBorderColor: string;
|
|
361
328
|
disabledDropBorderColor: string;
|
|
362
329
|
dragoverDropBackgroundColor: string;
|
|
363
|
-
activeFileItemIconBackgrounColor: string;
|
|
364
330
|
errorFileItemBorderColor: string;
|
|
365
331
|
errorFileItemBackgroundColor: string;
|
|
366
332
|
errorFilePreviewBackgroundColor: string;
|
|
@@ -456,7 +422,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
456
422
|
underlinedThickness: string;
|
|
457
423
|
underlinedStyle: string;
|
|
458
424
|
contentColor: string;
|
|
459
|
-
contentColorOnDark: string;
|
|
460
425
|
};
|
|
461
426
|
heading: {
|
|
462
427
|
level1FontColor: string;
|
|
@@ -527,10 +492,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
527
492
|
selectedBackgroundColor: string;
|
|
528
493
|
unselectedBackgroundColor: string;
|
|
529
494
|
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
|
-
*/
|
|
495
|
+
pressedBackgroundColor: string;
|
|
534
496
|
selectedFontColor: string;
|
|
535
497
|
unselectedFontColor: string;
|
|
536
498
|
disabledFontColor: string;
|
|
@@ -565,32 +527,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
565
527
|
totalItemsContainerMarginLeft: string;
|
|
566
528
|
};
|
|
567
529
|
paragraph: {
|
|
568
|
-
fontColor: string;
|
|
569
|
-
fontColorOnDark: string;
|
|
570
530
|
display: string;
|
|
531
|
+
fontColor: string;
|
|
571
532
|
fontSize: string;
|
|
572
533
|
fontWeight: string;
|
|
573
534
|
};
|
|
574
535
|
progressBar: {
|
|
575
536
|
trackLineColor: string;
|
|
576
|
-
trackLineColorOnDark: string;
|
|
577
537
|
totalLineColor: string;
|
|
578
538
|
labelFontFamily: string;
|
|
579
539
|
labelFontSize: string;
|
|
580
540
|
labelFontStyle: string;
|
|
581
541
|
labelFontWeight: string;
|
|
582
542
|
labelFontColor: string;
|
|
583
|
-
labelFontColorOnDark: string;
|
|
584
543
|
labelFontTextTransform: string;
|
|
585
544
|
valueFontFamily: string;
|
|
586
545
|
valueFontSize: string;
|
|
587
546
|
valueFontStyle: string;
|
|
588
547
|
valueFontWeight: string;
|
|
589
548
|
valueFontColor: string;
|
|
590
|
-
valueFontColorOnDark: string;
|
|
591
549
|
valueFontTextTransform: string;
|
|
592
550
|
helperTextFontColor: string;
|
|
593
|
-
helperTextFontColorOnDark: string;
|
|
594
551
|
helperTextFontSize: string;
|
|
595
552
|
helperTextFontStyle: string;
|
|
596
553
|
helperTextFontWeight: string;
|
|
@@ -768,7 +725,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
768
725
|
slider: {
|
|
769
726
|
fontFamily: string;
|
|
770
727
|
limitValuesFontColor: string;
|
|
771
|
-
limitValuesFontColorOnDark: string;
|
|
772
728
|
limitValuesFontSize: string;
|
|
773
729
|
limitValuesFontStyle: string;
|
|
774
730
|
limitValuesFontWeight: string;
|
|
@@ -785,15 +741,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
785
741
|
helperTextFontWeight: string;
|
|
786
742
|
helperTextLineHeight: string;
|
|
787
743
|
fontColor: string;
|
|
788
|
-
fontColorOnDark: string;
|
|
789
744
|
labelFontColor: string;
|
|
790
|
-
labelFontColorOnDark: string;
|
|
791
745
|
helperTextFontColor: string;
|
|
792
|
-
helperTextFontColorOnDark: string;
|
|
793
746
|
disabledLabelFontColor: string;
|
|
794
|
-
disabledLabelFontColorOnDark: string;
|
|
795
747
|
disabledHelperTextFontColor: string;
|
|
796
|
-
disabledHelperTextFontColorOnDark: string;
|
|
797
748
|
thumbHeight: string;
|
|
798
749
|
thumbWidth: string;
|
|
799
750
|
hoverThumbHeight: string;
|
|
@@ -801,40 +752,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
801
752
|
thumbVerticalPosition: string;
|
|
802
753
|
hoverThumbVerticalPosition: string;
|
|
803
754
|
thumbBackgroundColor: string;
|
|
804
|
-
thumbBackgroundColorOnDark: string;
|
|
805
755
|
hoverThumbScale: string;
|
|
806
756
|
hoverThumbBackgroundColor: string;
|
|
807
|
-
hoverThumbBackgroundColorOnDark: string;
|
|
808
757
|
activeThumbScale: string;
|
|
809
758
|
activeThumbBackgroundColor: string;
|
|
810
|
-
activeThumbBackgroundColorOnDark: string;
|
|
811
759
|
focusThumbBackgroundColor: string;
|
|
812
|
-
focusThumbBackgroundColorOnDark: string;
|
|
813
760
|
tickHeight: string;
|
|
814
761
|
tickWidth: string;
|
|
815
762
|
tickVerticalPosition: string;
|
|
816
763
|
tickBackgroundColor: string;
|
|
817
|
-
tickBackgroundColorOnDark: string;
|
|
818
764
|
trackLineThickness: string;
|
|
819
765
|
trackLineVerticalPosition: string;
|
|
820
766
|
trackLineColor: string;
|
|
821
|
-
trackLineColorOnDark: string;
|
|
822
767
|
totalLineThickness: string;
|
|
823
768
|
totalLineVerticalPosition: string;
|
|
824
769
|
totalLineColor: string;
|
|
825
|
-
totalLineColorOnDark: string;
|
|
826
770
|
disabledThumbVerticalPosition: string;
|
|
827
771
|
disabledThumbBackgroundColor: string;
|
|
828
|
-
disabledThumbBackgroundColorOnDark: string;
|
|
829
772
|
disabledTickVerticalPosition: string;
|
|
830
773
|
disabledTickBackgroundColor: string;
|
|
831
|
-
disabledTickBackgroundColorOnDark: string;
|
|
832
774
|
disabledTrackLineColor: string;
|
|
833
|
-
disabledTrackLineColorOnDark: string;
|
|
834
775
|
disabledTotalLineColor: string;
|
|
835
|
-
disabledTotalLineColorOnDark: string;
|
|
836
776
|
focusColor: string;
|
|
837
|
-
focusColorOnDark: string;
|
|
838
777
|
floorLabelMarginRight: string;
|
|
839
778
|
ceilLabelMarginLeft: string;
|
|
840
779
|
inputMarginLeft: string;
|
|
@@ -848,14 +787,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
848
787
|
labelFontStyle: string;
|
|
849
788
|
labelFontWeight: string;
|
|
850
789
|
labelFontColor: string;
|
|
851
|
-
labelFontColorOnDark: string;
|
|
852
790
|
labelTextAlign: string;
|
|
853
791
|
progressValueFontFamily: string;
|
|
854
792
|
progressValueFontSize: string;
|
|
855
793
|
progressValueFontStyle: string;
|
|
856
794
|
progressValueFontWeight: string;
|
|
857
795
|
progressValueFontColor: string;
|
|
858
|
-
progressValueFontColorOnDark: string;
|
|
859
796
|
progressValueTextAlign: string;
|
|
860
797
|
overlayBackgroundColor: string;
|
|
861
798
|
overlayOpacity: string;
|
|
@@ -874,32 +811,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
874
811
|
};
|
|
875
812
|
switch: {
|
|
876
813
|
checkedTrackBackgroundColor: string;
|
|
877
|
-
checkedTrackBackgroundColorOnDark: string;
|
|
878
814
|
checkedThumbBackgroundColor: string;
|
|
879
|
-
checkedThumbBackgroundColorOnDark: string;
|
|
880
815
|
uncheckedTrackBackgroundColor: string;
|
|
881
|
-
uncheckedTrackBackgroundColorOnDark: string;
|
|
882
816
|
uncheckedThumbBackgroundColor: string;
|
|
883
|
-
uncheckedThumbBackgroundColorOnDark: string;
|
|
884
817
|
disabledCheckedTrackBackgroundColor: string;
|
|
885
|
-
disabledCheckedTrackBackgroundColorOnDark: string;
|
|
886
818
|
disabledCheckedThumbBackgroundColor: string;
|
|
887
|
-
disabledCheckedThumbBackgroundColorOnDark: string;
|
|
888
819
|
disabledUncheckedTrackBackgroundColor: string;
|
|
889
|
-
disabledUncheckedTrackBackgroundColorOnDark: string;
|
|
890
820
|
disabledUncheckedThumbBackgroundColor: string;
|
|
891
|
-
disabledUncheckedThumbBackgroundColorOnDark: string;
|
|
892
821
|
disabledLabelFontColor: string;
|
|
893
|
-
disabledLabelFontColorOnDark: string;
|
|
894
822
|
disabledLabelFontStyle: string;
|
|
895
823
|
labelFontFamily: string;
|
|
896
824
|
labelFontSize: string;
|
|
897
825
|
labelFontStyle: string;
|
|
898
826
|
labelFontWeight: string;
|
|
899
827
|
labelFontColor: string;
|
|
900
|
-
labelFontColorOnDark: string;
|
|
901
828
|
thumbFocusColor: string;
|
|
902
|
-
thumbFocusColorOnDark: string;
|
|
903
829
|
thumbHeight: string;
|
|
904
830
|
thumbWidth: string;
|
|
905
831
|
thumbShift: string;
|
|
@@ -922,8 +848,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
922
848
|
dataPaddingBottom: string;
|
|
923
849
|
dataPaddingRight: string;
|
|
924
850
|
dataPaddingLeft: string;
|
|
851
|
+
dataPaddingTopReduced: string;
|
|
852
|
+
dataPaddingBottomReduced: string;
|
|
853
|
+
dataPaddingRightReduced: string;
|
|
854
|
+
dataPaddingLeftReduced: string;
|
|
925
855
|
dataTextAlign: string;
|
|
926
856
|
dataTextLineHeight: string;
|
|
857
|
+
firstChildPaddingLeft: string;
|
|
858
|
+
lastChildPaddingRight: string;
|
|
859
|
+
firstChildPaddingLeftReduced: string;
|
|
860
|
+
lastChildPaddingRightReduced: string;
|
|
927
861
|
headerBackgroundColor: string;
|
|
928
862
|
headerBorderRadius: string;
|
|
929
863
|
headerFontFamily: string;
|
|
@@ -936,11 +870,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
936
870
|
headerPaddingBottom: string;
|
|
937
871
|
headerPaddingRight: string;
|
|
938
872
|
headerPaddingLeft: string;
|
|
873
|
+
headerPaddingTopReduced: string;
|
|
874
|
+
headerPaddingBottomReduced: string;
|
|
875
|
+
headerPaddingRightReduced: string;
|
|
876
|
+
headerPaddingLeftReduced: string;
|
|
939
877
|
headerTextAlign: string;
|
|
940
878
|
headerTextLineHeight: string;
|
|
941
879
|
scrollBarThumbColor: string;
|
|
942
880
|
scrollBarTrackColor: string;
|
|
943
881
|
sortIconColor: string;
|
|
882
|
+
actionIconColor: string;
|
|
883
|
+
disabledActionIconColor: string;
|
|
884
|
+
hoverActionIconColor: string;
|
|
885
|
+
focusActionIconColor: string;
|
|
886
|
+
activeActionIconColor: string;
|
|
887
|
+
actionBackgroundColor: string;
|
|
888
|
+
disabledActionBackgroundColor: string;
|
|
889
|
+
hoverActionBackgroundColor: string;
|
|
890
|
+
focusActionBorderColor: string;
|
|
891
|
+
activeActionBackgroundColor: string;
|
|
944
892
|
};
|
|
945
893
|
tabs: {
|
|
946
894
|
fontFamily: string;
|
|
@@ -959,7 +907,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
959
907
|
disabledFontColor: string;
|
|
960
908
|
disabledIconColor: string;
|
|
961
909
|
disabledFontStyle: string;
|
|
962
|
-
disabledBadgeBackgroundColor: string;
|
|
963
910
|
hoverBackgroundColor: string;
|
|
964
911
|
pressedBackgroundColor: string;
|
|
965
912
|
pressedFontWeight: string;
|
|
@@ -967,19 +914,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
967
914
|
dividerThickness: string;
|
|
968
915
|
focusOutline: string;
|
|
969
916
|
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
917
|
};
|
|
984
918
|
tag: {
|
|
985
919
|
fontFamily: string;
|
|
@@ -1001,134 +935,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
1001
935
|
textarea: {
|
|
1002
936
|
fontFamily: string;
|
|
1003
937
|
enabledBorderColor: string;
|
|
1004
|
-
enabledBorderColorOnDark: string;
|
|
1005
938
|
hoverBorderColor: string;
|
|
1006
|
-
hoverBorderColorOnDark: string;
|
|
1007
939
|
focusBorderColor: string;
|
|
1008
|
-
focusBorderColorOnDark: string;
|
|
1009
940
|
disabledBorderColor: string;
|
|
1010
|
-
disabledBorderColorOnDark: string;
|
|
1011
941
|
disabledContainerFillColor: string;
|
|
1012
|
-
disabledContainerFillColorOnDark: string;
|
|
1013
942
|
readOnlyBorderColor: string;
|
|
1014
943
|
hoverReadOnlyBorderColor: string;
|
|
1015
944
|
errorBorderColor: string;
|
|
1016
|
-
errorBorderColorOnDark: string;
|
|
1017
945
|
hoverErrorBorderColor: string;
|
|
1018
|
-
hoverErrorBorderColorOnDark: string;
|
|
1019
946
|
inputMarginTop: string;
|
|
1020
947
|
inputMarginBottom: string;
|
|
1021
948
|
errorMessageColor: string;
|
|
1022
|
-
errorMessageColorOnDark: string;
|
|
1023
949
|
labelFontColor: string;
|
|
1024
|
-
labelFontColorOnDark: string;
|
|
1025
950
|
labelFontSize: string;
|
|
1026
951
|
labelFontStyle: string;
|
|
1027
952
|
labelFontWeight: string;
|
|
1028
953
|
labelLineHeight: string;
|
|
1029
954
|
disabledLabelFontColor: string;
|
|
1030
|
-
disabledLabelFontColorOnDark: string;
|
|
1031
955
|
optionalLabelFontWeight: string;
|
|
1032
956
|
helperTextFontColor: string;
|
|
1033
|
-
helperTextFontColorOnDark: string;
|
|
1034
957
|
helperTextFontSize: string;
|
|
1035
958
|
helperTextFontStyle: string;
|
|
1036
959
|
helperTextFontWeight: string;
|
|
1037
960
|
helperTextLineHeight: string;
|
|
1038
961
|
disabledHelperTextFontColor: string;
|
|
1039
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1040
962
|
placeholderFontColor: string;
|
|
1041
|
-
placeholderFontColorOnDark: string;
|
|
1042
963
|
disabledPlaceholderFontColor: string;
|
|
1043
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1044
964
|
valueFontColor: string;
|
|
1045
|
-
valueFontColorOnDark: string;
|
|
1046
965
|
valueFontSize: string;
|
|
1047
966
|
valueFontStyle: string;
|
|
1048
967
|
valueFontWeight: string;
|
|
1049
968
|
disabledValueFontColor: string;
|
|
1050
|
-
disabledValueFontColorOnDark: string;
|
|
1051
969
|
};
|
|
1052
970
|
textInput: {
|
|
1053
971
|
fontFamily: string;
|
|
1054
972
|
enabledBorderColor: string;
|
|
1055
|
-
enabledBorderColorOnDark: string;
|
|
1056
973
|
hoverBorderColor: string;
|
|
1057
|
-
hoverBorderColorOnDark: string;
|
|
1058
974
|
focusBorderColor: string;
|
|
1059
|
-
focusBorderColorOnDark: string;
|
|
1060
975
|
disabledBorderColor: string;
|
|
1061
|
-
disabledBorderColorOnDark: string;
|
|
1062
976
|
disabledContainerFillColor: string;
|
|
1063
|
-
disabledContainerFillColorOnDark: string;
|
|
1064
977
|
readOnlyBorderColor: string;
|
|
1065
978
|
hoverReadOnlyBorderColor: string;
|
|
1066
979
|
errorBorderColor: string;
|
|
1067
|
-
errorBorderColorOnDark: string;
|
|
1068
980
|
hoverErrorBorderColor: string;
|
|
1069
|
-
hoverErrorBorderColorOnDark: string;
|
|
1070
981
|
inputMarginTop: string;
|
|
1071
982
|
inputMarginBottom: string;
|
|
1072
983
|
errorMessageColor: string;
|
|
1073
|
-
errorMessageColorOnDark: string;
|
|
1074
984
|
errorIconColor: string;
|
|
1075
|
-
errorIconColorOnDark: string;
|
|
1076
985
|
labelFontColor: string;
|
|
1077
|
-
labelFontColorOnDark: string;
|
|
1078
986
|
labelFontSize: string;
|
|
1079
987
|
labelFontStyle: string;
|
|
1080
988
|
labelFontWeight: string;
|
|
1081
989
|
labelLineHeight: string;
|
|
1082
990
|
disabledLabelFontColor: string;
|
|
1083
|
-
disabledLabelFontColorOnDark: string;
|
|
1084
991
|
optionalLabelFontWeight: string;
|
|
1085
992
|
helperTextFontColor: string;
|
|
1086
|
-
helperTextFontColorOnDark: string;
|
|
1087
993
|
helperTextFontSize: string;
|
|
1088
994
|
helperTextFontStyle: string;
|
|
1089
995
|
helperTextFontWeight: string;
|
|
1090
996
|
helperTextLineHeight: string;
|
|
1091
997
|
disabledHelperTextFontColor: string;
|
|
1092
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1093
998
|
prefixColor: string;
|
|
1094
|
-
prefixColorOnDark: string;
|
|
1095
999
|
suffixColor: string;
|
|
1096
|
-
suffixColorOnDark: string;
|
|
1097
1000
|
disabledPrefixColor: string;
|
|
1098
1001
|
disabledSuffixColor: string;
|
|
1099
|
-
disabledPrefixColorOnDark: string;
|
|
1100
|
-
disabledSuffixColorOnDark: string;
|
|
1101
1002
|
placeholderFontColor: string;
|
|
1102
|
-
placeholderFontColorOnDark: string;
|
|
1103
1003
|
disabledPlaceholderFontColor: string;
|
|
1104
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1105
1004
|
valueFontColor: string;
|
|
1106
|
-
valueFontColorOnDark: string;
|
|
1107
1005
|
valueFontSize: string;
|
|
1108
1006
|
valueFontStyle: string;
|
|
1109
1007
|
valueFontWeight: string;
|
|
1110
1008
|
disabledValueFontColor: string;
|
|
1111
|
-
disabledValueFontColorOnDark: string;
|
|
1112
1009
|
actionIconColor: string;
|
|
1113
|
-
actionIconColorOnDark: string;
|
|
1114
1010
|
disabledActionIconColor: string;
|
|
1115
|
-
disabledActionIconColorOnDark: string;
|
|
1116
1011
|
hoverActionIconColor: string;
|
|
1117
|
-
hoverActionIconColorOnDark: string;
|
|
1118
1012
|
focusActionIconColor: string;
|
|
1119
|
-
focusActionIconColorOnDark: string;
|
|
1120
1013
|
activeActionIconColor: string;
|
|
1121
|
-
activeActionIconColorOnDark: string;
|
|
1122
1014
|
actionBackgroundColor: string;
|
|
1123
|
-
actionBackgroundColorOnDark: string;
|
|
1124
1015
|
disabledActionBackgroundColor: string;
|
|
1125
|
-
disabledActionBackgroundColorOnDark: string;
|
|
1126
1016
|
hoverActionBackgroundColor: string;
|
|
1127
|
-
hoverActionBackgroundColorOnDark: string;
|
|
1128
1017
|
focusActionBorderColor: string;
|
|
1129
|
-
focusActionBorderColorOnDark: string;
|
|
1130
1018
|
activeActionBackgroundColor: string;
|
|
1131
|
-
activeActionBackgroundColorOnDark: string;
|
|
1132
1019
|
listDialogBackgroundColor: string;
|
|
1133
1020
|
listDialogBorderColor: string;
|
|
1134
1021
|
listOptionDividerColor: string;
|
package/HalstackContext.js
CHANGED
|
@@ -6,14 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = exports.HalstackProvider = exports.HalstackLanguageContext = void 0;
|
|
9
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
10
|
var _color = _interopRequireDefault(require("color"));
|
|
12
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
11
|
var _variables = require("./common/variables");
|
|
14
|
-
var _templateObject;
|
|
15
12
|
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); }
|
|
16
|
-
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 &&
|
|
13
|
+
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; }
|
|
17
14
|
var HalstackContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
18
15
|
var HalstackLanguageContext = exports.HalstackLanguageContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
19
16
|
var addLightness = function addLightness(newLightness, hexColor) {
|
|
@@ -300,11 +297,10 @@ var HalstackProvider = exports.HalstackProvider = function HalstackProvider(_ref
|
|
|
300
297
|
var parsedLabels = (0, _react.useMemo)(function () {
|
|
301
298
|
return labels ? parseLabels(labels) : _variables.defaultTranslatedComponentLabels;
|
|
302
299
|
}, [labels]);
|
|
303
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
300
|
+
return /*#__PURE__*/_react["default"].createElement(HalstackContext.Provider, {
|
|
304
301
|
value: parsedTheme
|
|
305
302
|
}, /*#__PURE__*/_react["default"].createElement(HalstackLanguageContext.Provider, {
|
|
306
303
|
value: parsedLabels
|
|
307
|
-
}, children))
|
|
304
|
+
}, children));
|
|
308
305
|
};
|
|
309
|
-
var Halstack = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n @import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap\");\n"])));
|
|
310
306
|
var _default = exports["default"] = HalstackContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|