@dxc-technology/halstack-react 0.0.0-9e83fd2 → 0.0.0-9ef63cd
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 +53 -143
- package/HalstackContext.js +10 -35
- package/README.md +47 -0
- package/accordion/Accordion.accessibility.test.js +71 -0
- package/accordion/Accordion.js +33 -87
- package/accordion/Accordion.stories.tsx +8 -64
- package/accordion/Accordion.test.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 -126
- 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 +54 -144
- package/common/variables.js +128 -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 +61 -108
- 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 +175 -0
- package/dialog/Dialog.test.js +206 -204
- 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 +67 -135
- 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 +179 -286
- package/file-input/FileInput.stories.tsx +1 -1
- package/file-input/FileInput.test.js +293 -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 +66 -9
- 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 +4 -0
- package/image/Image.js +70 -0
- package/image/Image.stories.tsx +129 -0
- package/image/types.d.ts +72 -0
- package/image/types.js +5 -0
- package/inset/Inset.js +13 -21
- package/inset/types.d.ts +2 -2
- package/layout/ApplicationLayout.d.ts +2 -2
- package/layout/ApplicationLayout.js +32 -69
- package/layout/ApplicationLayout.stories.tsx +1 -1
- package/layout/Icons.d.ts +7 -5
- package/layout/Icons.js +41 -59
- package/layout/types.d.ts +3 -3
- package/link/Link.accessibility.test.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 +9 -4
- package/main.js +46 -59
- 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 +42 -40
- 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 -57
- package/radio-group/RadioGroup.accessibility.test.js +97 -0
- package/radio-group/RadioGroup.js +40 -88
- package/radio-group/RadioGroup.stories.tsx +10 -10
- package/radio-group/RadioGroup.test.js +504 -472
- 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 +36 -54
- package/select/Option.js +28 -36
- package/select/Select.accessibility.test.js +228 -0
- package/select/Select.js +111 -177
- 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 +66 -125
- package/slider/Slider.stories.tsx +0 -60
- 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 -100
- 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 +198 -286
- 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 +67 -111
- 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 -67
- package/toggle-group/ToggleGroup.stories.tsx +7 -7
- 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 +51 -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/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;
|
|
@@ -490,6 +463,14 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
490
463
|
level5LineHeight: string;
|
|
491
464
|
level5LetterSpacing: string;
|
|
492
465
|
};
|
|
466
|
+
image: {
|
|
467
|
+
captionFontColor: string;
|
|
468
|
+
captionFontFamily: string;
|
|
469
|
+
captionFontSize: string;
|
|
470
|
+
captionFontStyle: string;
|
|
471
|
+
captionFontWeight: string;
|
|
472
|
+
captionLineHeight: string;
|
|
473
|
+
};
|
|
493
474
|
link: {
|
|
494
475
|
fontColor: string;
|
|
495
476
|
fontFamily: string;
|
|
@@ -549,32 +530,27 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
549
530
|
totalItemsContainerMarginLeft: string;
|
|
550
531
|
};
|
|
551
532
|
paragraph: {
|
|
552
|
-
fontColor: string;
|
|
553
|
-
fontColorOnDark: string;
|
|
554
533
|
display: string;
|
|
534
|
+
fontColor: string;
|
|
555
535
|
fontSize: string;
|
|
556
536
|
fontWeight: string;
|
|
557
537
|
};
|
|
558
538
|
progressBar: {
|
|
559
539
|
trackLineColor: string;
|
|
560
|
-
trackLineColorOnDark: string;
|
|
561
540
|
totalLineColor: string;
|
|
562
541
|
labelFontFamily: string;
|
|
563
542
|
labelFontSize: string;
|
|
564
543
|
labelFontStyle: string;
|
|
565
544
|
labelFontWeight: string;
|
|
566
545
|
labelFontColor: string;
|
|
567
|
-
labelFontColorOnDark: string;
|
|
568
546
|
labelFontTextTransform: string;
|
|
569
547
|
valueFontFamily: string;
|
|
570
548
|
valueFontSize: string;
|
|
571
549
|
valueFontStyle: string;
|
|
572
550
|
valueFontWeight: string;
|
|
573
551
|
valueFontColor: string;
|
|
574
|
-
valueFontColorOnDark: string;
|
|
575
552
|
valueFontTextTransform: string;
|
|
576
553
|
helperTextFontColor: string;
|
|
577
|
-
helperTextFontColorOnDark: string;
|
|
578
554
|
helperTextFontSize: string;
|
|
579
555
|
helperTextFontStyle: string;
|
|
580
556
|
helperTextFontWeight: string;
|
|
@@ -610,9 +586,9 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
610
586
|
errorRadioInputColor: string;
|
|
611
587
|
hoverErrorRadioInputColor: string;
|
|
612
588
|
activeErrorRadioInputColor: string;
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
589
|
+
readOnlyRadioInputColor: string;
|
|
590
|
+
hoverReadOnlyRadioInputColor: string;
|
|
591
|
+
activeReadOnlyRadioInputColor: string;
|
|
616
592
|
disabledRadioInputColor: string;
|
|
617
593
|
disabledLabelFontColor: string;
|
|
618
594
|
disabledHelperTextFontColor: string;
|
|
@@ -752,7 +728,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
752
728
|
slider: {
|
|
753
729
|
fontFamily: string;
|
|
754
730
|
limitValuesFontColor: string;
|
|
755
|
-
limitValuesFontColorOnDark: string;
|
|
756
731
|
limitValuesFontSize: string;
|
|
757
732
|
limitValuesFontStyle: string;
|
|
758
733
|
limitValuesFontWeight: string;
|
|
@@ -769,15 +744,10 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
769
744
|
helperTextFontWeight: string;
|
|
770
745
|
helperTextLineHeight: string;
|
|
771
746
|
fontColor: string;
|
|
772
|
-
fontColorOnDark: string;
|
|
773
747
|
labelFontColor: string;
|
|
774
|
-
labelFontColorOnDark: string;
|
|
775
748
|
helperTextFontColor: string;
|
|
776
|
-
helperTextFontColorOnDark: string;
|
|
777
749
|
disabledLabelFontColor: string;
|
|
778
|
-
disabledLabelFontColorOnDark: string;
|
|
779
750
|
disabledHelperTextFontColor: string;
|
|
780
|
-
disabledHelperTextFontColorOnDark: string;
|
|
781
751
|
thumbHeight: string;
|
|
782
752
|
thumbWidth: string;
|
|
783
753
|
hoverThumbHeight: string;
|
|
@@ -785,40 +755,28 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
785
755
|
thumbVerticalPosition: string;
|
|
786
756
|
hoverThumbVerticalPosition: string;
|
|
787
757
|
thumbBackgroundColor: string;
|
|
788
|
-
thumbBackgroundColorOnDark: string;
|
|
789
758
|
hoverThumbScale: string;
|
|
790
759
|
hoverThumbBackgroundColor: string;
|
|
791
|
-
hoverThumbBackgroundColorOnDark: string;
|
|
792
760
|
activeThumbScale: string;
|
|
793
761
|
activeThumbBackgroundColor: string;
|
|
794
|
-
activeThumbBackgroundColorOnDark: string;
|
|
795
762
|
focusThumbBackgroundColor: string;
|
|
796
|
-
focusThumbBackgroundColorOnDark: string;
|
|
797
763
|
tickHeight: string;
|
|
798
764
|
tickWidth: string;
|
|
799
765
|
tickVerticalPosition: string;
|
|
800
766
|
tickBackgroundColor: string;
|
|
801
|
-
tickBackgroundColorOnDark: string;
|
|
802
767
|
trackLineThickness: string;
|
|
803
768
|
trackLineVerticalPosition: string;
|
|
804
769
|
trackLineColor: string;
|
|
805
|
-
trackLineColorOnDark: string;
|
|
806
770
|
totalLineThickness: string;
|
|
807
771
|
totalLineVerticalPosition: string;
|
|
808
772
|
totalLineColor: string;
|
|
809
|
-
totalLineColorOnDark: string;
|
|
810
773
|
disabledThumbVerticalPosition: string;
|
|
811
774
|
disabledThumbBackgroundColor: string;
|
|
812
|
-
disabledThumbBackgroundColorOnDark: string;
|
|
813
775
|
disabledTickVerticalPosition: string;
|
|
814
776
|
disabledTickBackgroundColor: string;
|
|
815
|
-
disabledTickBackgroundColorOnDark: string;
|
|
816
777
|
disabledTrackLineColor: string;
|
|
817
|
-
disabledTrackLineColorOnDark: string;
|
|
818
778
|
disabledTotalLineColor: string;
|
|
819
|
-
disabledTotalLineColorOnDark: string;
|
|
820
779
|
focusColor: string;
|
|
821
|
-
focusColorOnDark: string;
|
|
822
780
|
floorLabelMarginRight: string;
|
|
823
781
|
ceilLabelMarginLeft: string;
|
|
824
782
|
inputMarginLeft: string;
|
|
@@ -832,14 +790,12 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
832
790
|
labelFontStyle: string;
|
|
833
791
|
labelFontWeight: string;
|
|
834
792
|
labelFontColor: string;
|
|
835
|
-
labelFontColorOnDark: string;
|
|
836
793
|
labelTextAlign: string;
|
|
837
794
|
progressValueFontFamily: string;
|
|
838
795
|
progressValueFontSize: string;
|
|
839
796
|
progressValueFontStyle: string;
|
|
840
797
|
progressValueFontWeight: string;
|
|
841
798
|
progressValueFontColor: string;
|
|
842
|
-
progressValueFontColorOnDark: string;
|
|
843
799
|
progressValueTextAlign: string;
|
|
844
800
|
overlayBackgroundColor: string;
|
|
845
801
|
overlayOpacity: string;
|
|
@@ -858,32 +814,21 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
858
814
|
};
|
|
859
815
|
switch: {
|
|
860
816
|
checkedTrackBackgroundColor: string;
|
|
861
|
-
checkedTrackBackgroundColorOnDark: string;
|
|
862
817
|
checkedThumbBackgroundColor: string;
|
|
863
|
-
checkedThumbBackgroundColorOnDark: string;
|
|
864
818
|
uncheckedTrackBackgroundColor: string;
|
|
865
|
-
uncheckedTrackBackgroundColorOnDark: string;
|
|
866
819
|
uncheckedThumbBackgroundColor: string;
|
|
867
|
-
uncheckedThumbBackgroundColorOnDark: string;
|
|
868
820
|
disabledCheckedTrackBackgroundColor: string;
|
|
869
|
-
disabledCheckedTrackBackgroundColorOnDark: string;
|
|
870
821
|
disabledCheckedThumbBackgroundColor: string;
|
|
871
|
-
disabledCheckedThumbBackgroundColorOnDark: string;
|
|
872
822
|
disabledUncheckedTrackBackgroundColor: string;
|
|
873
|
-
disabledUncheckedTrackBackgroundColorOnDark: string;
|
|
874
823
|
disabledUncheckedThumbBackgroundColor: string;
|
|
875
|
-
disabledUncheckedThumbBackgroundColorOnDark: string;
|
|
876
824
|
disabledLabelFontColor: string;
|
|
877
|
-
disabledLabelFontColorOnDark: string;
|
|
878
825
|
disabledLabelFontStyle: string;
|
|
879
826
|
labelFontFamily: string;
|
|
880
827
|
labelFontSize: string;
|
|
881
828
|
labelFontStyle: string;
|
|
882
829
|
labelFontWeight: string;
|
|
883
830
|
labelFontColor: string;
|
|
884
|
-
labelFontColorOnDark: string;
|
|
885
831
|
thumbFocusColor: string;
|
|
886
|
-
thumbFocusColorOnDark: string;
|
|
887
832
|
thumbHeight: string;
|
|
888
833
|
thumbWidth: string;
|
|
889
834
|
thumbShift: string;
|
|
@@ -906,8 +851,16 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
906
851
|
dataPaddingBottom: string;
|
|
907
852
|
dataPaddingRight: string;
|
|
908
853
|
dataPaddingLeft: string;
|
|
854
|
+
dataPaddingTopReduced: string;
|
|
855
|
+
dataPaddingBottomReduced: string;
|
|
856
|
+
dataPaddingRightReduced: string;
|
|
857
|
+
dataPaddingLeftReduced: string;
|
|
909
858
|
dataTextAlign: string;
|
|
910
859
|
dataTextLineHeight: string;
|
|
860
|
+
firstChildPaddingLeft: string;
|
|
861
|
+
lastChildPaddingRight: string;
|
|
862
|
+
firstChildPaddingLeftReduced: string;
|
|
863
|
+
lastChildPaddingRightReduced: string;
|
|
911
864
|
headerBackgroundColor: string;
|
|
912
865
|
headerBorderRadius: string;
|
|
913
866
|
headerFontFamily: string;
|
|
@@ -920,11 +873,25 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
920
873
|
headerPaddingBottom: string;
|
|
921
874
|
headerPaddingRight: string;
|
|
922
875
|
headerPaddingLeft: string;
|
|
876
|
+
headerPaddingTopReduced: string;
|
|
877
|
+
headerPaddingBottomReduced: string;
|
|
878
|
+
headerPaddingRightReduced: string;
|
|
879
|
+
headerPaddingLeftReduced: string;
|
|
923
880
|
headerTextAlign: string;
|
|
924
881
|
headerTextLineHeight: string;
|
|
925
882
|
scrollBarThumbColor: string;
|
|
926
883
|
scrollBarTrackColor: string;
|
|
927
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;
|
|
928
895
|
};
|
|
929
896
|
tabs: {
|
|
930
897
|
fontFamily: string;
|
|
@@ -943,7 +910,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
943
910
|
disabledFontColor: string;
|
|
944
911
|
disabledIconColor: string;
|
|
945
912
|
disabledFontStyle: string;
|
|
946
|
-
disabledBadgeBackgroundColor: string;
|
|
947
913
|
hoverBackgroundColor: string;
|
|
948
914
|
pressedBackgroundColor: string;
|
|
949
915
|
pressedFontWeight: string;
|
|
@@ -951,19 +917,6 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
951
917
|
dividerThickness: string;
|
|
952
918
|
focusOutline: string;
|
|
953
919
|
scrollButtonsWidth: string;
|
|
954
|
-
badgeBackgroundColor: string;
|
|
955
|
-
badgeFontFamily: string;
|
|
956
|
-
badgeFontSize: string;
|
|
957
|
-
badgeFontStyle: string;
|
|
958
|
-
badgeFontWeight: string;
|
|
959
|
-
badgeFontColor: string;
|
|
960
|
-
badgeLetterSpacing: string;
|
|
961
|
-
badgeWidth: string;
|
|
962
|
-
badgeHeight: string;
|
|
963
|
-
badgeRadius: string;
|
|
964
|
-
badgeWidthWithNotificationNumber: string;
|
|
965
|
-
badgeHeightWithNotificationNumber: string;
|
|
966
|
-
badgeRadiusWithNotificationNumber: string;
|
|
967
920
|
};
|
|
968
921
|
tag: {
|
|
969
922
|
fontFamily: string;
|
|
@@ -985,130 +938,87 @@ declare const HalstackContext: React.Context<DeepPartial<{
|
|
|
985
938
|
textarea: {
|
|
986
939
|
fontFamily: string;
|
|
987
940
|
enabledBorderColor: string;
|
|
988
|
-
enabledBorderColorOnDark: string;
|
|
989
941
|
hoverBorderColor: string;
|
|
990
|
-
hoverBorderColorOnDark: string;
|
|
991
942
|
focusBorderColor: string;
|
|
992
|
-
focusBorderColorOnDark: string;
|
|
993
943
|
disabledBorderColor: string;
|
|
994
|
-
disabledBorderColorOnDark: string;
|
|
995
944
|
disabledContainerFillColor: string;
|
|
996
|
-
|
|
945
|
+
readOnlyBorderColor: string;
|
|
946
|
+
hoverReadOnlyBorderColor: string;
|
|
997
947
|
errorBorderColor: string;
|
|
998
|
-
errorBorderColorOnDark: string;
|
|
999
948
|
hoverErrorBorderColor: string;
|
|
1000
|
-
hoverErrorBorderColorOnDark: string;
|
|
1001
949
|
inputMarginTop: string;
|
|
1002
950
|
inputMarginBottom: string;
|
|
1003
951
|
errorMessageColor: string;
|
|
1004
|
-
errorMessageColorOnDark: string;
|
|
1005
952
|
labelFontColor: string;
|
|
1006
|
-
labelFontColorOnDark: string;
|
|
1007
953
|
labelFontSize: string;
|
|
1008
954
|
labelFontStyle: string;
|
|
1009
955
|
labelFontWeight: string;
|
|
1010
956
|
labelLineHeight: string;
|
|
1011
957
|
disabledLabelFontColor: string;
|
|
1012
|
-
disabledLabelFontColorOnDark: string;
|
|
1013
958
|
optionalLabelFontWeight: string;
|
|
1014
959
|
helperTextFontColor: string;
|
|
1015
|
-
helperTextFontColorOnDark: string;
|
|
1016
960
|
helperTextFontSize: string;
|
|
1017
961
|
helperTextFontStyle: string;
|
|
1018
962
|
helperTextFontWeight: string;
|
|
1019
963
|
helperTextLineHeight: string;
|
|
1020
964
|
disabledHelperTextFontColor: string;
|
|
1021
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1022
965
|
placeholderFontColor: string;
|
|
1023
|
-
placeholderFontColorOnDark: string;
|
|
1024
966
|
disabledPlaceholderFontColor: string;
|
|
1025
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1026
967
|
valueFontColor: string;
|
|
1027
|
-
valueFontColorOnDark: string;
|
|
1028
968
|
valueFontSize: string;
|
|
1029
969
|
valueFontStyle: string;
|
|
1030
970
|
valueFontWeight: string;
|
|
1031
971
|
disabledValueFontColor: string;
|
|
1032
|
-
disabledValueFontColorOnDark: string;
|
|
1033
972
|
};
|
|
1034
973
|
textInput: {
|
|
1035
974
|
fontFamily: string;
|
|
1036
975
|
enabledBorderColor: string;
|
|
1037
|
-
enabledBorderColorOnDark: string;
|
|
1038
976
|
hoverBorderColor: string;
|
|
1039
|
-
hoverBorderColorOnDark: string;
|
|
1040
977
|
focusBorderColor: string;
|
|
1041
|
-
focusBorderColorOnDark: string;
|
|
1042
978
|
disabledBorderColor: string;
|
|
1043
|
-
disabledBorderColorOnDark: string;
|
|
1044
979
|
disabledContainerFillColor: string;
|
|
1045
|
-
|
|
980
|
+
readOnlyBorderColor: string;
|
|
981
|
+
hoverReadOnlyBorderColor: string;
|
|
1046
982
|
errorBorderColor: string;
|
|
1047
|
-
errorBorderColorOnDark: string;
|
|
1048
983
|
hoverErrorBorderColor: string;
|
|
1049
|
-
hoverErrorBorderColorOnDark: string;
|
|
1050
984
|
inputMarginTop: string;
|
|
1051
985
|
inputMarginBottom: string;
|
|
1052
986
|
errorMessageColor: string;
|
|
1053
|
-
errorMessageColorOnDark: string;
|
|
1054
987
|
errorIconColor: string;
|
|
1055
|
-
errorIconColorOnDark: string;
|
|
1056
988
|
labelFontColor: string;
|
|
1057
|
-
labelFontColorOnDark: string;
|
|
1058
989
|
labelFontSize: string;
|
|
1059
990
|
labelFontStyle: string;
|
|
1060
991
|
labelFontWeight: string;
|
|
1061
992
|
labelLineHeight: string;
|
|
1062
993
|
disabledLabelFontColor: string;
|
|
1063
|
-
disabledLabelFontColorOnDark: string;
|
|
1064
994
|
optionalLabelFontWeight: string;
|
|
1065
995
|
helperTextFontColor: string;
|
|
1066
|
-
helperTextFontColorOnDark: string;
|
|
1067
996
|
helperTextFontSize: string;
|
|
1068
997
|
helperTextFontStyle: string;
|
|
1069
998
|
helperTextFontWeight: string;
|
|
1070
999
|
helperTextLineHeight: string;
|
|
1071
1000
|
disabledHelperTextFontColor: string;
|
|
1072
|
-
disabledHelperTextFontColorOnDark: string;
|
|
1073
1001
|
prefixColor: string;
|
|
1074
|
-
prefixColorOnDark: string;
|
|
1075
1002
|
suffixColor: string;
|
|
1076
|
-
suffixColorOnDark: string;
|
|
1077
1003
|
disabledPrefixColor: string;
|
|
1078
1004
|
disabledSuffixColor: string;
|
|
1079
|
-
disabledPrefixColorOnDark: string;
|
|
1080
|
-
disabledSuffixColorOnDark: string;
|
|
1081
1005
|
placeholderFontColor: string;
|
|
1082
|
-
placeholderFontColorOnDark: string;
|
|
1083
1006
|
disabledPlaceholderFontColor: string;
|
|
1084
|
-
disabledPlaceholderFontColorOnDark: string;
|
|
1085
1007
|
valueFontColor: string;
|
|
1086
|
-
valueFontColorOnDark: string;
|
|
1087
1008
|
valueFontSize: string;
|
|
1088
1009
|
valueFontStyle: string;
|
|
1089
1010
|
valueFontWeight: string;
|
|
1090
1011
|
disabledValueFontColor: string;
|
|
1091
|
-
disabledValueFontColorOnDark: string;
|
|
1092
1012
|
actionIconColor: string;
|
|
1093
|
-
actionIconColorOnDark: string;
|
|
1094
1013
|
disabledActionIconColor: string;
|
|
1095
|
-
disabledActionIconColorOnDark: string;
|
|
1096
1014
|
hoverActionIconColor: string;
|
|
1097
|
-
hoverActionIconColorOnDark: string;
|
|
1098
1015
|
focusActionIconColor: string;
|
|
1099
|
-
focusActionIconColorOnDark: string;
|
|
1100
1016
|
activeActionIconColor: string;
|
|
1101
|
-
activeActionIconColorOnDark: string;
|
|
1102
1017
|
actionBackgroundColor: string;
|
|
1103
|
-
actionBackgroundColorOnDark: string;
|
|
1104
1018
|
disabledActionBackgroundColor: string;
|
|
1105
|
-
disabledActionBackgroundColorOnDark: string;
|
|
1106
1019
|
hoverActionBackgroundColor: string;
|
|
1107
|
-
hoverActionBackgroundColorOnDark: string;
|
|
1108
1020
|
focusActionBorderColor: string;
|
|
1109
|
-
focusActionBorderColorOnDark: string;
|
|
1110
1021
|
activeActionBackgroundColor: string;
|
|
1111
|
-
activeActionBackgroundColorOnDark: string;
|
|
1112
1022
|
listDialogBackgroundColor: string;
|
|
1113
1023
|
listDialogBorderColor: string;
|
|
1114
1024
|
listOptionDividerColor: string;
|
|
@@ -1322,10 +1232,10 @@ declare const HalstackLanguageContext: React.Context<DeepPartial<{
|
|
|
1322
1232
|
* This type is used to allow partial themes and labels objects to be passed to the HalstackProvider.
|
|
1323
1233
|
* This is an extension of the already existing Partial type, which only allows one level of partiality.
|
|
1324
1234
|
*/
|
|
1325
|
-
|
|
1235
|
+
type DeepPartial<T> = {
|
|
1326
1236
|
[P in keyof T]?: Partial<T[P]>;
|
|
1327
1237
|
};
|
|
1328
|
-
|
|
1238
|
+
type HalstackProviderPropsType = {
|
|
1329
1239
|
theme?: DeepPartial<OpinionatedTheme>;
|
|
1330
1240
|
advancedTheme?: DeepPartial<AdvancedTheme>;
|
|
1331
1241
|
labels?: DeepPartial<TranslatedLabels>;
|