@dxc-technology/halstack-react 10.1.0 → 12.0.0
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 +45 -143
- package/HalstackContext.js +10 -35
- package/accordion/Accordion.accessibility.test.js +71 -0
- package/accordion/Accordion.js +33 -84
- package/accordion/Accordion.stories.tsx +8 -64
- package/accordion/Accordion.test.js +18 -33
- package/accordion/types.d.ts +6 -6
- package/accordion-group/AccordionGroup.accessibility.test.js +88 -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.js +42 -60
- 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.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.js +64 -0
- package/action-icon/types.d.ts +26 -0
- package/alert/Alert.accessibility.test.js +95 -0
- package/alert/Alert.js +34 -120
- package/alert/Alert.test.js +28 -45
- package/alert/types.d.ts +5 -5
- 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.js +30 -0
- package/badge/types.d.ts +52 -3
- package/bleed/Bleed.js +13 -21
- package/bleed/types.d.ts +2 -2
- package/box/Box.accessibility.test.js +33 -0
- package/box/Box.js +11 -33
- package/box/Box.test.js +1 -6
- 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 +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.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.js +127 -0
- package/button/Button.js +36 -59
- package/button/Button.stories.tsx +35 -135
- package/button/Button.test.js +13 -21
- package/button/types.d.ts +5 -5
- package/card/Card.accessibility.test.js +36 -0
- package/card/Card.js +23 -45
- package/card/Card.test.js +10 -21
- package/card/types.d.ts +5 -5
- package/checkbox/Checkbox.accessibility.test.js +87 -0
- package/checkbox/Checkbox.js +88 -123
- package/checkbox/Checkbox.stories.tsx +16 -54
- package/checkbox/Checkbox.test.js +107 -63
- package/checkbox/types.d.ts +8 -4
- package/chip/Chip.accessibility.test.js +67 -0
- package/chip/Chip.js +22 -36
- package/chip/Chip.stories.tsx +10 -25
- package/chip/Chip.test.js +17 -30
- package/chip/types.d.ts +4 -4
- package/common/coreTokens.d.ts +105 -14
- package/common/coreTokens.js +40 -23
- package/common/utils.js +2 -8
- package/common/variables.d.ts +46 -144
- package/common/variables.js +120 -225
- 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.js +97 -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.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 +13 -57
- package/date-input/DateInput.accessibility.test.js +228 -0
- package/date-input/DateInput.js +53 -100
- package/date-input/DateInput.stories.tsx +19 -31
- package/date-input/DateInput.test.js +674 -701
- package/date-input/DatePicker.js +23 -48
- package/date-input/YearPicker.js +8 -34
- package/date-input/types.d.ts +28 -22
- package/dialog/Dialog.accessibility.test.js +69 -0
- package/dialog/Dialog.js +21 -59
- package/dialog/Dialog.stories.tsx +176 -0
- package/dialog/Dialog.test.js +126 -188
- package/dialog/types.d.ts +18 -13
- 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.js +38 -0
- package/divider/types.d.ts +21 -0
- package/divider/types.js +5 -0
- package/dropdown/Dropdown.accessibility.test.js +180 -0
- package/dropdown/Dropdown.js +63 -130
- package/dropdown/Dropdown.stories.tsx +15 -26
- package/dropdown/Dropdown.test.js +402 -389
- 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.js +160 -0
- package/file-input/FileInput.js +180 -284
- package/file-input/FileInput.stories.tsx +1 -1
- package/file-input/FileInput.test.js +279 -354
- package/file-input/FileItem.js +29 -66
- package/file-input/types.d.ts +9 -9
- package/flex/Flex.js +25 -39
- package/flex/types.d.ts +6 -6
- 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.js +18 -32
- 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/types.d.ts +10 -10
- package/header/Header.accessibility.test.js +93 -0
- package/header/Header.d.ts +1 -1
- package/header/Header.js +38 -104
- package/header/Header.stories.tsx +16 -0
- package/header/Header.test.js +12 -25
- 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.js +33 -0
- package/heading/Heading.js +9 -31
- package/heading/Heading.test.js +70 -87
- package/heading/types.d.ts +7 -7
- 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.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.js +108 -0
- package/link/Link.js +28 -47
- package/link/Link.stories.tsx +4 -4
- package/link/Link.test.js +23 -41
- package/link/types.d.ts +14 -14
- package/main.d.ts +8 -4
- package/main.js +39 -60
- package/nav-tabs/NavTabs.accessibility.test.js +44 -0
- package/nav-tabs/NavTabs.d.ts +1 -2
- package/nav-tabs/NavTabs.js +19 -48
- package/nav-tabs/NavTabs.stories.tsx +30 -25
- package/nav-tabs/NavTabs.test.js +45 -50
- 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.js +228 -0
- package/number-input/NumberInput.d.ts +0 -7
- package/number-input/NumberInput.js +47 -39
- package/number-input/NumberInput.stories.tsx +42 -26
- package/number-input/NumberInput.test.js +839 -575
- 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 +41 -37
- package/paginator/Paginator.accessibility.test.js +79 -0
- package/paginator/Paginator.js +27 -52
- package/paginator/Paginator.test.js +224 -207
- package/paginator/types.d.ts +3 -3
- 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.js +153 -0
- package/password-input/PasswordInput.js +32 -54
- package/password-input/PasswordInput.stories.tsx +1 -34
- package/password-input/PasswordInput.test.js +153 -129
- package/password-input/types.d.ts +8 -7
- 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.js +35 -52
- package/progress-bar/types.d.ts +3 -3
- package/quick-nav/QuickNav.accessibility.test.js +57 -0
- package/quick-nav/QuickNav.js +4 -27
- package/quick-nav/QuickNav.stories.tsx +1 -1
- package/quick-nav/types.d.ts +10 -10
- package/radio-group/Radio.d.ts +1 -1
- package/radio-group/Radio.js +22 -54
- package/radio-group/RadioGroup.accessibility.test.js +97 -0
- package/radio-group/RadioGroup.js +38 -83
- package/radio-group/RadioGroup.stories.tsx +10 -10
- package/radio-group/RadioGroup.test.js +504 -470
- package/radio-group/types.d.ts +8 -8
- package/resultset-table/Icons.d.ts +7 -0
- package/{resultsetTable → resultset-table}/Icons.js +1 -5
- package/resultset-table/ResultsetTable.accessibility.test.js +285 -0
- package/resultset-table/ResultsetTable.d.ts +7 -0
- package/{resultsetTable → resultset-table}/ResultsetTable.js +45 -69
- package/{resultsetTable → resultset-table}/ResultsetTable.stories.tsx +118 -5
- package/{resultsetTable → resultset-table}/ResultsetTable.test.js +148 -92
- package/{resultsetTable → resultset-table}/types.d.ts +44 -11
- package/resultset-table/types.js +5 -0
- package/select/Listbox.js +40 -54
- package/select/Option.js +28 -36
- package/select/Select.accessibility.test.js +228 -0
- package/select/Select.js +107 -171
- package/select/Select.stories.tsx +59 -111
- package/select/Select.test.js +1895 -1858
- package/select/types.d.ts +15 -16
- package/sidenav/Sidenav.accessibility.test.js +59 -0
- package/sidenav/Sidenav.js +44 -81
- package/sidenav/Sidenav.stories.tsx +4 -9
- package/sidenav/Sidenav.test.js +3 -10
- 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.js +104 -0
- package/slider/Slider.js +70 -126
- package/slider/Slider.test.js +107 -103
- package/slider/types.d.ts +4 -4
- package/spinner/Spinner.accessibility.test.js +96 -0
- package/spinner/Spinner.js +21 -55
- package/spinner/Spinner.test.js +25 -34
- package/spinner/types.d.ts +3 -3
- 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.js +25 -0
- package/status-light/types.d.ts +17 -0
- package/status-light/types.js +5 -0
- package/switch/Switch.accessibility.test.js +98 -0
- package/switch/Switch.js +49 -97
- package/switch/Switch.stories.tsx +12 -34
- package/switch/Switch.test.js +51 -96
- package/switch/types.d.ts +4 -4
- package/table/DropdownTheme.js +62 -0
- package/table/Table.accessibility.test.js +93 -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.js +93 -6
- package/table/types.d.ts +34 -6
- package/tabs/Tab.js +22 -37
- 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.js +57 -131
- package/tabs/types.d.ts +21 -21
- package/tag/Tag.accessibility.test.js +69 -0
- package/tag/Tag.js +27 -57
- package/tag/Tag.stories.tsx +4 -7
- package/tag/Tag.test.js +17 -36
- 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.js +321 -0
- package/text-input/TextInput.js +203 -289
- package/text-input/TextInput.stories.tsx +65 -160
- package/text-input/TextInput.test.js +1227 -1194
- package/text-input/types.d.ts +25 -17
- package/textarea/Textarea.accessibility.test.js +155 -0
- package/textarea/Textarea.js +68 -109
- package/textarea/{Textarea.stories.jsx → Textarea.stories.tsx} +58 -100
- package/textarea/Textarea.test.js +150 -179
- package/textarea/types.d.ts +9 -5
- package/toggle-group/ToggleGroup.accessibility.test.js +107 -0
- package/toggle-group/ToggleGroup.js +25 -64
- package/toggle-group/ToggleGroup.stories.tsx +4 -4
- package/toggle-group/ToggleGroup.test.js +48 -81
- package/toggle-group/types.d.ts +12 -12
- package/typography/Typography.accessibility.test.js +339 -0
- package/typography/Typography.js +4 -13
- package/typography/types.d.ts +1 -1
- package/useTheme.d.ts +43 -141
- package/useTheme.js +1 -8
- package/useTranslatedLabels.js +1 -7
- package/utils/BaseTypography.d.ts +2 -2
- package/utils/BaseTypography.js +16 -30
- package/utils/FocusLock.js +25 -39
- package/wizard/Wizard.accessibility.test.js +55 -0
- package/wizard/Wizard.js +27 -73
- package/wizard/Wizard.stories.tsx +19 -0
- package/wizard/Wizard.test.js +53 -80
- 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/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/slider/Slider.stories.tsx +0 -240
- 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,30 +171,24 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
194
171
|
};
|
|
195
172
|
checkbox: {
|
|
196
173
|
backgroundColorChecked: string;
|
|
197
|
-
backgroundColorCheckedOnDark: string;
|
|
198
174
|
hoverBackgroundColorChecked: string;
|
|
199
|
-
hoverBackgroundColorCheckedOnDark: string;
|
|
200
175
|
disabledBackgroundColorChecked: string;
|
|
201
|
-
|
|
176
|
+
readOnlyBackgroundColorChecked: string;
|
|
177
|
+
hoverReadOnlyBackgroundColorChecked: string;
|
|
202
178
|
borderColor: string;
|
|
203
|
-
borderColorOnDark: string;
|
|
204
179
|
hoverBorderColor: string;
|
|
205
|
-
hoverBorderColorOnDark: string;
|
|
206
180
|
disabledBorderColor: string;
|
|
207
|
-
|
|
181
|
+
readOnlyBorderColor: string;
|
|
182
|
+
hoverReadOnlyBorderColor: string;
|
|
208
183
|
checkColor: string;
|
|
209
|
-
checkColorOnDark: string;
|
|
210
184
|
disabledCheckColor: string;
|
|
211
|
-
|
|
185
|
+
readOnlyCheckColor: string;
|
|
212
186
|
fontFamily: string;
|
|
213
187
|
fontSize: string;
|
|
214
188
|
fontWeight: string;
|
|
215
189
|
fontColor: string;
|
|
216
|
-
fontColorOnDark: string;
|
|
217
190
|
disabledFontColor: string;
|
|
218
|
-
disabledFontColorOnDark: string;
|
|
219
191
|
focusColor: string;
|
|
220
|
-
focusColorOnDark: string;
|
|
221
192
|
checkLabelSpacing: string;
|
|
222
193
|
};
|
|
223
194
|
chip: {
|
|
@@ -282,8 +253,7 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
282
253
|
dialog: {
|
|
283
254
|
overlayColor: string;
|
|
284
255
|
backgroundColor: string;
|
|
285
|
-
|
|
286
|
-
closeIconHeight: string;
|
|
256
|
+
closeIconSize: string;
|
|
287
257
|
closeIconTopPosition: string;
|
|
288
258
|
closeIconRightPosition: string;
|
|
289
259
|
closeIconBackgroundColor: string;
|
|
@@ -313,9 +283,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
313
283
|
buttonPaddingBottom: string;
|
|
314
284
|
buttonPaddingLeft: string;
|
|
315
285
|
buttonPaddingRight: string;
|
|
286
|
+
buttonHeight: string;
|
|
287
|
+
buttonBorderRadius: string;
|
|
288
|
+
buttonBorderStyle: string;
|
|
289
|
+
buttonBorderThickness: string;
|
|
290
|
+
buttonBorderColor: string;
|
|
316
291
|
disabledColor: string;
|
|
317
292
|
disabledButtonBackgroundColor: string;
|
|
318
|
-
|
|
293
|
+
disabledButtonBorderColor: string;
|
|
319
294
|
optionBackgroundColor: string;
|
|
320
295
|
hoverOptionBackgroundColor: string;
|
|
321
296
|
activeOptionBackgroundColor: string;
|
|
@@ -355,7 +330,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
355
330
|
focusDropBorderColor: string;
|
|
356
331
|
disabledDropBorderColor: string;
|
|
357
332
|
dragoverDropBackgroundColor: string;
|
|
358
|
-
activeFileItemIconBackgrounColor: string;
|
|
359
333
|
errorFileItemBorderColor: string;
|
|
360
334
|
errorFileItemBackgroundColor: string;
|
|
361
335
|
errorFilePreviewBackgroundColor: string;
|
|
@@ -451,7 +425,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
451
425
|
underlinedThickness: string;
|
|
452
426
|
underlinedStyle: string;
|
|
453
427
|
contentColor: string;
|
|
454
|
-
contentColorOnDark: string;
|
|
455
428
|
};
|
|
456
429
|
heading: {
|
|
457
430
|
level1FontColor: string;
|
|
@@ -557,32 +530,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
557
530
|
totalItemsContainerMarginLeft: string;
|
|
558
531
|
};
|
|
559
532
|
paragraph: {
|
|
560
|
-
fontColor: string;
|
|
561
|
-
fontColorOnDark: string;
|
|
562
533
|
display: string;
|
|
534
|
+
fontColor: string;
|
|
563
535
|
fontSize: string;
|
|
564
536
|
fontWeight: string;
|
|
565
537
|
};
|
|
566
538
|
progressBar: {
|
|
567
539
|
trackLineColor: string;
|
|
568
|
-
trackLineColorOnDark: string;
|
|
569
540
|
totalLineColor: string;
|
|
570
541
|
labelFontFamily: string;
|
|
571
542
|
labelFontSize: string;
|
|
572
543
|
labelFontStyle: string;
|
|
573
544
|
labelFontWeight: string;
|
|
574
545
|
labelFontColor: string;
|
|
575
|
-
labelFontColorOnDark: string;
|
|
576
546
|
labelFontTextTransform: string;
|
|
577
547
|
valueFontFamily: string;
|
|
578
548
|
valueFontSize: string;
|
|
579
549
|
valueFontStyle: string;
|
|
580
550
|
valueFontWeight: string;
|
|
581
551
|
valueFontColor: string;
|
|
582
|
-
valueFontColorOnDark: string;
|
|
583
552
|
valueFontTextTransform: string;
|
|
584
553
|
helperTextFontColor: string;
|
|
585
|
-
helperTextFontColorOnDark: string;
|
|
586
554
|
helperTextFontSize: string;
|
|
587
555
|
helperTextFontStyle: string;
|
|
588
556
|
helperTextFontWeight: string;
|
|
@@ -618,9 +586,9 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
618
586
|
errorRadioInputColor: string;
|
|
619
587
|
hoverErrorRadioInputColor: string;
|
|
620
588
|
activeErrorRadioInputColor: string;
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
589
|
+
readOnlyRadioInputColor: string;
|
|
590
|
+
hoverReadOnlyRadioInputColor: string;
|
|
591
|
+
activeReadOnlyRadioInputColor: string;
|
|
624
592
|
disabledRadioInputColor: string;
|
|
625
593
|
disabledLabelFontColor: string;
|
|
626
594
|
disabledHelperTextFontColor: string;
|
|
@@ -760,7 +728,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
760
728
|
slider: {
|
|
761
729
|
fontFamily: string;
|
|
762
730
|
limitValuesFontColor: string;
|
|
763
|
-
limitValuesFontColorOnDark: string;
|
|
764
731
|
limitValuesFontSize: string;
|
|
765
732
|
limitValuesFontStyle: string;
|
|
766
733
|
limitValuesFontWeight: string;
|
|
@@ -777,15 +744,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
777
744
|
helperTextFontWeight: string;
|
|
778
745
|
helperTextLineHeight: string;
|
|
779
746
|
fontColor: string;
|
|
780
|
-
fontColorOnDark: string;
|
|
781
747
|
labelFontColor: string;
|
|
782
|
-
labelFontColorOnDark: string;
|
|
783
748
|
helperTextFontColor: string;
|
|
784
|
-
helperTextFontColorOnDark: string;
|
|
785
749
|
disabledLabelFontColor: string;
|
|
786
|
-
disabledLabelFontColorOnDark: string;
|
|
787
750
|
disabledHelperTextFontColor: string;
|
|
788
|
-
disabledHelperTextFontColorOnDark: string;
|
|
789
751
|
thumbHeight: string;
|
|
790
752
|
thumbWidth: string;
|
|
791
753
|
hoverThumbHeight: string;
|
|
@@ -793,40 +755,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
793
755
|
thumbVerticalPosition: string;
|
|
794
756
|
hoverThumbVerticalPosition: string;
|
|
795
757
|
thumbBackgroundColor: string;
|
|
796
|
-
thumbBackgroundColorOnDark: string;
|
|
797
758
|
hoverThumbScale: string;
|
|
798
759
|
hoverThumbBackgroundColor: string;
|
|
799
|
-
hoverThumbBackgroundColorOnDark: string;
|
|
800
760
|
activeThumbScale: string;
|
|
801
761
|
activeThumbBackgroundColor: string;
|
|
802
|
-
activeThumbBackgroundColorOnDark: string;
|
|
803
762
|
focusThumbBackgroundColor: string;
|
|
804
|
-
focusThumbBackgroundColorOnDark: string;
|
|
805
763
|
tickHeight: string;
|
|
806
764
|
tickWidth: string;
|
|
807
765
|
tickVerticalPosition: string;
|
|
808
766
|
tickBackgroundColor: string;
|
|
809
|
-
tickBackgroundColorOnDark: string;
|
|
810
767
|
trackLineThickness: string;
|
|
811
768
|
trackLineVerticalPosition: string;
|
|
812
769
|
trackLineColor: string;
|
|
813
|
-
trackLineColorOnDark: string;
|
|
814
770
|
totalLineThickness: string;
|
|
815
771
|
totalLineVerticalPosition: string;
|
|
816
772
|
totalLineColor: string;
|
|
817
|
-
totalLineColorOnDark: string;
|
|
818
773
|
disabledThumbVerticalPosition: string;
|
|
819
774
|
disabledThumbBackgroundColor: string;
|
|
820
|
-
disabledThumbBackgroundColorOnDark: string;
|
|
821
775
|
disabledTickVerticalPosition: string;
|
|
822
776
|
disabledTickBackgroundColor: string;
|
|
823
|
-
disabledTickBackgroundColorOnDark: string;
|
|
824
777
|
disabledTrackLineColor: string;
|
|
825
|
-
disabledTrackLineColorOnDark: string;
|
|
826
778
|
disabledTotalLineColor: string;
|
|
827
|
-
disabledTotalLineColorOnDark: string;
|
|
828
779
|
focusColor: string;
|
|
829
|
-
focusColorOnDark: string;
|
|
830
780
|
floorLabelMarginRight: string;
|
|
831
781
|
ceilLabelMarginLeft: string;
|
|
832
782
|
inputMarginLeft: string;
|
|
@@ -840,14 +790,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
840
790
|
labelFontStyle: string;
|
|
841
791
|
labelFontWeight: string;
|
|
842
792
|
labelFontColor: string;
|
|
843
|
-
labelFontColorOnDark: string;
|
|
844
793
|
labelTextAlign: string;
|
|
845
794
|
progressValueFontFamily: string;
|
|
846
795
|
progressValueFontSize: string;
|
|
847
796
|
progressValueFontStyle: string;
|
|
848
797
|
progressValueFontWeight: string;
|
|
849
798
|
progressValueFontColor: string;
|
|
850
|
-
progressValueFontColorOnDark: string;
|
|
851
799
|
progressValueTextAlign: string;
|
|
852
800
|
overlayBackgroundColor: string;
|
|
853
801
|
overlayOpacity: string;
|
|
@@ -866,32 +814,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
866
814
|
};
|
|
867
815
|
switch: {
|
|
868
816
|
checkedTrackBackgroundColor: string;
|
|
869
|
-
checkedTrackBackgroundColorOnDark: string;
|
|
870
817
|
checkedThumbBackgroundColor: string;
|
|
871
|
-
checkedThumbBackgroundColorOnDark: string;
|
|
872
818
|
uncheckedTrackBackgroundColor: string;
|
|
873
|
-
uncheckedTrackBackgroundColorOnDark: string;
|
|
874
819
|
uncheckedThumbBackgroundColor: string;
|
|
875
|
-
uncheckedThumbBackgroundColorOnDark: string;
|
|
876
820
|
disabledCheckedTrackBackgroundColor: string;
|
|
877
|
-
disabledCheckedTrackBackgroundColorOnDark: string;
|
|
878
821
|
disabledCheckedThumbBackgroundColor: string;
|
|
879
|
-
disabledCheckedThumbBackgroundColorOnDark: string;
|
|
880
822
|
disabledUncheckedTrackBackgroundColor: string;
|
|
881
|
-
disabledUncheckedTrackBackgroundColorOnDark: string;
|
|
882
823
|
disabledUncheckedThumbBackgroundColor: string;
|
|
883
|
-
disabledUncheckedThumbBackgroundColorOnDark: string;
|
|
884
824
|
disabledLabelFontColor: string;
|
|
885
|
-
disabledLabelFontColorOnDark: string;
|
|
886
825
|
disabledLabelFontStyle: string;
|
|
887
826
|
labelFontFamily: string;
|
|
888
827
|
labelFontSize: string;
|
|
889
828
|
labelFontStyle: string;
|
|
890
829
|
labelFontWeight: string;
|
|
891
830
|
labelFontColor: string;
|
|
892
|
-
labelFontColorOnDark: string;
|
|
893
831
|
thumbFocusColor: string;
|
|
894
|
-
thumbFocusColorOnDark: string;
|
|
895
832
|
thumbHeight: string;
|
|
896
833
|
thumbWidth: string;
|
|
897
834
|
thumbShift: string;
|
|
@@ -914,8 +851,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
914
851
|
dataPaddingBottom: string;
|
|
915
852
|
dataPaddingRight: string;
|
|
916
853
|
dataPaddingLeft: string;
|
|
854
|
+
dataPaddingTopReduced: string;
|
|
855
|
+
dataPaddingBottomReduced: string;
|
|
856
|
+
dataPaddingRightReduced: string;
|
|
857
|
+
dataPaddingLeftReduced: string;
|
|
917
858
|
dataTextAlign: string;
|
|
918
859
|
dataTextLineHeight: string;
|
|
860
|
+
firstChildPaddingLeft: string;
|
|
861
|
+
lastChildPaddingRight: string;
|
|
862
|
+
firstChildPaddingLeftReduced: string;
|
|
863
|
+
lastChildPaddingRightReduced: string;
|
|
919
864
|
headerBackgroundColor: string;
|
|
920
865
|
headerBorderRadius: string;
|
|
921
866
|
headerFontFamily: string;
|
|
@@ -928,11 +873,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
928
873
|
headerPaddingBottom: string;
|
|
929
874
|
headerPaddingRight: string;
|
|
930
875
|
headerPaddingLeft: string;
|
|
876
|
+
headerPaddingTopReduced: string;
|
|
877
|
+
headerPaddingBottomReduced: string;
|
|
878
|
+
headerPaddingRightReduced: string;
|
|
879
|
+
headerPaddingLeftReduced: string;
|
|
931
880
|
headerTextAlign: string;
|
|
932
881
|
headerTextLineHeight: string;
|
|
933
882
|
scrollBarThumbColor: string;
|
|
934
883
|
scrollBarTrackColor: string;
|
|
935
884
|
sortIconColor: string;
|
|
885
|
+
actionIconColor: string;
|
|
886
|
+
disabledActionIconColor: string;
|
|
887
|
+
hoverActionIconColor: string;
|
|
888
|
+
focusActionIconColor: string;
|
|
889
|
+
activeActionIconColor: string;
|
|
890
|
+
actionBackgroundColor: string;
|
|
891
|
+
disabledActionBackgroundColor: string;
|
|
892
|
+
hoverActionBackgroundColor: string;
|
|
893
|
+
focusActionBorderColor: string;
|
|
894
|
+
activeActionBackgroundColor: string;
|
|
936
895
|
};
|
|
937
896
|
tabs: {
|
|
938
897
|
fontFamily: string;
|
|
@@ -951,7 +910,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
951
910
|
disabledFontColor: string;
|
|
952
911
|
disabledIconColor: string;
|
|
953
912
|
disabledFontStyle: string;
|
|
954
|
-
disabledBadgeBackgroundColor: string;
|
|
955
913
|
hoverBackgroundColor: string;
|
|
956
914
|
pressedBackgroundColor: string;
|
|
957
915
|
pressedFontWeight: string;
|
|
@@ -959,19 +917,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
959
917
|
dividerThickness: string;
|
|
960
918
|
focusOutline: string;
|
|
961
919
|
scrollButtonsWidth: string;
|
|
962
|
-
badgeBackgroundColor: string;
|
|
963
|
-
badgeFontFamily: string;
|
|
964
|
-
badgeFontSize: string;
|
|
965
|
-
badgeFontStyle: string;
|
|
966
|
-
badgeFontWeight: string;
|
|
967
|
-
badgeFontColor: string;
|
|
968
|
-
badgeLetterSpacing: string;
|
|
969
|
-
badgeWidth: string;
|
|
970
|
-
badgeHeight: string;
|
|
971
|
-
badgeRadius: string;
|
|
972
|
-
badgeWidthWithNotificationNumber: string;
|
|
973
|
-
badgeHeightWithNotificationNumber: string;
|
|
974
|
-
badgeRadiusWithNotificationNumber: string;
|
|
975
920
|
};
|
|
976
921
|
tag: {
|
|
977
922
|
fontFamily: string;
|
|
@@ -993,130 +938,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
993
938
|
textarea: {
|
|
994
939
|
fontFamily: string;
|
|
995
940
|
enabledBorderColor: string;
|
|
996
|
-
enabledBorderColorOnDark: string;
|
|
997
941
|
hoverBorderColor: string;
|
|
998
|
-
hoverBorderColorOnDark: string;
|
|
999
942
|
focusBorderColor: string;
|
|
1000
|
-
focusBorderColorOnDark: string;
|
|
1001
943
|
disabledBorderColor: string;
|
|
1002
|
-
disabledBorderColorOnDark: string;
|
|
1003
944
|
disabledContainerFillColor: string;
|
|
1004
|
-
|
|
945
|
+
readOnlyBorderColor: string;
|
|
946
|
+
hoverReadOnlyBorderColor: string;
|
|
1005
947
|
errorBorderColor: string;
|
|
1006
|
-
errorBorderColorOnDark: string;
|
|
1007
948
|
hoverErrorBorderColor: string;
|
|
1008
|
-
hoverErrorBorderColorOnDark: string;
|
|
1009
949
|
inputMarginTop: string;
|
|
1010
950
|
inputMarginBottom: string;
|
|
1011
951
|
errorMessageColor: string;
|
|
1012
|
-
errorMessageColorOnDark: string;
|
|
1013
952
|
labelFontColor: string;
|
|
1014
|
-
labelFontColorOnDark: string;
|
|
1015
953
|
labelFontSize: string;
|
|
1016
954
|
labelFontStyle: string;
|
|
1017
955
|
labelFontWeight: string;
|
|
1018
956
|
labelLineHeight: string;
|
|
1019
957
|
disabledLabelFontColor: string;
|
|
1020
|
-
disabledLabelFontColorOnDark: string;
|
|
1021
958
|
optionalLabelFontWeight: string;
|
|
1022
959
|
helperTextFontColor: string;
|
|
1023
|
-
helperTextFontColorOnDark: string;
|
|
1024
960
|
helperTextFontSize: string;
|
|
1025
961
|
helperTextFontStyle: string;
|
|
1026
962
|
helperTextFontWeight: string;
|
|
1027
963
|
helperTextLineHeight: string;
|
|
1028
964
|
disabledHelperTextFontColor: string;
|
|
1029
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1030
965
|
placeholderFontColor: string;
|
|
1031
|
-
placeholderFontColorOnDark: string;
|
|
1032
966
|
disabledPlaceholderFontColor: string;
|
|
1033
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1034
967
|
valueFontColor: string;
|
|
1035
|
-
valueFontColorOnDark: string;
|
|
1036
968
|
valueFontSize: string;
|
|
1037
969
|
valueFontStyle: string;
|
|
1038
970
|
valueFontWeight: string;
|
|
1039
971
|
disabledValueFontColor: string;
|
|
1040
|
-
disabledValueFontColorOnDark: string;
|
|
1041
972
|
};
|
|
1042
973
|
textInput: {
|
|
1043
974
|
fontFamily: string;
|
|
1044
975
|
enabledBorderColor: string;
|
|
1045
|
-
enabledBorderColorOnDark: string;
|
|
1046
976
|
hoverBorderColor: string;
|
|
1047
|
-
hoverBorderColorOnDark: string;
|
|
1048
977
|
focusBorderColor: string;
|
|
1049
|
-
focusBorderColorOnDark: string;
|
|
1050
978
|
disabledBorderColor: string;
|
|
1051
|
-
disabledBorderColorOnDark: string;
|
|
1052
979
|
disabledContainerFillColor: string;
|
|
1053
|
-
|
|
980
|
+
readOnlyBorderColor: string;
|
|
981
|
+
hoverReadOnlyBorderColor: string;
|
|
1054
982
|
errorBorderColor: string;
|
|
1055
|
-
errorBorderColorOnDark: string;
|
|
1056
983
|
hoverErrorBorderColor: string;
|
|
1057
|
-
hoverErrorBorderColorOnDark: string;
|
|
1058
984
|
inputMarginTop: string;
|
|
1059
985
|
inputMarginBottom: string;
|
|
1060
986
|
errorMessageColor: string;
|
|
1061
|
-
errorMessageColorOnDark: string;
|
|
1062
987
|
errorIconColor: string;
|
|
1063
|
-
errorIconColorOnDark: string;
|
|
1064
988
|
labelFontColor: string;
|
|
1065
|
-
labelFontColorOnDark: string;
|
|
1066
989
|
labelFontSize: string;
|
|
1067
990
|
labelFontStyle: string;
|
|
1068
991
|
labelFontWeight: string;
|
|
1069
992
|
labelLineHeight: string;
|
|
1070
993
|
disabledLabelFontColor: string;
|
|
1071
|
-
disabledLabelFontColorOnDark: string;
|
|
1072
994
|
optionalLabelFontWeight: string;
|
|
1073
995
|
helperTextFontColor: string;
|
|
1074
|
-
helperTextFontColorOnDark: string;
|
|
1075
996
|
helperTextFontSize: string;
|
|
1076
997
|
helperTextFontStyle: string;
|
|
1077
998
|
helperTextFontWeight: string;
|
|
1078
999
|
helperTextLineHeight: string;
|
|
1079
1000
|
disabledHelperTextFontColor: string;
|
|
1080
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1081
1001
|
prefixColor: string;
|
|
1082
|
-
prefixColorOnDark: string;
|
|
1083
1002
|
suffixColor: string;
|
|
1084
|
-
suffixColorOnDark: string;
|
|
1085
1003
|
disabledPrefixColor: string;
|
|
1086
1004
|
disabledSuffixColor: string;
|
|
1087
|
-
disabledPrefixColorOnDark: string;
|
|
1088
|
-
disabledSuffixColorOnDark: string;
|
|
1089
1005
|
placeholderFontColor: string;
|
|
1090
|
-
placeholderFontColorOnDark: string;
|
|
1091
1006
|
disabledPlaceholderFontColor: string;
|
|
1092
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1093
1007
|
valueFontColor: string;
|
|
1094
|
-
valueFontColorOnDark: string;
|
|
1095
1008
|
valueFontSize: string;
|
|
1096
1009
|
valueFontStyle: string;
|
|
1097
1010
|
valueFontWeight: string;
|
|
1098
1011
|
disabledValueFontColor: string;
|
|
1099
|
-
disabledValueFontColorOnDark: string;
|
|
1100
1012
|
actionIconColor: string;
|
|
1101
|
-
actionIconColorOnDark: string;
|
|
1102
1013
|
disabledActionIconColor: string;
|
|
1103
|
-
disabledActionIconColorOnDark: string;
|
|
1104
1014
|
hoverActionIconColor: string;
|
|
1105
|
-
hoverActionIconColorOnDark: string;
|
|
1106
1015
|
focusActionIconColor: string;
|
|
1107
|
-
focusActionIconColorOnDark: string;
|
|
1108
1016
|
activeActionIconColor: string;
|
|
1109
|
-
activeActionIconColorOnDark: string;
|
|
1110
1017
|
actionBackgroundColor: string;
|
|
1111
|
-
actionBackgroundColorOnDark: string;
|
|
1112
1018
|
disabledActionBackgroundColor: string;
|
|
1113
|
-
disabledActionBackgroundColorOnDark: string;
|
|
1114
1019
|
hoverActionBackgroundColor: string;
|
|
1115
|
-
hoverActionBackgroundColorOnDark: string;
|
|
1116
1020
|
focusActionBorderColor: string;
|
|
1117
|
-
focusActionBorderColorOnDark: string;
|
|
1118
1021
|
activeActionBackgroundColor: string;
|
|
1119
|
-
activeActionBackgroundColorOnDark: string;
|
|
1120
1022
|
listDialogBackgroundColor: string;
|
|
1121
1023
|
listDialogBorderColor: string;
|
|
1122
1024
|
listOptionDividerColor: string;
|
|
@@ -1330,10 +1232,10 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
|
|
|
1330
1232
|
* This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
|
|
1331
1233
|
* This is an extension of the already existing Partial type, which only allows one level of partiality.
|
|
1332
1234
|
*/
|
|
1333
|
-
|
|
1235
|
+
type DeepPartial<T> = {
|
|
1334
1236
|
[P in keyof T]?: Partial<T[P]>;
|
|
1335
1237
|
};
|
|
1336
|
-
|
|
1238
|
+
type HalstackProviderPropsType = {
|
|
1337
1239
|
theme?: DeepPartial<OpinionatedTheme>;
|
|
1338
1240
|
advancedTheme?: DeepPartial<AdvancedTheme>;
|
|
1339
1241
|
labels?: DeepPartial<TranslatedLabels>;
|