@dxc-technology/halstack-react 0.0.0-feed711 → 0.0.0-ff13db1
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/README.md +46 -0
- package/dist/index.d.mts +6670 -0
- package/dist/index.d.ts +6670 -0
- package/dist/index.js +14451 -0
- package/dist/index.mjs +14394 -0
- package/package.json +69 -72
- package/BackgroundColorContext.d.ts +0 -10
- package/BackgroundColorContext.js +0 -47
- package/HalstackContext.d.ts +0 -12
- package/HalstackContext.js +0 -295
- package/accordion/Accordion.d.ts +0 -4
- package/accordion/Accordion.js +0 -226
- package/accordion/Accordion.stories.tsx +0 -307
- package/accordion/Accordion.test.js +0 -72
- package/accordion/types.d.ts +0 -68
- package/accordion/types.js +0 -5
- package/accordion-group/AccordionGroup.d.ts +0 -7
- package/accordion-group/AccordionGroup.js +0 -169
- package/accordion-group/AccordionGroup.stories.tsx +0 -225
- package/accordion-group/AccordionGroup.test.js +0 -151
- package/accordion-group/types.d.ts +0 -72
- package/accordion-group/types.js +0 -5
- package/alert/Alert.d.ts +0 -4
- package/alert/Alert.js +0 -293
- package/alert/Alert.stories.tsx +0 -170
- package/alert/Alert.test.js +0 -92
- package/alert/types.d.ts +0 -49
- package/alert/types.js +0 -5
- package/badge/Badge.d.ts +0 -4
- package/badge/Badge.js +0 -61
- package/badge/types.d.ts +0 -5
- package/badge/types.js +0 -5
- package/bleed/Bleed.d.ts +0 -3
- package/bleed/Bleed.js +0 -51
- package/bleed/Bleed.stories.tsx +0 -341
- package/bleed/types.d.ts +0 -37
- package/bleed/types.js +0 -5
- package/box/Box.d.ts +0 -4
- package/box/Box.js +0 -116
- package/box/Box.stories.tsx +0 -132
- package/box/Box.test.js +0 -18
- package/box/types.d.ts +0 -43
- package/box/types.js +0 -5
- package/bulleted-list/BulletedList.d.ts +0 -7
- package/bulleted-list/BulletedList.js +0 -123
- package/bulleted-list/BulletedList.stories.tsx +0 -200
- package/bulleted-list/types.d.ts +0 -11
- package/bulleted-list/types.js +0 -5
- package/button/Button.d.ts +0 -4
- package/button/Button.js +0 -156
- package/button/Button.stories.tsx +0 -283
- package/button/Button.test.js +0 -35
- package/button/types.d.ts +0 -53
- package/button/types.js +0 -5
- package/card/Card.d.ts +0 -4
- package/card/Card.js +0 -161
- package/card/Card.stories.tsx +0 -201
- package/card/Card.test.js +0 -50
- package/card/ice-cream.jpg +0 -0
- package/card/types.d.ts +0 -67
- package/card/types.js +0 -5
- package/checkbox/Checkbox.d.ts +0 -4
- package/checkbox/Checkbox.js +0 -257
- package/checkbox/Checkbox.stories.tsx +0 -188
- package/checkbox/Checkbox.test.js +0 -78
- package/checkbox/types.d.ts +0 -64
- package/checkbox/types.js +0 -5
- package/chip/Chip.d.ts +0 -4
- package/chip/Chip.js +0 -161
- package/chip/Chip.stories.tsx +0 -119
- package/chip/Chip.test.js +0 -56
- package/chip/types.d.ts +0 -45
- package/chip/types.js +0 -5
- package/common/OpenSans.css +0 -81
- package/common/RequiredComponent.js +0 -32
- 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/common/utils.js +0 -22
- package/common/variables.js +0 -1504
- package/date-input/DateInput.d.ts +0 -4
- package/date-input/DateInput.js +0 -372
- package/date-input/DateInput.stories.tsx +0 -138
- package/date-input/DateInput.test.js +0 -479
- package/date-input/types.d.ts +0 -107
- package/date-input/types.js +0 -5
- package/dialog/Dialog.d.ts +0 -4
- package/dialog/Dialog.js +0 -162
- package/dialog/Dialog.stories.tsx +0 -211
- package/dialog/Dialog.test.js +0 -70
- package/dialog/types.d.ts +0 -43
- package/dialog/types.js +0 -5
- package/dropdown/Dropdown.d.ts +0 -4
- package/dropdown/Dropdown.js +0 -387
- package/dropdown/Dropdown.stories.tsx +0 -312
- package/dropdown/Dropdown.test.js +0 -591
- package/dropdown/DropdownMenu.d.ts +0 -4
- package/dropdown/DropdownMenu.js +0 -80
- package/dropdown/DropdownMenuItem.d.ts +0 -4
- package/dropdown/DropdownMenuItem.js +0 -92
- package/dropdown/types.d.ts +0 -100
- package/dropdown/types.js +0 -5
- package/file-input/FileInput.d.ts +0 -4
- package/file-input/FileInput.js +0 -593
- package/file-input/FileInput.stories.tsx +0 -507
- package/file-input/FileInput.test.js +0 -457
- package/file-input/FileItem.d.ts +0 -14
- package/file-input/FileItem.js +0 -186
- package/file-input/types.d.ts +0 -112
- package/file-input/types.js +0 -5
- package/flex/Flex.d.ts +0 -4
- package/flex/Flex.js +0 -57
- package/flex/Flex.stories.tsx +0 -103
- package/flex/types.d.ts +0 -21
- package/flex/types.js +0 -5
- package/footer/Footer.d.ts +0 -4
- package/footer/Footer.js +0 -185
- package/footer/Footer.stories.tsx +0 -130
- package/footer/Footer.test.js +0 -109
- package/footer/Icons.d.ts +0 -2
- package/footer/Icons.js +0 -77
- package/footer/types.d.ts +0 -65
- package/footer/types.js +0 -5
- package/header/Header.d.ts +0 -7
- package/header/Header.js +0 -305
- package/header/Header.stories.tsx +0 -172
- package/header/Header.test.js +0 -79
- package/header/Icons.d.ts +0 -2
- package/header/Icons.js +0 -34
- package/header/types.d.ts +0 -47
- package/header/types.js +0 -5
- package/heading/Heading.d.ts +0 -4
- package/heading/Heading.js +0 -159
- package/heading/Heading.stories.tsx +0 -54
- package/heading/Heading.test.js +0 -186
- package/heading/types.d.ts +0 -33
- package/heading/types.js +0 -5
- package/inset/Inset.d.ts +0 -3
- package/inset/Inset.js +0 -51
- package/inset/Inset.stories.tsx +0 -229
- package/inset/types.d.ts +0 -37
- package/inset/types.js +0 -5
- package/layout/ApplicationLayout.d.ts +0 -20
- package/layout/ApplicationLayout.js +0 -171
- package/layout/ApplicationLayout.stories.tsx +0 -161
- package/layout/Icons.d.ts +0 -5
- package/layout/Icons.js +0 -66
- package/layout/SidenavContext.d.ts +0 -5
- package/layout/SidenavContext.js +0 -19
- package/layout/types.d.ts +0 -42
- package/layout/types.js +0 -5
- package/link/Link.d.ts +0 -4
- package/link/Link.js +0 -136
- package/link/Link.stories.tsx +0 -193
- package/link/Link.test.js +0 -83
- package/link/types.d.ts +0 -54
- package/link/types.js +0 -5
- package/main.d.ts +0 -44
- package/main.js +0 -369
- package/number-input/NumberInput.d.ts +0 -4
- package/number-input/NumberInput.js +0 -76
- package/number-input/NumberInput.stories.tsx +0 -115
- package/number-input/NumberInput.test.js +0 -506
- package/number-input/NumberInputContext.d.ts +0 -4
- package/number-input/NumberInputContext.js +0 -19
- package/number-input/numberInputContextTypes.d.ts +0 -19
- package/number-input/numberInputContextTypes.js +0 -5
- package/number-input/types.d.ts +0 -124
- package/number-input/types.js +0 -5
- package/paginator/Icons.js +0 -66
- package/paginator/Paginator.d.ts +0 -4
- package/paginator/Paginator.js +0 -171
- package/paginator/Paginator.stories.tsx +0 -63
- package/paginator/Paginator.test.js +0 -308
- package/paginator/types.d.ts +0 -38
- package/paginator/types.js +0 -5
- package/paragraph/Paragraph.d.ts +0 -6
- package/paragraph/Paragraph.js +0 -38
- package/paragraph/Paragraph.stories.tsx +0 -44
- package/password-input/PasswordInput.d.ts +0 -4
- package/password-input/PasswordInput.js +0 -166
- package/password-input/PasswordInput.stories.tsx +0 -131
- package/password-input/PasswordInput.test.js +0 -180
- package/password-input/types.d.ts +0 -110
- package/password-input/types.js +0 -5
- package/progress-bar/ProgressBar.d.ts +0 -4
- package/progress-bar/ProgressBar.js +0 -176
- package/progress-bar/ProgressBar.stories.jsx +0 -60
- package/progress-bar/ProgressBar.test.js +0 -110
- package/progress-bar/types.d.ts +0 -36
- package/progress-bar/types.js +0 -5
- package/quick-nav/QuickNav.d.ts +0 -4
- package/quick-nav/QuickNav.js +0 -118
- package/quick-nav/QuickNav.stories.tsx +0 -264
- package/quick-nav/types.d.ts +0 -21
- package/quick-nav/types.js +0 -5
- package/radio-group/Radio.d.ts +0 -4
- package/radio-group/Radio.js +0 -141
- package/radio-group/RadioGroup.d.ts +0 -4
- package/radio-group/RadioGroup.js +0 -281
- package/radio-group/RadioGroup.stories.tsx +0 -100
- package/radio-group/RadioGroup.test.js +0 -695
- package/radio-group/types.d.ts +0 -114
- package/radio-group/types.js +0 -5
- package/resultsetTable/ResultsetTable.d.ts +0 -4
- package/resultsetTable/ResultsetTable.js +0 -254
- package/resultsetTable/ResultsetTable.stories.tsx +0 -275
- package/resultsetTable/ResultsetTable.test.js +0 -348
- package/resultsetTable/types.d.ts +0 -67
- package/resultsetTable/types.js +0 -5
- package/select/Icons.d.ts +0 -10
- package/select/Icons.js +0 -93
- package/select/Listbox.d.ts +0 -4
- package/select/Listbox.js +0 -199
- package/select/Option.d.ts +0 -4
- package/select/Option.js +0 -110
- package/select/Select.d.ts +0 -4
- package/select/Select.js +0 -643
- package/select/Select.stories.tsx +0 -627
- package/select/Select.test.js +0 -2175
- package/select/types.d.ts +0 -210
- package/select/types.js +0 -5
- package/sidenav/Sidenav.d.ts +0 -10
- package/sidenav/Sidenav.js +0 -268
- package/sidenav/Sidenav.stories.tsx +0 -180
- package/sidenav/Sidenav.test.js +0 -44
- package/sidenav/types.d.ts +0 -73
- package/sidenav/types.js +0 -5
- package/slider/Slider.d.ts +0 -4
- package/slider/Slider.js +0 -318
- package/slider/Slider.stories.tsx +0 -177
- package/slider/Slider.test.js +0 -187
- package/slider/types.d.ts +0 -82
- package/slider/types.js +0 -5
- package/spinner/Spinner.d.ts +0 -4
- package/spinner/Spinner.js +0 -250
- package/spinner/Spinner.stories.jsx +0 -103
- package/spinner/Spinner.test.js +0 -64
- package/spinner/types.d.ts +0 -32
- package/spinner/types.js +0 -5
- package/switch/Switch.d.ts +0 -4
- package/switch/Switch.js +0 -251
- package/switch/Switch.stories.tsx +0 -138
- package/switch/Switch.test.js +0 -212
- package/switch/types.d.ts +0 -61
- package/switch/types.js +0 -5
- package/table/Table.d.ts +0 -4
- package/table/Table.js +0 -118
- package/table/Table.stories.jsx +0 -277
- package/table/Table.test.js +0 -26
- package/table/types.d.ts +0 -21
- package/table/types.js +0 -5
- package/tabs/Tabs.d.ts +0 -4
- package/tabs/Tabs.js +0 -211
- package/tabs/Tabs.stories.tsx +0 -112
- package/tabs/Tabs.test.js +0 -140
- package/tabs/types.d.ts +0 -82
- package/tabs/types.js +0 -5
- package/tabs-nav/NavTabs.d.ts +0 -8
- package/tabs-nav/NavTabs.js +0 -125
- package/tabs-nav/NavTabs.stories.tsx +0 -170
- package/tabs-nav/NavTabs.test.js +0 -82
- package/tabs-nav/Tab.d.ts +0 -4
- package/tabs-nav/Tab.js +0 -130
- package/tabs-nav/types.d.ts +0 -53
- package/tabs-nav/types.js +0 -5
- package/tag/Tag.d.ts +0 -4
- package/tag/Tag.js +0 -183
- package/tag/Tag.stories.tsx +0 -142
- package/tag/Tag.test.js +0 -60
- package/tag/types.d.ts +0 -69
- package/tag/types.js +0 -5
- package/text-input/Suggestion.d.ts +0 -4
- package/text-input/Suggestion.js +0 -55
- package/text-input/TextInput.d.ts +0 -4
- package/text-input/TextInput.js +0 -761
- package/text-input/TextInput.stories.tsx +0 -473
- package/text-input/TextInput.test.js +0 -1712
- package/text-input/types.d.ts +0 -178
- package/text-input/types.js +0 -5
- package/textarea/Textarea.d.ts +0 -4
- package/textarea/Textarea.js +0 -277
- package/textarea/Textarea.stories.jsx +0 -157
- package/textarea/Textarea.test.js +0 -437
- package/textarea/types.d.ts +0 -137
- package/textarea/types.js +0 -5
- package/toggle-group/ToggleGroup.d.ts +0 -4
- package/toggle-group/ToggleGroup.js +0 -215
- package/toggle-group/ToggleGroup.stories.tsx +0 -173
- package/toggle-group/ToggleGroup.test.js +0 -156
- package/toggle-group/types.d.ts +0 -105
- package/toggle-group/types.js +0 -5
- package/typography/Typography.d.ts +0 -4
- package/typography/Typography.js +0 -131
- package/typography/Typography.stories.tsx +0 -198
- package/typography/types.d.ts +0 -18
- package/typography/types.js +0 -5
- package/useTheme.d.ts +0 -2
- package/useTheme.js +0 -22
- package/useTranslatedLabels.d.ts +0 -2
- package/useTranslatedLabels.js +0 -20
- package/wizard/Wizard.d.ts +0 -4
- package/wizard/Wizard.js +0 -285
- package/wizard/Wizard.stories.tsx +0 -233
- package/wizard/Wizard.test.js +0 -141
- package/wizard/types.d.ts +0 -65
- package/wizard/types.js +0 -5
package/common/variables.js
DELETED
|
@@ -1,1504 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.typeface = exports.spaces = exports.responsiveSizes = exports.globalTokens = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
|
|
7
|
-
var globalTokens = {
|
|
8
|
-
// Color
|
|
9
|
-
inherit: "inherit",
|
|
10
|
-
transparent: "transparent",
|
|
11
|
-
hal_white: "#ffffff",
|
|
12
|
-
hal_grey_l_95: "#f2f2f2",
|
|
13
|
-
hal_grey_l_90: "#e6e6e6",
|
|
14
|
-
hal_grey_l_80: "#cccccc",
|
|
15
|
-
hal_grey_l_75: "#bfbfbf",
|
|
16
|
-
hal_grey_l_60: "#999999",
|
|
17
|
-
hal_grey_s_40: "#666666",
|
|
18
|
-
hal_black: "#000000",
|
|
19
|
-
color_grey_800: "#4d4d4d",
|
|
20
|
-
color_grey_600: "#808080",
|
|
21
|
-
color_grey_50: "#fafafa",
|
|
22
|
-
color_grey_a_100: "#0000000d",
|
|
23
|
-
color_grey_a_300: "#00000033",
|
|
24
|
-
hal_purple_l_95: "#f2eafa",
|
|
25
|
-
hal_purple_l_90: "#e5d5f6",
|
|
26
|
-
hal_purple_l_65: "#a46ede",
|
|
27
|
-
hal_purple_s_38: "#5f249f",
|
|
28
|
-
hal_purple_d_30: "#4b1c7d",
|
|
29
|
-
hal_purple_d_20: "#321353",
|
|
30
|
-
hal_purple_d_70: "#9A6BB2",
|
|
31
|
-
color_purple_600: "#7D2FD0",
|
|
32
|
-
color_purple_300: "#cbacec",
|
|
33
|
-
hal_blue_l_95: "#e6f4ff",
|
|
34
|
-
hal_blue_l_80: "#99d5ff",
|
|
35
|
-
hal_blue_l_50: "#0095ff",
|
|
36
|
-
hal_blue_l_45: "#0086e6",
|
|
37
|
-
hal_blue_s_35: "#0067b3",
|
|
38
|
-
hal_blue_d_20: "#003c66",
|
|
39
|
-
color_blue_200: "#cceaff",
|
|
40
|
-
color_blue_500: "#33AAFF",
|
|
41
|
-
color_blue_50: "#f5fbff",
|
|
42
|
-
hal_red_l_95: "#ffe6e9",
|
|
43
|
-
hal_red_l_80: "#fe9aa7",
|
|
44
|
-
hal_red_l_60: "#fe344f",
|
|
45
|
-
hal_red_s_41: "#d0011b",
|
|
46
|
-
hal_red_d_30: "#980115",
|
|
47
|
-
hal_red_d_20: "#65010e",
|
|
48
|
-
color_red_700: "#ffccd3",
|
|
49
|
-
color_red_50: "#FFF5F6",
|
|
50
|
-
color_red_600: "#fe0123",
|
|
51
|
-
hal_green_l_95: "#eafaef",
|
|
52
|
-
hal_green_l_80: "#acecbe",
|
|
53
|
-
hal_green_s_39: "#24a148",
|
|
54
|
-
hal_green_d_30: "#1c7d38",
|
|
55
|
-
hal_green_d_20: "#135325",
|
|
56
|
-
hal_yellow_l_95: "#fef9e6",
|
|
57
|
-
hal_yellow_l_80: "#fbe89d",
|
|
58
|
-
hal_yellow_s_57: "#f7cf2b",
|
|
59
|
-
hal_yellow_d_40: "#c59f07",
|
|
60
|
-
hal_yellow_d_30: "#947705",
|
|
61
|
-
hal_orange_s_54: "#f38f20",
|
|
62
|
-
black: "#000000",
|
|
63
|
-
lightBlack: "#212121",
|
|
64
|
-
yellow: "#FFED00",
|
|
65
|
-
lightGrey: "#D9D9D9",
|
|
66
|
-
darkRed: "#D0011B",
|
|
67
|
-
lightRed: "#FF6161",
|
|
68
|
-
lightBlue: "#CEE0F5",
|
|
69
|
-
lightYellow: "#FCF2BD",
|
|
70
|
-
lightPink: "#F9CFCF",
|
|
71
|
-
lightGreen: "#DBF1C4",
|
|
72
|
-
blue: "#005FCC",
|
|
73
|
-
lighterGrey: "#F8F8F8",
|
|
74
|
-
red: "#D0011B",
|
|
75
|
-
violet: "#8800F6",
|
|
76
|
-
darkBlue: "#006BF6",
|
|
77
|
-
purple: "#6f2c91",
|
|
78
|
-
mediumPurple: "#ead8f3",
|
|
79
|
-
lightPurple: "#f5ebf9",
|
|
80
|
-
lighterPurple: "#d0bddb",
|
|
81
|
-
white: "#ffffff",
|
|
82
|
-
darkGrey: "#666666",
|
|
83
|
-
mediumGrey: "#bfbfbf",
|
|
84
|
-
mediumWhite: "#f9f9f9",
|
|
85
|
-
mediumBlue: "#0067b3",
|
|
86
|
-
softBlue: "#b1cee6",
|
|
87
|
-
darkWhite: "#eeeeee",
|
|
88
|
-
lighterBlack: "#b1b1b1",
|
|
89
|
-
mediumBlack: "#676767",
|
|
90
|
-
mediumGreyBlack: "#dbdbdb",
|
|
91
|
-
lightWhite: "#f2f2f2",
|
|
92
|
-
softGrey: "#cecece",
|
|
93
|
-
softBlack: "#565656",
|
|
94
|
-
// Typography
|
|
95
|
-
type_sans: "Open Sans, sans-serif",
|
|
96
|
-
type_scale_root: "16px",
|
|
97
|
-
type_scale_08: "3.75rem",
|
|
98
|
-
type_scale_07: "2.5rem",
|
|
99
|
-
type_scale_06: "2rem",
|
|
100
|
-
type_scale_05: "1.5rem",
|
|
101
|
-
type_scale_04: "1.25rem",
|
|
102
|
-
type_scale_03: "1rem",
|
|
103
|
-
type_scale_02: "0.875rem",
|
|
104
|
-
type_scale_01: "0.75rem",
|
|
105
|
-
type_light: "300",
|
|
106
|
-
type_regular: "400",
|
|
107
|
-
type_semibold: "600",
|
|
108
|
-
type_bold: "bold",
|
|
109
|
-
type_italic: "italic",
|
|
110
|
-
type_normal: "normal",
|
|
111
|
-
type_spacing_tight_02: "-0.05em",
|
|
112
|
-
type_spacing_tight_01: "-0.025em",
|
|
113
|
-
type_spacing_normal: "0em",
|
|
114
|
-
type_spacing_wide_01: "0.025em",
|
|
115
|
-
type_spacing_wide_02: "0.05em",
|
|
116
|
-
type_spacing_wide_03: "0.1em",
|
|
117
|
-
type_initial: "initial",
|
|
118
|
-
type_uppercase: "uppercase",
|
|
119
|
-
type_no_line: "none",
|
|
120
|
-
type_underline: "underline",
|
|
121
|
-
type_line_through: "line-through",
|
|
122
|
-
type_leading_compact_03: "1em",
|
|
123
|
-
type_leading_compact_02: "1.25em",
|
|
124
|
-
type_leading_compact_01: "1.365em",
|
|
125
|
-
type_leading_normal: "1.5em",
|
|
126
|
-
type_leading_loose_01: "1.715em",
|
|
127
|
-
type_leading_loose_02: "2em",
|
|
128
|
-
fontSize10: "10px",
|
|
129
|
-
// Spacing
|
|
130
|
-
spacing_00: "0rem",
|
|
131
|
-
spacing_01: "0.125rem",
|
|
132
|
-
spacing_02: "0.25rem",
|
|
133
|
-
spacing_03: "0.5rem",
|
|
134
|
-
spacing_04: "0.75rem",
|
|
135
|
-
spacing_05: "1rem",
|
|
136
|
-
spacing_06: "1.5rem",
|
|
137
|
-
spacing_07: "2rem",
|
|
138
|
-
spacing_08: "2.5rem",
|
|
139
|
-
spacing_09: "3rem",
|
|
140
|
-
spacing_10: "3.5rem",
|
|
141
|
-
spacing_11: "4rem",
|
|
142
|
-
spacing_12: "5rem",
|
|
143
|
-
spacing_13: "6rem",
|
|
144
|
-
spacing_14: "7rem",
|
|
145
|
-
// Border
|
|
146
|
-
border_width_0: "0px",
|
|
147
|
-
border_width_1: "1px",
|
|
148
|
-
border_width_2: "2px",
|
|
149
|
-
border_width_4: "4px",
|
|
150
|
-
border_radius_none: "0rem",
|
|
151
|
-
border_radius_small: "0.125rem",
|
|
152
|
-
border_radius_medium: "0.25rem",
|
|
153
|
-
border_radius_large: "0.375rem",
|
|
154
|
-
border_radius_full: "9999px",
|
|
155
|
-
border_solid: "solid",
|
|
156
|
-
border_dashed: "dashed",
|
|
157
|
-
border_none: "none"
|
|
158
|
-
};
|
|
159
|
-
exports.globalTokens = globalTokens;
|
|
160
|
-
var componentTokens = {
|
|
161
|
-
accordion: {
|
|
162
|
-
backgroundColor: globalTokens.hal_white,
|
|
163
|
-
hoverBackgroundColor: globalTokens.hal_purple_l_95,
|
|
164
|
-
arrowColor: globalTokens.hal_purple_s_38,
|
|
165
|
-
disabledArrowColor: globalTokens.hal_grey_l_60,
|
|
166
|
-
assistiveTextFontFamily: globalTokens.type_sans,
|
|
167
|
-
assistiveTextFontSize: globalTokens.type_scale_03,
|
|
168
|
-
assistiveTextFontWeight: globalTokens.type_light,
|
|
169
|
-
assistiveTextFontStyle: globalTokens.type_italic,
|
|
170
|
-
assistiveTextLetterSpacing: globalTokens.type_spacing_wide_01,
|
|
171
|
-
assistiveTextFontColor: globalTokens.hal_grey_s_40,
|
|
172
|
-
disabledAssistiveTextFontColor: globalTokens.hal_grey_l_60,
|
|
173
|
-
assistiveTextMinWidth: "100px",
|
|
174
|
-
assistiveTextPaddingRight: "24px",
|
|
175
|
-
assistiveTextPaddingLeft: "0px",
|
|
176
|
-
titleLabelFontFamily: globalTokens.type_sans,
|
|
177
|
-
titleLabelFontSize: globalTokens.type_scale_03,
|
|
178
|
-
titleLabelFontWeight: globalTokens.type_regular,
|
|
179
|
-
titleLabelFontStyle: globalTokens.type_normal,
|
|
180
|
-
titleLabelFontColor: globalTokens.hal_black,
|
|
181
|
-
disabledTitleLabelFontColor: globalTokens.hal_grey_l_60,
|
|
182
|
-
titleLabelPaddingLeft: "0px",
|
|
183
|
-
titleLabelPaddingRight: "16px",
|
|
184
|
-
titleLabelPaddingTop: "0px",
|
|
185
|
-
titleLabelPaddingBottom: "0px",
|
|
186
|
-
focusBorderStyle: "solid",
|
|
187
|
-
focusBorderThickness: "2px",
|
|
188
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
189
|
-
borderRadius: "4px",
|
|
190
|
-
boxShadowOffsetX: "0px",
|
|
191
|
-
boxShadowOffsetY: "6px",
|
|
192
|
-
boxShadowBlur: "10px",
|
|
193
|
-
boxShadowColor: "#0000001a",
|
|
194
|
-
iconColor: globalTokens.hal_purple_s_38,
|
|
195
|
-
disabledIconColor: globalTokens.hal_grey_l_60,
|
|
196
|
-
iconSize: "24px",
|
|
197
|
-
iconMarginLeft: "0px",
|
|
198
|
-
iconMarginRigth: "12px",
|
|
199
|
-
accordionGroupSeparatorBorderColor: "#0000001a",
|
|
200
|
-
accordionGroupSeparatorBorderThickness: "1px",
|
|
201
|
-
accordionGroupSeparatorBorderRadius: "0px",
|
|
202
|
-
accordionGroupSeparatorBorderStyle: "solid"
|
|
203
|
-
},
|
|
204
|
-
alert: {
|
|
205
|
-
titleFontFamily: globalTokens.type_sans,
|
|
206
|
-
titleFontColor: globalTokens.hal_black,
|
|
207
|
-
titleFontSize: globalTokens.type_scale_01,
|
|
208
|
-
titleFontStyle: globalTokens.type_normal,
|
|
209
|
-
titleFontWeight: globalTokens.type_bold,
|
|
210
|
-
titleTextTransform: globalTokens.type_uppercase,
|
|
211
|
-
titlePaddingRight: "0px",
|
|
212
|
-
titlePaddingLeft: "0px",
|
|
213
|
-
inlineTextFontFamily: globalTokens.type_sans,
|
|
214
|
-
inlineTextFontColor: globalTokens.hal_black,
|
|
215
|
-
inlineTextFontSize: globalTokens.type_scale_01,
|
|
216
|
-
inlineTextFontStyle: globalTokens.type_normal,
|
|
217
|
-
inlineTextFontWeight: globalTokens.type_regular,
|
|
218
|
-
inlineTextPaddingLeft: "0px",
|
|
219
|
-
inlineTextPaddingRight: "0px",
|
|
220
|
-
contentPaddingLeft: "0px",
|
|
221
|
-
contentPaddingRight: "0px",
|
|
222
|
-
contentPaddingTop: "20px",
|
|
223
|
-
contentPaddingBottom: "30px",
|
|
224
|
-
borderRadius: "4px",
|
|
225
|
-
borderStyle: "solid",
|
|
226
|
-
borderThickness: "1px",
|
|
227
|
-
infoBorderColor: globalTokens.hal_blue_s_35,
|
|
228
|
-
successBorderColor: globalTokens.hal_green_s_39,
|
|
229
|
-
warningBorderColor: globalTokens.hal_yellow_d_40,
|
|
230
|
-
errorBorderColor: globalTokens.hal_red_s_41,
|
|
231
|
-
iconSize: "24px",
|
|
232
|
-
iconPaddingLeft: "0px",
|
|
233
|
-
iconPaddingRight: "0px",
|
|
234
|
-
infoIconColor: globalTokens.hal_blue_s_35,
|
|
235
|
-
successIconColor: globalTokens.hal_green_s_39,
|
|
236
|
-
warningIconColor: globalTokens.hal_yellow_d_40,
|
|
237
|
-
errorIconColor: globalTokens.hal_red_s_41,
|
|
238
|
-
infoBackgroundColor: globalTokens.hal_blue_l_95,
|
|
239
|
-
successBackgroundColor: globalTokens.hal_green_l_95,
|
|
240
|
-
warningBackgroundColor: globalTokens.hal_yellow_l_95,
|
|
241
|
-
errorBackgroundColor: globalTokens.hal_red_l_95,
|
|
242
|
-
hoverActionBackgroundColor: globalTokens.color_grey_a_100,
|
|
243
|
-
activeActionBackgroundColor: "#0000001A",
|
|
244
|
-
focusActionBorderColor: globalTokens.hal_blue_l_50,
|
|
245
|
-
overlayColor: "#000000B3"
|
|
246
|
-
},
|
|
247
|
-
box: {
|
|
248
|
-
backgroundColor: globalTokens.white,
|
|
249
|
-
letterSpacing: globalTokens.type_spacing_wide_01,
|
|
250
|
-
borderRadius: "4px",
|
|
251
|
-
borderThickness: "0px",
|
|
252
|
-
borderStyle: "none",
|
|
253
|
-
borderColor: globalTokens.transparent,
|
|
254
|
-
noneShadowDepthShadowOffsetX: "none",
|
|
255
|
-
noneShadowDepthShadowOffsetY: "none",
|
|
256
|
-
noneShadowDepthShadowBlur: "none",
|
|
257
|
-
noneShadowDepthShadowSpread: "none",
|
|
258
|
-
noneShadowDepthShadowColor: globalTokens.transparent,
|
|
259
|
-
oneShadowDepthShadowOffsetX: "0px",
|
|
260
|
-
oneShadowDepthShadowOffsetY: "3px",
|
|
261
|
-
oneShadowDepthShadowBlur: "6px",
|
|
262
|
-
oneShadowDepthShadowSpread: "0px",
|
|
263
|
-
oneShadowDepthShadowColor: globalTokens.color_grey_a_300,
|
|
264
|
-
twoShadowDepthShadowOffsetX: "0px",
|
|
265
|
-
twoShadowDepthShadowOffsetY: "3px",
|
|
266
|
-
twoShadowDepthShadowBlur: "10px",
|
|
267
|
-
twoShadowDepthShadowSpread: "0px",
|
|
268
|
-
twoShadowDepthShadowColor: globalTokens.color_grey_a_300
|
|
269
|
-
},
|
|
270
|
-
bulletedList: {
|
|
271
|
-
fontColor: globalTokens.hal_black,
|
|
272
|
-
fontColorOnDark: globalTokens.hal_white,
|
|
273
|
-
bulletIconHeight: "1.5rem",
|
|
274
|
-
bulletIconWidth: "1.5rem",
|
|
275
|
-
bulletHeight: "5px",
|
|
276
|
-
bulletWidth: "5px",
|
|
277
|
-
bulletMarginRight: "0.5rem"
|
|
278
|
-
},
|
|
279
|
-
button: {
|
|
280
|
-
labelFontLineHeight: globalTokens.type_leading_normal,
|
|
281
|
-
labelLetterSpacing: globalTokens.type_spacing_wide_01,
|
|
282
|
-
paddingLeft: globalTokens.spacing_03,
|
|
283
|
-
paddingRight: globalTokens.spacing_03,
|
|
284
|
-
paddingTop: globalTokens.spacing_03,
|
|
285
|
-
paddingBottom: globalTokens.spacing_03,
|
|
286
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
287
|
-
focusBorderColorOnDark: globalTokens.hal_blue_l_50,
|
|
288
|
-
primaryBackgroundColor: globalTokens.hal_purple_s_38,
|
|
289
|
-
primaryBackgroundColorOnDark: globalTokens.hal_purple_s_38,
|
|
290
|
-
primaryFontColor: globalTokens.hal_white,
|
|
291
|
-
primaryFontColorOnDark: globalTokens.hal_white,
|
|
292
|
-
primaryHoverBackgroundColor: globalTokens.hal_purple_d_30,
|
|
293
|
-
primaryHoverBackgroundColorOnDark: globalTokens.color_purple_600,
|
|
294
|
-
primaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
|
|
295
|
-
primaryActiveBackgroundColorOnDark: globalTokens.hal_purple_d_30,
|
|
296
|
-
primaryDisabledBackgroundColor: globalTokens.hal_grey_l_95,
|
|
297
|
-
primaryDisabledBackgroundColorOnDark: globalTokens.color_grey_800,
|
|
298
|
-
primaryDisabledFontColor: globalTokens.hal_grey_l_60,
|
|
299
|
-
primaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
300
|
-
primaryBorderThickness: globalTokens.border_width_0,
|
|
301
|
-
primaryBorderStyle: globalTokens.border_none,
|
|
302
|
-
primaryBorderRadius: globalTokens.border_radius_medium,
|
|
303
|
-
primaryFontFamily: globalTokens.type_sans,
|
|
304
|
-
primaryFontSize: globalTokens.type_scale_03,
|
|
305
|
-
primaryFontWeight: globalTokens.type_regular,
|
|
306
|
-
secondaryBackgroundColor: globalTokens.transparent,
|
|
307
|
-
secondaryBackgroundColorOnDark: globalTokens.transparent,
|
|
308
|
-
secondaryFontColor: globalTokens.hal_purple_s_38,
|
|
309
|
-
secondaryFontColorOnDark: globalTokens.hal_white,
|
|
310
|
-
secondaryHoverFontColor: globalTokens.hal_white,
|
|
311
|
-
secondaryHoverFontColorOnDark: globalTokens.hal_black,
|
|
312
|
-
secondaryBorderColor: globalTokens.hal_purple_s_38,
|
|
313
|
-
secondaryBorderColorOnDark: globalTokens.hal_white,
|
|
314
|
-
secondaryHoverBackgroundColor: globalTokens.hal_purple_s_38,
|
|
315
|
-
secondaryHoverBackgroundColorOnDark: globalTokens.hal_white,
|
|
316
|
-
secondaryActiveBackgroundColor: globalTokens.hal_purple_d_20,
|
|
317
|
-
secondaryActiveBackgroundColorOnDark: globalTokens.hal_grey_l_90,
|
|
318
|
-
secondaryDisabledBackgroundColor: globalTokens.transparent,
|
|
319
|
-
secondaryDisabledBackgroundColorOnDark: globalTokens.transparent,
|
|
320
|
-
secondaryDisabledFontColor: globalTokens.lighterBlack,
|
|
321
|
-
secondaryDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
322
|
-
secondaryDisabledBorderColor: globalTokens.hal_grey_l_60,
|
|
323
|
-
secondaryDisabledBorderColorOnDark: globalTokens.hal_grey_l_60,
|
|
324
|
-
secondaryBorderThickness: globalTokens.border_width_1,
|
|
325
|
-
secondaryBorderStyle: globalTokens.border_solid,
|
|
326
|
-
secondaryBorderRadius: globalTokens.border_radius_medium,
|
|
327
|
-
secondaryFontFamily: globalTokens.type_sans,
|
|
328
|
-
secondaryFontSize: globalTokens.type_scale_03,
|
|
329
|
-
secondaryFontWeight: globalTokens.type_regular,
|
|
330
|
-
textBackgroundColor: globalTokens.transparent,
|
|
331
|
-
textBackgroundColorOnDark: globalTokens.transparent,
|
|
332
|
-
textFontColor: globalTokens.hal_purple_s_38,
|
|
333
|
-
textFontColorOnDark: globalTokens.hal_white,
|
|
334
|
-
textHoverBackgroundColor: globalTokens.hal_purple_l_95,
|
|
335
|
-
textHoverBackgroundColorOnDark: globalTokens.color_grey_800,
|
|
336
|
-
textActiveBackgroundColor: globalTokens.hal_purple_l_90,
|
|
337
|
-
textActiveBackgroundColorOnDark: globalTokens.hal_grey_s_40,
|
|
338
|
-
textDisabledBackgroundColor: globalTokens.transparent,
|
|
339
|
-
textDisabledBackgroundColorOnDark: globalTokens.transparent,
|
|
340
|
-
textDisabledFontColor: globalTokens.hal_grey_l_60,
|
|
341
|
-
textDisabledFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
342
|
-
textBorderThickness: globalTokens.border_width_0,
|
|
343
|
-
textBorderStyle: globalTokens.border_none,
|
|
344
|
-
textBorderRadius: globalTokens.border_radius_medium,
|
|
345
|
-
textFontFamily: globalTokens.type_sans,
|
|
346
|
-
textFontSize: globalTokens.type_scale_03,
|
|
347
|
-
textFontWeight: globalTokens.type_regular
|
|
348
|
-
},
|
|
349
|
-
card: {
|
|
350
|
-
height: "220px",
|
|
351
|
-
width: "400px"
|
|
352
|
-
},
|
|
353
|
-
checkbox: {
|
|
354
|
-
backgroundColorChecked: globalTokens.hal_blue_s_35,
|
|
355
|
-
backgroundColorCheckedOnDark: globalTokens.hal_grey_l_90,
|
|
356
|
-
hoverBackgroundColorChecked: globalTokens.hal_blue_d_20,
|
|
357
|
-
hoverBackgroundColorCheckedOnDark: global.hal_white,
|
|
358
|
-
disabledBackgroundColorChecked: globalTokens.hal_grey_l_60,
|
|
359
|
-
disabledBackgroundColorCheckedOnDark: globalTokens.color_grey_800,
|
|
360
|
-
borderColor: globalTokens.hal_blue_s_35,
|
|
361
|
-
borderColorOnDark: globalTokens.hal_grey_l_90,
|
|
362
|
-
hoverBorderColor: globalTokens.hal_blue_d_20,
|
|
363
|
-
hoverBorderColorOnDark: globalTokens.hal_white,
|
|
364
|
-
disabledBorderColor: globalTokens.hal_grey_l_60,
|
|
365
|
-
disabledBorderColorOnDark: globalTokens.color_grey_800,
|
|
366
|
-
checkColor: globalTokens.hal_white,
|
|
367
|
-
checkColorOnDark: globalTokens.hal_black,
|
|
368
|
-
disabledCheckColor: globalTokens.hal_white,
|
|
369
|
-
disabledCheckColorOnDark: globalTokens.hal_grey_l_60,
|
|
370
|
-
fontFamily: globalTokens.type_sans,
|
|
371
|
-
fontSize: globalTokens.type_scale_02,
|
|
372
|
-
fontWeight: globalTokens.type_regular,
|
|
373
|
-
fontColor: globalTokens.hal_black,
|
|
374
|
-
fontColorOnDark: globalTokens.hal_white,
|
|
375
|
-
disabledFontColor: globalTokens.hal_grey_l_60,
|
|
376
|
-
disabledFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
377
|
-
focusColor: globalTokens.hal_blue_l_50,
|
|
378
|
-
focusColorOnDark: globalTokens.hal_blue_l_50,
|
|
379
|
-
checkLabelSpacing: "8px"
|
|
380
|
-
},
|
|
381
|
-
chip: {
|
|
382
|
-
backgroundColor: globalTokens.hal_grey_l_90,
|
|
383
|
-
disabledBackgroundColor: globalTokens.hal_grey_l_95,
|
|
384
|
-
fontFamily: globalTokens.type_sans,
|
|
385
|
-
fontSize: globalTokens.type_scale_03,
|
|
386
|
-
fontStyle: globalTokens.type_normal,
|
|
387
|
-
fontWeight: globalTokens.type_regular,
|
|
388
|
-
fontColor: globalTokens.hal_black,
|
|
389
|
-
disabledFontColor: globalTokens.hal_grey_l_60,
|
|
390
|
-
borderColor: globalTokens.transparent,
|
|
391
|
-
borderRadius: "80px",
|
|
392
|
-
borderThickness: "0px",
|
|
393
|
-
borderStyle: "solid",
|
|
394
|
-
contentPaddingLeft: "16px",
|
|
395
|
-
contentPaddingRight: "16px",
|
|
396
|
-
contentPaddingTop: "0px",
|
|
397
|
-
contentPaddingBottom: "0px",
|
|
398
|
-
iconSize: "24px",
|
|
399
|
-
iconSpacing: "8px",
|
|
400
|
-
iconColor: globalTokens.hal_black,
|
|
401
|
-
disabledIconColor: globalTokens.hal_grey_l_60,
|
|
402
|
-
focusColor: globalTokens.hal_blue_l_50
|
|
403
|
-
},
|
|
404
|
-
dateInput: {
|
|
405
|
-
pickerFontFamily: globalTokens.type_sans,
|
|
406
|
-
pickerBackgroundColor: globalTokens.hal_white,
|
|
407
|
-
pickerHoverDateFontColor: globalTokens.hal_black,
|
|
408
|
-
pickerHoverDateBackgroundColor: globalTokens.hal_purple_l_90,
|
|
409
|
-
pickerSelectedDateColor: globalTokens.hal_white,
|
|
410
|
-
pickerSelectedDateBackgroundColor: globalTokens.hal_purple_s_38,
|
|
411
|
-
pickerActualDateFontColor: globalTokens.hal_grey_l_60,
|
|
412
|
-
pickerYearFontColor: globalTokens.hal_black,
|
|
413
|
-
pickerMonthFontColor: globalTokens.hal_black,
|
|
414
|
-
pickerWeekFontColor: globalTokens.hal_black,
|
|
415
|
-
pickerDayFontColor: globalTokens.hal_black,
|
|
416
|
-
pickerMonthArrowsBackgroundColor: globalTokens.transparent,
|
|
417
|
-
pickerFocusColor: globalTokens.hal_blue_l_50,
|
|
418
|
-
pickerHeight: "316px",
|
|
419
|
-
pickerWidth: "290px"
|
|
420
|
-
},
|
|
421
|
-
dialog: {
|
|
422
|
-
overlayColor: globalTokens.hal_black,
|
|
423
|
-
backgroundColor: globalTokens.hal_white,
|
|
424
|
-
closeIconWidth: "24px",
|
|
425
|
-
closeIconHeight: "24px",
|
|
426
|
-
closeIconTopPosition: "20px",
|
|
427
|
-
closeIconRightPosition: "20px",
|
|
428
|
-
closeIconBackgroundColor: "none",
|
|
429
|
-
closeIconBorderColor: "none",
|
|
430
|
-
closeIconColor: globalTokens.hal_black,
|
|
431
|
-
closeIconBorderThickness: "0px",
|
|
432
|
-
closeIconBorderStyle: "solid",
|
|
433
|
-
closeIconBorderRadius: "0px",
|
|
434
|
-
boxShadowOffsetX: "0px",
|
|
435
|
-
boxShadowOffsetY: "1px",
|
|
436
|
-
boxShadowBlur: "3px",
|
|
437
|
-
boxShadowColor: "rgba(0, 0, 0, 0.2)",
|
|
438
|
-
overlayOpacity: "0.7",
|
|
439
|
-
fontFamily: globalTokens.type_sans,
|
|
440
|
-
fontSize: globalTokens.type_scale_03,
|
|
441
|
-
fontWeight: globalTokens.type_regular
|
|
442
|
-
},
|
|
443
|
-
dropdown: {
|
|
444
|
-
buttonBackgroundColor: globalTokens.hal_white,
|
|
445
|
-
hoverButtonBackgroundColor: globalTokens.hal_grey_l_95,
|
|
446
|
-
activeButtonBackgroundColor: globalTokens.lightGrey,
|
|
447
|
-
buttonFontFamily: globalTokens.type_sans,
|
|
448
|
-
buttonFontSize: globalTokens.type_scale_03,
|
|
449
|
-
buttonFontStyle: globalTokens.type_normal,
|
|
450
|
-
buttonFontWeight: globalTokens.type_regular,
|
|
451
|
-
buttonFontColor: globalTokens.hal_black,
|
|
452
|
-
buttonIconSize: "20px",
|
|
453
|
-
buttonIconSpacing: "10px",
|
|
454
|
-
buttonIconColor: globalTokens.hal_black,
|
|
455
|
-
buttonPaddingTop: "0px",
|
|
456
|
-
buttonPaddingBottom: "0px",
|
|
457
|
-
buttonPaddingLeft: "16px",
|
|
458
|
-
buttonPaddingRight: "16px",
|
|
459
|
-
disabledColor: globalTokens.lighterBlack,
|
|
460
|
-
disabledButtonBackgroundColor: globalTokens.transparent,
|
|
461
|
-
disabledBorderColor: globalTokens.lighterBlack,
|
|
462
|
-
optionBackgroundColor: globalTokens.hal_white,
|
|
463
|
-
hoverOptionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
464
|
-
activeOptionBackgroundColor: globalTokens.lightGrey,
|
|
465
|
-
optionFontFamily: globalTokens.type_sans,
|
|
466
|
-
optionFontSize: globalTokens.type_scale_root,
|
|
467
|
-
optionFontStyle: globalTokens.type_normal,
|
|
468
|
-
optionFontWeight: globalTokens.type_regular,
|
|
469
|
-
optionFontColor: globalTokens.hal_black,
|
|
470
|
-
optionIconSize: "20px",
|
|
471
|
-
optionIconSpacing: "10px",
|
|
472
|
-
optionIconColor: globalTokens.hal_black,
|
|
473
|
-
optionPaddingTop: "6px",
|
|
474
|
-
optionPaddingBottom: "6px",
|
|
475
|
-
optionPaddingLeft: "16px",
|
|
476
|
-
optionPaddingRight: "16px",
|
|
477
|
-
caretIconSize: "24px",
|
|
478
|
-
caretIconColor: globalTokens.hal_black,
|
|
479
|
-
caretIconSpacing: "12px",
|
|
480
|
-
borderRadius: "4px",
|
|
481
|
-
borderStyle: "none",
|
|
482
|
-
borderThickness: "0px",
|
|
483
|
-
borderColor: globalTokens.transparent,
|
|
484
|
-
scrollBarThumbColor: globalTokens.hal_grey_s_40,
|
|
485
|
-
scrollBarTrackColor: globalTokens.lightGrey,
|
|
486
|
-
focusColor: globalTokens.hal_blue_l_50
|
|
487
|
-
},
|
|
488
|
-
fileInput: {
|
|
489
|
-
dropBorderColor: globalTokens.hal_black,
|
|
490
|
-
fileItemBorderColor: globalTokens.hal_grey_l_80,
|
|
491
|
-
fileNameFontColor: globalTokens.hal_black,
|
|
492
|
-
labelFontColor: globalTokens.hal_black,
|
|
493
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
494
|
-
dropLabelFontColor: globalTokens.hal_black,
|
|
495
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
496
|
-
disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
|
|
497
|
-
disabledDropLabelFontColor: globalTokens.hal_grey_l_60,
|
|
498
|
-
focusDropBorderColor: globalTokens.hal_blue_l_50,
|
|
499
|
-
disabledDropBorderColor: globalTokens.hal_grey_l_60,
|
|
500
|
-
dragoverDropBackgroundColor: globalTokens.color_blue_50,
|
|
501
|
-
activeFileItemIconBackgrounColor: globalTokens.hal_grey_l_80,
|
|
502
|
-
errorFileItemBorderColor: globalTokens.hal_red_s_41,
|
|
503
|
-
errorFileItemBackgroundColor: globalTokens.color_red_50,
|
|
504
|
-
errorFilePreviewBackgroundColor: globalTokens.color_red_700,
|
|
505
|
-
errorFileItemIconColor: globalTokens.hal_red_s_41,
|
|
506
|
-
fileItemIconBackgroundColor: globalTokens.hal_grey_l_95,
|
|
507
|
-
deleteFileItemColor: globalTokens.hal_black,
|
|
508
|
-
errorMessageFontColor: globalTokens.hal_red_s_41,
|
|
509
|
-
labelFontFamily: globalTokens.type_sans,
|
|
510
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
511
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
512
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
513
|
-
fileItemFontFamily: globalTokens.type_sans,
|
|
514
|
-
fileItemFontSize: globalTokens.type_scale_02,
|
|
515
|
-
fileItemFontWeight: globalTokens.type_regular,
|
|
516
|
-
fileItemLineHeight: globalTokens.type_leading_normal,
|
|
517
|
-
helperTextFontFamily: globalTokens.type_sans,
|
|
518
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
519
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
520
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
521
|
-
dropLabelFontFamily: globalTokens.type_sans,
|
|
522
|
-
dropLabelFontSize: globalTokens.type_scale_03,
|
|
523
|
-
dropLabelFontWeight: globalTokens.type_regular,
|
|
524
|
-
errorMessageFontFamily: globalTokens.type_sans,
|
|
525
|
-
errorMessageFontSize: globalTokens.type_scale_01,
|
|
526
|
-
errorMessageFontWeight: globalTokens.type_regular,
|
|
527
|
-
errorMessageLineHeight: globalTokens.type_leading_normal,
|
|
528
|
-
dropBorderThickness: globalTokens.border_width_1,
|
|
529
|
-
dropBorderStyle: globalTokens.border_dashed,
|
|
530
|
-
dropBorderRadius: globalTokens.border_radius_large,
|
|
531
|
-
fileItemBorderThickness: globalTokens.border_width_1,
|
|
532
|
-
fileItemBorderStyle: globalTokens.border_solid,
|
|
533
|
-
fileItemBorderRadius: globalTokens.border_radius_medium,
|
|
534
|
-
hoverDeleteFileItemBackgroundColor: globalTokens.color_grey_a_100,
|
|
535
|
-
activeDeleteFileItemBackgroundColor: globalTokens.color_grey_a_300,
|
|
536
|
-
focusDeleteFileItemBorderColor: globalTokens.hal_blue_l_50,
|
|
537
|
-
filePreviewBackgroundColor: globalTokens.hal_grey_l_95,
|
|
538
|
-
filePreviewIconColor: globalTokens.color_grey_600,
|
|
539
|
-
errorFilePreviewIconColor: globalTokens.hal_red_s_41
|
|
540
|
-
},
|
|
541
|
-
footer: {
|
|
542
|
-
height: "124px",
|
|
543
|
-
backgroundColor: globalTokens.hal_black,
|
|
544
|
-
bottomLinksDividerColor: globalTokens.hal_blue_l_50,
|
|
545
|
-
bottomLinksDividerThickness: "1px",
|
|
546
|
-
bottomLinksDividerStyle: "solid",
|
|
547
|
-
bottomLinksDividerSpacing: "8px",
|
|
548
|
-
bottomLinksFontFamily: globalTokens.type_sans,
|
|
549
|
-
bottomLinksFontSize: globalTokens.type_scale_01,
|
|
550
|
-
bottomLinksFontStyle: globalTokens.type_normal,
|
|
551
|
-
bottomLinksFontWeight: globalTokens.type_regular,
|
|
552
|
-
bottomLinksFontColor: globalTokens.hal_white,
|
|
553
|
-
bottomLinksTextDecoration: globalTokens.type_no_line,
|
|
554
|
-
copyrightFontFamily: globalTokens.type_sans,
|
|
555
|
-
copyrightFontSize: globalTokens.type_scale_01,
|
|
556
|
-
copyrightFontStyle: globalTokens.type_normal,
|
|
557
|
-
copyrightFontWeight: globalTokens.type_regular,
|
|
558
|
-
copyrightFontColor: globalTokens.hal_white,
|
|
559
|
-
logo: "",
|
|
560
|
-
logoHeight: "32px",
|
|
561
|
-
logoWidth: "auto",
|
|
562
|
-
socialLinksSize: "24px",
|
|
563
|
-
socialLinksGutter: "16px",
|
|
564
|
-
socialLinksColor: globalTokens.hal_white
|
|
565
|
-
},
|
|
566
|
-
header: {
|
|
567
|
-
backgroundColor: globalTokens.hal_white,
|
|
568
|
-
hamburguerFocusColor: globalTokens.hal_blue_l_50,
|
|
569
|
-
hamburguerFontFamily: globalTokens.type_sans,
|
|
570
|
-
hamburguerFontStyle: globalTokens.type_normal,
|
|
571
|
-
hamburguerFontColor: globalTokens.hal_black,
|
|
572
|
-
hamburguerFontSize: "10px",
|
|
573
|
-
hamburguerFontWeight: globalTokens.type_semibold,
|
|
574
|
-
hamburguerTextTransform: globalTokens.type_uppercase,
|
|
575
|
-
hamburguerIconColor: globalTokens.hal_black,
|
|
576
|
-
hamburguerHoverColor: globalTokens.mediumGreyBlack,
|
|
577
|
-
logo: "",
|
|
578
|
-
logoResponsive: "",
|
|
579
|
-
logoHeight: "40px",
|
|
580
|
-
logoWidth: "auto",
|
|
581
|
-
menuBackgroundColor: globalTokens.hal_white,
|
|
582
|
-
menuZindex: "2000",
|
|
583
|
-
menuTabletWidth: "60vw",
|
|
584
|
-
menuMobileWidth: "100vw",
|
|
585
|
-
minHeight: "64px",
|
|
586
|
-
overlayColor: globalTokens.softBlack,
|
|
587
|
-
overlayOpacity: "0.7",
|
|
588
|
-
overlayZindex: "1600",
|
|
589
|
-
paddingTop: "0px",
|
|
590
|
-
paddingBottom: "0px",
|
|
591
|
-
paddingRight: "24px",
|
|
592
|
-
paddingLeft: "24px",
|
|
593
|
-
underlinedColor: globalTokens.hal_black,
|
|
594
|
-
underlinedThickness: "2px",
|
|
595
|
-
underlinedStyle: "solid",
|
|
596
|
-
contentColor: globalTokens.hal_black,
|
|
597
|
-
contentColorOnDark: globalTokens.hal_white
|
|
598
|
-
},
|
|
599
|
-
heading: {
|
|
600
|
-
level1FontColor: globalTokens.inherit,
|
|
601
|
-
level1FontFamily: globalTokens.type_sans,
|
|
602
|
-
level1FontSize: globalTokens.type_scale_07,
|
|
603
|
-
level1FontStyle: globalTokens.type_normal,
|
|
604
|
-
level1FontWeight: globalTokens.type_semibold,
|
|
605
|
-
level1LineHeight: globalTokens.type_leading_compact_01,
|
|
606
|
-
level1LetterSpacing: globalTokens.type_spacing_tight_01,
|
|
607
|
-
level2FontColor: globalTokens.inherit,
|
|
608
|
-
level2FontFamily: globalTokens.type_sans,
|
|
609
|
-
level2FontSize: globalTokens.type_scale_05,
|
|
610
|
-
level2FontStyle: globalTokens.type_normal,
|
|
611
|
-
level2FontWeight: globalTokens.type_semibold,
|
|
612
|
-
level2LineHeight: globalTokens.type_leading_normal,
|
|
613
|
-
level2LetterSpacing: globalTokens.type_spacing_normal,
|
|
614
|
-
level3FontColor: globalTokens.inherit,
|
|
615
|
-
level3FontFamily: globalTokens.type_sans,
|
|
616
|
-
level3FontSize: globalTokens.type_scale_04,
|
|
617
|
-
level3FontStyle: globalTokens.type_normal,
|
|
618
|
-
level3FontWeight: globalTokens.type_semibold,
|
|
619
|
-
level3LineHeight: globalTokens.type_leading_compact_01,
|
|
620
|
-
level3LetterSpacing: globalTokens.type_spacing_wide_01,
|
|
621
|
-
level4FontColor: globalTokens.inherit,
|
|
622
|
-
level4FontFamily: globalTokens.type_sans,
|
|
623
|
-
level4FontSize: globalTokens.type_scale_03,
|
|
624
|
-
level4FontStyle: globalTokens.type_normal,
|
|
625
|
-
level4FontWeight: globalTokens.type_semibold,
|
|
626
|
-
level4LineHeight: globalTokens.type_leading_normal,
|
|
627
|
-
level4LetterSpacing: globalTokens.type_spacing_normal,
|
|
628
|
-
level5FontColor: globalTokens.inherit,
|
|
629
|
-
level5FontFamily: globalTokens.type_sans,
|
|
630
|
-
level5FontSize: globalTokens.type_scale_02,
|
|
631
|
-
level5FontStyle: globalTokens.type_normal,
|
|
632
|
-
level5FontWeight: globalTokens.type_semibold,
|
|
633
|
-
level5LineHeight: globalTokens.type_leading_normal,
|
|
634
|
-
level5LetterSpacing: globalTokens.type_spacing_wide_01
|
|
635
|
-
},
|
|
636
|
-
textInput: {
|
|
637
|
-
fontFamily: globalTokens.type_sans,
|
|
638
|
-
enabledBorderColor: globalTokens.hal_black,
|
|
639
|
-
enabledBorderColorOnDark: globalTokens.hal_white,
|
|
640
|
-
hoverBorderColor: globalTokens.hal_purple_l_65,
|
|
641
|
-
hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
|
|
642
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
643
|
-
focusBorderColorOnDark: globalTokens.hal_blue_l_50,
|
|
644
|
-
disabledBorderColor: globalTokens.hal_grey_l_60,
|
|
645
|
-
disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
|
|
646
|
-
disabledContainerFillColor: globalTokens.hal_grey_l_95,
|
|
647
|
-
disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
|
|
648
|
-
errorBorderColor: globalTokens.hal_red_s_41,
|
|
649
|
-
errorBorderColorOnDark: globalTokens.hal_red_l_60,
|
|
650
|
-
hoverErrorBorderColor: globalTokens.color_red_600,
|
|
651
|
-
hoverErrorBorderColorOnDark: "#fe677b",
|
|
652
|
-
inputMarginTop: globalTokens.spacing_02,
|
|
653
|
-
inputMarginBottom: globalTokens.spacing_02,
|
|
654
|
-
errorMessageColor: globalTokens.hal_red_s_41,
|
|
655
|
-
errorMessageColorOnDark: globalTokens.hal_red_l_60,
|
|
656
|
-
errorIconColor: globalTokens.hal_red_s_41,
|
|
657
|
-
errorIconColorOnDark: globalTokens.hal_red_l_60,
|
|
658
|
-
labelFontColor: globalTokens.hal_black,
|
|
659
|
-
labelFontColorOnDark: globalTokens.hal_white,
|
|
660
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
661
|
-
labelFontStyle: globalTokens.type_normal,
|
|
662
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
663
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
664
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
665
|
-
disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
666
|
-
optionalLabelFontWeight: globalTokens.type_regular,
|
|
667
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
668
|
-
helperTextFontColorOnDark: globalTokens.hal_white,
|
|
669
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
670
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
671
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
672
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
673
|
-
disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
|
|
674
|
-
disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
675
|
-
prefixColor: globalTokens.hal_grey_s_40,
|
|
676
|
-
prefixColorOnDark: globalTokens.hal_white,
|
|
677
|
-
suffixColor: globalTokens.hal_grey_s_40,
|
|
678
|
-
suffixColorOnDark: globalTokens.hal_white,
|
|
679
|
-
disabledPrefixColor: globalTokens.hal_grey_l_75,
|
|
680
|
-
disabledSuffixColor: globalTokens.hal_grey_l_75,
|
|
681
|
-
disabledPrefixColorOnDark: globalTokens.hal_grey_l_60,
|
|
682
|
-
disabledSuffixColorOnDark: globalTokens.hal_grey_l_60,
|
|
683
|
-
placeholderFontColor: "#000000b3",
|
|
684
|
-
placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
|
|
685
|
-
disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
|
|
686
|
-
disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
687
|
-
valueFontColor: globalTokens.hal_black,
|
|
688
|
-
valueFontColorOnDark: globalTokens.hal_white,
|
|
689
|
-
valueFontSize: globalTokens.type_scale_03,
|
|
690
|
-
valueFontStyle: globalTokens.type_normal,
|
|
691
|
-
valueFontWeight: globalTokens.type_regular,
|
|
692
|
-
disabledValueFontColor: globalTokens.hal_grey_l_60,
|
|
693
|
-
disabledValueFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
694
|
-
actionIconColor: globalTokens.hal_black,
|
|
695
|
-
actionIconColorOnDark: globalTokens.hal_white,
|
|
696
|
-
disabledActionIconColor: globalTokens.hal_grey_l_60,
|
|
697
|
-
disabledActionIconColorOnDark: globalTokens.hal_grey_l_60,
|
|
698
|
-
hoverActionIconColor: globalTokens.hal_black,
|
|
699
|
-
hoverActionIconColorOnDark: globalTokens.hal_white,
|
|
700
|
-
focusActionIconColor: globalTokens.hal_black,
|
|
701
|
-
focusActionIconColorOnDark: globalTokens.hal_white,
|
|
702
|
-
activeActionIconColor: globalTokens.hal_black,
|
|
703
|
-
activeActionIconColorOnDark: globalTokens.hal_black,
|
|
704
|
-
actionBackgroundColor: globalTokens.transparent,
|
|
705
|
-
actionBackgroundColorOnDark: globalTokens.transparent,
|
|
706
|
-
disabledActionBackgroundColor: globalTokens.transparent,
|
|
707
|
-
disabledActionBackgroundColorOnDark: globalTokens.transparent,
|
|
708
|
-
hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
709
|
-
hoverActionBackgroundColorOnDark: globalTokens.hal_grey_s_40,
|
|
710
|
-
focusActionBorderColor: globalTokens.hal_blue_l_50,
|
|
711
|
-
focusActionBorderColorOnDark: globalTokens.hal_blue_l_50,
|
|
712
|
-
activeActionBackgroundColor: globalTokens.hal_grey_l_80,
|
|
713
|
-
activeActionBackgroundColorOnDark: globalTokens.hal_grey_l_60,
|
|
714
|
-
listDialogBackgroundColor: globalTokens.hal_white,
|
|
715
|
-
listDialogBorderColor: globalTokens.hal_grey_l_75,
|
|
716
|
-
listOptionDividerColor: globalTokens.hal_grey_l_90,
|
|
717
|
-
listOptionFontColor: globalTokens.hal_black,
|
|
718
|
-
listOptionFontSize: globalTokens.type_scale_02,
|
|
719
|
-
listOptionFontStyle: globalTokens.type_normal,
|
|
720
|
-
listOptionFontWeight: globalTokens.type_regular,
|
|
721
|
-
systemMessageFontColor: globalTokens.hal_grey_s_40,
|
|
722
|
-
errorListDialogFontColor: globalTokens.hal_black,
|
|
723
|
-
errorListDialogBackgroundColor: globalTokens.color_red_50,
|
|
724
|
-
errorListDialogBorderColor: globalTokens.hal_red_s_41,
|
|
725
|
-
hoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
726
|
-
activeListOptionBackgroundColor: globalTokens.hal_grey_l_80,
|
|
727
|
-
focusListOptionBorderColor: globalTokens.hal_blue_l_50
|
|
728
|
-
},
|
|
729
|
-
link: {
|
|
730
|
-
fontColor: globalTokens.hal_blue_s_35,
|
|
731
|
-
fontFamily: globalTokens.inherit,
|
|
732
|
-
fontSize: globalTokens.inherit,
|
|
733
|
-
fontStyle: globalTokens.type_normal,
|
|
734
|
-
fontWeight: globalTokens.type_regular,
|
|
735
|
-
iconSize: "16px",
|
|
736
|
-
iconSpacing: "4px",
|
|
737
|
-
underlineSpacing: "0px",
|
|
738
|
-
underlineStyle: "solid",
|
|
739
|
-
underlineThickness: "1px",
|
|
740
|
-
disabledColor: globalTokens.lightGrey,
|
|
741
|
-
hoverFontColor: globalTokens.hal_blue_s_35,
|
|
742
|
-
hoverUnderlineColor: globalTokens.hal_blue_s_35,
|
|
743
|
-
visitedFontColor: globalTokens.purple,
|
|
744
|
-
visitedUnderlineColor: globalTokens.purple,
|
|
745
|
-
activeFontColor: globalTokens.black,
|
|
746
|
-
activeUnderlineColor: globalTokens.black,
|
|
747
|
-
focusColor: globalTokens.hal_blue_l_50
|
|
748
|
-
},
|
|
749
|
-
paragraph: {
|
|
750
|
-
fontColor: globalTokens.hal_black,
|
|
751
|
-
fontColorOnDark: globalTokens.hal_white,
|
|
752
|
-
display: "block",
|
|
753
|
-
fontSize: globalTokens.type_scale_03,
|
|
754
|
-
fontWeight: globalTokens.type_regular
|
|
755
|
-
},
|
|
756
|
-
paginator: {
|
|
757
|
-
backgroundColor: globalTokens.darkWhite,
|
|
758
|
-
fontColor: globalTokens.hal_black,
|
|
759
|
-
fontFamily: globalTokens.type_sans,
|
|
760
|
-
fontSize: globalTokens.type_scale_02,
|
|
761
|
-
fontStyle: globalTokens.type_normal,
|
|
762
|
-
fontWeight: globalTokens.type_regular,
|
|
763
|
-
fontTextTransform: "none",
|
|
764
|
-
verticalPadding: "0.75rem",
|
|
765
|
-
horizontalPadding: "2rem",
|
|
766
|
-
marginRight: "2rem",
|
|
767
|
-
marginLeft: "2rem",
|
|
768
|
-
itemsPerPageSelectorMarginLeft: "0px",
|
|
769
|
-
itemsPerPageSelectorMarginRight: "1rem",
|
|
770
|
-
pageSelectorMarginRight: "30px",
|
|
771
|
-
pageSelectorMarginLeft: "0px",
|
|
772
|
-
totalItemsContainerMarginRight: "3rem",
|
|
773
|
-
totalItemsContainerMarginLeft: "0px"
|
|
774
|
-
},
|
|
775
|
-
progressBar: {
|
|
776
|
-
trackLineColor: globalTokens.hal_purple_s_38,
|
|
777
|
-
trackLineColorOnDark: globalTokens.hal_purple_l_65,
|
|
778
|
-
totalLineColor: globalTokens.softGrey,
|
|
779
|
-
labelFontFamily: globalTokens.type_sans,
|
|
780
|
-
labelFontSize: globalTokens.type_scale_01,
|
|
781
|
-
labelFontStyle: globalTokens.type_normal,
|
|
782
|
-
labelFontWeight: globalTokens.type_regular,
|
|
783
|
-
labelFontColor: globalTokens.black,
|
|
784
|
-
labelFontColorOnDark: globalTokens.hal_white,
|
|
785
|
-
labelFontTextTransform: globalTokens.type_uppercase,
|
|
786
|
-
valueFontFamily: globalTokens.type_sans,
|
|
787
|
-
valueFontSize: globalTokens.type_scale_01,
|
|
788
|
-
valueFontStyle: globalTokens.type_normal,
|
|
789
|
-
valueFontWeight: globalTokens.type_regular,
|
|
790
|
-
valueFontColor: globalTokens.black,
|
|
791
|
-
valueFontColorOnDark: globalTokens.hal_white,
|
|
792
|
-
valueFontTextTransform: globalTokens.type_uppercase,
|
|
793
|
-
helperTextFontColor: globalTokens.black,
|
|
794
|
-
helperTextFontColorOnDark: globalTokens.hal_white,
|
|
795
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
796
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
797
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
798
|
-
helperTextFontFamily: globalTokens.type_sans,
|
|
799
|
-
thickness: "9px",
|
|
800
|
-
borderRadius: "5px",
|
|
801
|
-
overlayColor: globalTokens.black,
|
|
802
|
-
overlayOpacity: "0.8"
|
|
803
|
-
},
|
|
804
|
-
quickNav: {
|
|
805
|
-
fontColor: globalTokens.hal_grey_s_40,
|
|
806
|
-
hoverFontColor: globalTokens.hal_purple_d_70,
|
|
807
|
-
selectedFontColor: globalTokens.hal_purple_s_38,
|
|
808
|
-
dividerBorderColor: globalTokens.hal_grey_l_75,
|
|
809
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
810
|
-
focusBorderStyle: globalTokens.border_solid,
|
|
811
|
-
focusBorderThickness: globalTokens.border_width_2,
|
|
812
|
-
focusBorderRadius: globalTokens.border_width_2,
|
|
813
|
-
paddingTop: globalTokens.spacing_03,
|
|
814
|
-
paddingBottom: globalTokens.spacing_03,
|
|
815
|
-
paddingLeft: globalTokens.spacing_05,
|
|
816
|
-
paddingRight: globalTokens.spacing_05,
|
|
817
|
-
fontFamily: globalTokens.type_sans,
|
|
818
|
-
fontSize: globalTokens.type_scale_02,
|
|
819
|
-
fontStyle: globalTokens.type_normal,
|
|
820
|
-
fontWeight: globalTokens.type_regular
|
|
821
|
-
},
|
|
822
|
-
radioGroup: {
|
|
823
|
-
fontFamily: globalTokens.type_sans,
|
|
824
|
-
radioInputColor: globalTokens.hal_blue_l_45,
|
|
825
|
-
hoverRadioInputColor: globalTokens.hal_blue_s_35,
|
|
826
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
827
|
-
activeRadioInputColor: globalTokens.hal_blue_d_20,
|
|
828
|
-
errorRadioInputColor: globalTokens.hal_red_s_41,
|
|
829
|
-
hoverErrorRadioInputColor: globalTokens.hal_red_d_30,
|
|
830
|
-
activeErrorRadioInputColor: globalTokens.hal_red_d_20,
|
|
831
|
-
readonlyRadioInputColor: globalTokens.hal_grey_l_60,
|
|
832
|
-
hoverReadonlyRadioInputColor: globalTokens.color_grey_600,
|
|
833
|
-
activeReadonlyRadioInputColor: globalTokens.hal_grey_s_40,
|
|
834
|
-
disabledRadioInputColor: globalTokens.hal_grey_l_60,
|
|
835
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
836
|
-
disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
|
|
837
|
-
disabledRadioInputLabelFontColor: globalTokens.hal_grey_l_60,
|
|
838
|
-
errorMessageColor: globalTokens.hal_red_s_41,
|
|
839
|
-
labelFontColor: globalTokens.hal_black,
|
|
840
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
841
|
-
labelFontStyle: globalTokens.type_normal,
|
|
842
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
843
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
844
|
-
optionalLabelFontWeight: globalTokens.type_regular,
|
|
845
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
846
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
847
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
848
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
849
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
850
|
-
radioInputLabelFontColor: globalTokens.hal_black,
|
|
851
|
-
radioInputLabelFontSize: globalTokens.type_scale_02,
|
|
852
|
-
radioInputLabelFontStyle: globalTokens.type_normal,
|
|
853
|
-
radioInputLabelFontWeight: globalTokens.type_regular,
|
|
854
|
-
radioInputLabelLineHeight: globalTokens.type_leading_loose_01,
|
|
855
|
-
groupLabelMargin: globalTokens.spacing_03,
|
|
856
|
-
radioInputLabelMargin: globalTokens.spacing_03,
|
|
857
|
-
groupVerticalGutter: globalTokens.spacing_02,
|
|
858
|
-
groupHorizontalGutter: globalTokens.spacing_07
|
|
859
|
-
},
|
|
860
|
-
select: {
|
|
861
|
-
fontFamily: globalTokens.type_sans,
|
|
862
|
-
disabledColor: globalTokens.hal_grey_l_60,
|
|
863
|
-
enabledInputBorderColor: globalTokens.hal_black,
|
|
864
|
-
hoverInputBorderColor: globalTokens.hal_purple_l_65,
|
|
865
|
-
focusInputBorderColor: globalTokens.hal_blue_l_50,
|
|
866
|
-
errorInputBorderColor: globalTokens.hal_red_s_41,
|
|
867
|
-
hoverInputErrorBorderColor: globalTokens.color_red_600,
|
|
868
|
-
disabledInputBorderColor: globalTokens.hal_grey_l_60,
|
|
869
|
-
disabledInputBackgroundColor: globalTokens.hal_grey_l_95,
|
|
870
|
-
inputMarginTop: globalTokens.spacing_02,
|
|
871
|
-
inputMarginBottom: globalTokens.spacing_02,
|
|
872
|
-
errorMessageColor: globalTokens.hal_red_s_41,
|
|
873
|
-
errorIconColor: globalTokens.hal_red_s_41,
|
|
874
|
-
labelFontColor: globalTokens.hal_black,
|
|
875
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
876
|
-
labelFontStyle: globalTokens.type_normal,
|
|
877
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
878
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
879
|
-
optionalLabelFontWeight: globalTokens.type_regular,
|
|
880
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
881
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
882
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
883
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
884
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
885
|
-
placeholderFontColor: "#000000b3",
|
|
886
|
-
valueFontColor: globalTokens.hal_black,
|
|
887
|
-
valueFontSize: globalTokens.type_scale_03,
|
|
888
|
-
valueFontStyle: globalTokens.type_normal,
|
|
889
|
-
valueFontWeight: globalTokens.type_regular,
|
|
890
|
-
actionIconColor: globalTokens.hal_black,
|
|
891
|
-
hoverActionIconColor: globalTokens.hal_black,
|
|
892
|
-
activeActionIconColor: globalTokens.hal_black,
|
|
893
|
-
actionBackgroundColor: globalTokens.transparent,
|
|
894
|
-
hoverActionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
895
|
-
activeActionBackgroundColor: globalTokens.hal_grey_l_80,
|
|
896
|
-
listOptionFontColor: globalTokens.hal_black,
|
|
897
|
-
listOptionFontSize: globalTokens.type_scale_02,
|
|
898
|
-
listOptionFontStyle: globalTokens.type_normal,
|
|
899
|
-
listOptionFontWeight: globalTokens.type_regular,
|
|
900
|
-
listOptionIconColor: globalTokens.hal_black,
|
|
901
|
-
listOptionDividerColor: globalTokens.hal_grey_l_90,
|
|
902
|
-
listGroupLabelFontWeight: globalTokens.type_semibold,
|
|
903
|
-
focusListOptionBorderColor: globalTokens.hal_blue_l_50,
|
|
904
|
-
systemMessageFontColor: globalTokens.hal_grey_s_40,
|
|
905
|
-
collapseIndicatorColor: globalTokens.hal_black,
|
|
906
|
-
listDialogBackgroundColor: globalTokens.hal_white,
|
|
907
|
-
listDialogBorderColor: globalTokens.hal_grey_l_75,
|
|
908
|
-
selectedListOptionBackgroundColor: globalTokens.hal_blue_l_95,
|
|
909
|
-
selectedHoverListOptionBackgroundColor: globalTokens.color_blue_200,
|
|
910
|
-
selectedActiveListOptionBackgroundColor: globalTokens.hal_blue_l_80,
|
|
911
|
-
selectedListOptionIconColor: globalTokens.hal_blue_d_20,
|
|
912
|
-
unselectedHoverListOptionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
913
|
-
unselectedActiveListOptionBackgroundColor: globalTokens.hal_grey_l_90,
|
|
914
|
-
selectionIndicatorFontColor: globalTokens.hal_black,
|
|
915
|
-
selectionIndicatorFontSize: globalTokens.type_scale_01,
|
|
916
|
-
selectionIndicatorFontStyle: globalTokens.type_regular,
|
|
917
|
-
selectionIndicatorFontWeight: globalTokens.type_normal,
|
|
918
|
-
selectionIndicatorBorderColor: globalTokens.hal_grey_l_75,
|
|
919
|
-
selectionIndicatorBackgroundColor: globalTokens.color_grey_50,
|
|
920
|
-
enabledSelectionIndicatorActionBackgroundColor: globalTokens.transparent,
|
|
921
|
-
enabledSelectionIndicatorActionIconColor: globalTokens.hal_black,
|
|
922
|
-
hoverSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_95,
|
|
923
|
-
hoverSelectionIndicatorActionIconColor: globalTokens.hal_black,
|
|
924
|
-
activeSelectionIndicatorActionBackgroundColor: globalTokens.hal_grey_l_80,
|
|
925
|
-
activeSelectionIndicatorActionIconColor: globalTokens.hal_black
|
|
926
|
-
},
|
|
927
|
-
sidenav: {
|
|
928
|
-
backgroundColor: globalTokens.hal_grey_l_95,
|
|
929
|
-
arrowContainerColor: globalTokens.hal_grey_l_90,
|
|
930
|
-
arrowColor: globalTokens.hal_black,
|
|
931
|
-
titleFontFamily: globalTokens.type_sans,
|
|
932
|
-
titleFontSize: globalTokens.type_scale_04,
|
|
933
|
-
titleFontStyle: globalTokens.type_normal,
|
|
934
|
-
titleFontWeight: globalTokens.type_semibold,
|
|
935
|
-
titleFontColor: globalTokens.color_grey_800,
|
|
936
|
-
titleFontTextTransform: "none",
|
|
937
|
-
titleFontLetterSpacing: globalTokens.type_spacing_normal,
|
|
938
|
-
groupTitleFontFamily: globalTokens.type_sans,
|
|
939
|
-
groupTitleFontSize: globalTokens.type_scale_02,
|
|
940
|
-
groupTitleFontStyle: globalTokens.type_normal,
|
|
941
|
-
groupTitleFontWeight: globalTokens.type_semibold,
|
|
942
|
-
groupTitleFontColor: globalTokens.black,
|
|
943
|
-
groupTitleHoverBackgroundColor: globalTokens.hal_grey_l_90,
|
|
944
|
-
groupTitleActiveBackgroundColor: globalTokens.hal_grey_l_80,
|
|
945
|
-
groupTitleSelectedFontColor: globalTokens.white,
|
|
946
|
-
groupTitleSelectedBackgroundColor: globalTokens.color_grey_800,
|
|
947
|
-
groupTitleSelectedHoverFontColor: globalTokens.white,
|
|
948
|
-
groupTitleSelectedHoverBackgroundColor: globalTokens.color_grey_600,
|
|
949
|
-
groupTitleFontTextTransform: globalTokens.type_uppercase,
|
|
950
|
-
groupTitleFontLetterSpacing: globalTokens.type_spacing_wide_02,
|
|
951
|
-
linkFontFamily: globalTokens.type_sans,
|
|
952
|
-
linkFontSize: globalTokens.type_scale_02,
|
|
953
|
-
linkFontStyle: globalTokens.type_normal,
|
|
954
|
-
linkFontWeight: globalTokens.type_regular,
|
|
955
|
-
linkFontColor: globalTokens.color_grey_800,
|
|
956
|
-
linkHoverBackgroundColor: globalTokens.hal_grey_l_90,
|
|
957
|
-
linkSelectedFontColor: globalTokens.white,
|
|
958
|
-
linkSelectedBackgroundColor: globalTokens.color_grey_800,
|
|
959
|
-
linkSelectedHoverFontColor: globalTokens.white,
|
|
960
|
-
linkSelectedHoverBackgroundColor: globalTokens.color_grey_600,
|
|
961
|
-
linkFontTextTransform: "none",
|
|
962
|
-
linkFontLetterSpacing: globalTokens.type_spacing_wide_01,
|
|
963
|
-
linkTextDecoration: globalTokens.type_no_line,
|
|
964
|
-
linkMarginTop: "4px",
|
|
965
|
-
linkMarginBottom: "4px",
|
|
966
|
-
linkMarginRight: "16px",
|
|
967
|
-
linkMarginLeft: "16px",
|
|
968
|
-
linkFocusColor: globalTokens.hal_blue_l_50,
|
|
969
|
-
scrollBarThumbColor: "#66666626",
|
|
970
|
-
scrollBarTrackColor: globalTokens.transparent
|
|
971
|
-
},
|
|
972
|
-
slider: {
|
|
973
|
-
fontFamily: globalTokens.type_sans,
|
|
974
|
-
limitValuesFontColor: globalTokens.hal_black,
|
|
975
|
-
limitValuesFontColorOnDark: globalTokens.hal_white,
|
|
976
|
-
limitValuesFontSize: globalTokens.type_scale_03,
|
|
977
|
-
limitValuesFontStyle: globalTokens.type_normal,
|
|
978
|
-
limitValuesFontWeight: globalTokens.type_regular,
|
|
979
|
-
limitValuesFontLetterSpacing: globalTokens.type_spacing_normal,
|
|
980
|
-
disabledLimitValuesFontColor: globalTokens.hal_grey_l_60,
|
|
981
|
-
labelFontFamily: globalTokens.type_sans,
|
|
982
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
983
|
-
labelFontStyle: globalTokens.type_normal,
|
|
984
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
985
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
986
|
-
helperTextFontFamily: globalTokens.type_sans,
|
|
987
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
988
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
989
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
990
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
991
|
-
fontColor: globalTokens.hal_black,
|
|
992
|
-
fontColorOnDark: globalTokens.hal_white,
|
|
993
|
-
labelFontColor: globalTokens.hal_black,
|
|
994
|
-
labelFontColorOnDark: globalTokens.hal_white,
|
|
995
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
996
|
-
helperTextFontColorOnDark: globalTokens.hal_white,
|
|
997
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
998
|
-
disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
999
|
-
disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
|
|
1000
|
-
disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
1001
|
-
thumbHeight: "12px",
|
|
1002
|
-
thumbWidth: "12px",
|
|
1003
|
-
hoverThumbHeight: "14px",
|
|
1004
|
-
hoverThumbWidth: "14px",
|
|
1005
|
-
thumbVerticalPosition: "12px",
|
|
1006
|
-
hoverThumbVerticalPosition: "11px",
|
|
1007
|
-
thumbBackgroundColor: globalTokens.hal_blue_s_35,
|
|
1008
|
-
thumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
|
|
1009
|
-
hoverThumbScale: "1.166666",
|
|
1010
|
-
hoverThumbBackgroundColor: globalTokens.hal_blue_d_20,
|
|
1011
|
-
hoverThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
|
|
1012
|
-
activeThumbScale: "1.166666",
|
|
1013
|
-
activeThumbBackgroundColor: globalTokens.hal_blue_d_20,
|
|
1014
|
-
activeThumbBackgroundColorOnDark: globalTokens.hal_blue_d_20,
|
|
1015
|
-
focusThumbBackgroundColor: globalTokens.hal_blue_s_35,
|
|
1016
|
-
focusThumbBackgroundColorOnDark: globalTokens.hal_blue_l_50,
|
|
1017
|
-
tickHeight: "4px",
|
|
1018
|
-
tickWidth: "4px",
|
|
1019
|
-
tickVerticalPosition: "11px",
|
|
1020
|
-
tickBackgroundColor: globalTokens.hal_blue_s_35,
|
|
1021
|
-
tickBackgroundColorOnDark: globalTokens.hal_blue_l_50,
|
|
1022
|
-
trackLineThickness: "2px",
|
|
1023
|
-
trackLineVerticalPosition: "50%",
|
|
1024
|
-
trackLineColor: globalTokens.hal_blue_s_35,
|
|
1025
|
-
trackLineColorOnDark: globalTokens.hal_blue_l_50,
|
|
1026
|
-
totalLineThickness: "2px",
|
|
1027
|
-
totalLineVerticalPosition: "50%",
|
|
1028
|
-
totalLineColor: globalTokens.hal_grey_l_90,
|
|
1029
|
-
totalLineColorOnDark: globalTokens.hal_grey_l_75,
|
|
1030
|
-
disabledThumbVerticalPosition: "10px",
|
|
1031
|
-
disabledThumbBackgroundColor: globalTokens.hal_grey_l_60,
|
|
1032
|
-
disabledThumbBackgroundColorOnDark: "#575757",
|
|
1033
|
-
disabledTickVerticalPosition: "11px",
|
|
1034
|
-
disabledTickBackgroundColor: globalTokens.hal_grey_l_60,
|
|
1035
|
-
disabledTickBackgroundColorOnDark: globalTokens.hal_grey_l_60,
|
|
1036
|
-
disabledTrackLineColor: globalTokens.hal_grey_l_60,
|
|
1037
|
-
disabledTrackLineColorOnDark: globalTokens.hal_grey_l_60,
|
|
1038
|
-
disabledTotalLineColor: globalTokens.hal_grey_l_95,
|
|
1039
|
-
disabledTotalLineColorOnDark: globalTokens.hal_grey_s_40,
|
|
1040
|
-
focusColor: globalTokens.hal_blue_l_50,
|
|
1041
|
-
focusColorOnDark: globalTokens.hal_blue_l_50,
|
|
1042
|
-
floorLabelMarginRight: globalTokens.type_scale_03,
|
|
1043
|
-
ceilLabelMarginLeft: globalTokens.type_scale_03,
|
|
1044
|
-
inputMarginLeft: globalTokens.type_scale_06
|
|
1045
|
-
},
|
|
1046
|
-
spinner: {
|
|
1047
|
-
trackCircleColor: "#5f249f",
|
|
1048
|
-
trackCircleColorOverlay: "#a46ede",
|
|
1049
|
-
totalCircleColor: globalTokens.white,
|
|
1050
|
-
labelFontFamily: globalTokens.type_sans,
|
|
1051
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
1052
|
-
labelFontStyle: globalTokens.type_normal,
|
|
1053
|
-
labelFontWeight: globalTokens.type_regular,
|
|
1054
|
-
labelFontColor: globalTokens.black,
|
|
1055
|
-
labelFontColorOnDark: globalTokens.white,
|
|
1056
|
-
labelTextAlign: "center",
|
|
1057
|
-
progressValueFontFamily: globalTokens.type_sans,
|
|
1058
|
-
progressValueFontSize: globalTokens.type_scale_02,
|
|
1059
|
-
progressValueFontStyle: globalTokens.type_normal,
|
|
1060
|
-
progressValueFontWeight: globalTokens.type_bold,
|
|
1061
|
-
progressValueFontColor: globalTokens.inherit,
|
|
1062
|
-
progressValueFontColorOnDark: globalTokens.white,
|
|
1063
|
-
progressValueTextAlign: "center",
|
|
1064
|
-
overlayBackgroundColor: globalTokens.black,
|
|
1065
|
-
overlayOpacity: "0.8",
|
|
1066
|
-
overlayLabelFontFamily: globalTokens.type_sans,
|
|
1067
|
-
overlayLabelFontSize: globalTokens.type_scale_02,
|
|
1068
|
-
overlayLabelFontStyle: globalTokens.type_normal,
|
|
1069
|
-
overlayLabelFontWeight: globalTokens.type_regular,
|
|
1070
|
-
overlayLabelFontColor: globalTokens.white,
|
|
1071
|
-
overlayLabelTextAlign: "center",
|
|
1072
|
-
overlayProgressValueFontFamily: globalTokens.type_sans,
|
|
1073
|
-
overlayProgressValueFontSize: globalTokens.type_scale_02,
|
|
1074
|
-
overlayProgressValueFontStyle: globalTokens.type_normal,
|
|
1075
|
-
overlayProgressValueFontWeight: globalTokens.type_bold,
|
|
1076
|
-
overlayProgressValueFontColor: globalTokens.white,
|
|
1077
|
-
overlayProgressValueTextAlign: "center"
|
|
1078
|
-
},
|
|
1079
|
-
"switch": {
|
|
1080
|
-
checkedTrackBackgroundColor: globalTokens.hal_purple_s_38,
|
|
1081
|
-
checkedTrackBackgroundColorOnDark: globalTokens.hal_purple_s_38,
|
|
1082
|
-
checkedThumbBackgroundColor: globalTokens.hal_white,
|
|
1083
|
-
checkedThumbBackgroundColorOnDark: globalTokens.hal_white,
|
|
1084
|
-
uncheckedTrackBackgroundColor: globalTokens.hal_grey_l_75,
|
|
1085
|
-
uncheckedTrackBackgroundColorOnDark: globalTokens.hal_grey_l_75,
|
|
1086
|
-
uncheckedThumbBackgroundColor: globalTokens.hal_white,
|
|
1087
|
-
uncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
|
|
1088
|
-
disabledCheckedTrackBackgroundColor: globalTokens.hal_purple_l_95,
|
|
1089
|
-
disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
|
|
1090
|
-
disabledCheckedThumbBackgroundColor: globalTokens.hal_white,
|
|
1091
|
-
disabledCheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
|
|
1092
|
-
disabledUncheckedTrackBackgroundColor: globalTokens.hal_grey_l_95,
|
|
1093
|
-
disabledUncheckedTrackBackgroundColorOnDark: "#363636",
|
|
1094
|
-
disabledUncheckedThumbBackgroundColor: globalTokens.hal_white,
|
|
1095
|
-
disabledUncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
|
|
1096
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
1097
|
-
disabledLabelFontColorOnDark: "#575757",
|
|
1098
|
-
disabledLabelFontStyle: globalTokens.type_normal,
|
|
1099
|
-
labelFontFamily: globalTokens.type_sans,
|
|
1100
|
-
labelFontSize: globalTokens.type_scale_root,
|
|
1101
|
-
labelFontStyle: globalTokens.type_normal,
|
|
1102
|
-
labelFontWeight: globalTokens.type_regular,
|
|
1103
|
-
labelFontColor: globalTokens.hal_black,
|
|
1104
|
-
labelFontColorOnDark: globalTokens.hal_white,
|
|
1105
|
-
thumbFocusColor: globalTokens.hal_blue_l_50,
|
|
1106
|
-
thumbFocusColorOnDark: "#1682FF",
|
|
1107
|
-
thumbHeight: "24px",
|
|
1108
|
-
thumbWidth: "24px",
|
|
1109
|
-
thumbShift: "1.25rem",
|
|
1110
|
-
trackHeight: "12px",
|
|
1111
|
-
trackWidth: "36px",
|
|
1112
|
-
spaceBetweenLabelSwitch: "8px"
|
|
1113
|
-
},
|
|
1114
|
-
tag: {
|
|
1115
|
-
fontFamily: globalTokens.type_sans,
|
|
1116
|
-
fontColor: globalTokens.hal_black,
|
|
1117
|
-
fontSize: globalTokens.type_scale_02,
|
|
1118
|
-
fontStyle: globalTokens.type_normal,
|
|
1119
|
-
fontWeight: globalTokens.type_regular,
|
|
1120
|
-
labelPaddingTop: "0px",
|
|
1121
|
-
labelPaddingBottom: "0px",
|
|
1122
|
-
labelPaddingLeft: "16px",
|
|
1123
|
-
labelPaddingRight: "16px",
|
|
1124
|
-
height: "40px",
|
|
1125
|
-
iconColor: globalTokens.hal_white,
|
|
1126
|
-
iconSectionWidth: "40px",
|
|
1127
|
-
iconHeight: "24px",
|
|
1128
|
-
iconWidth: "auto",
|
|
1129
|
-
focusColor: globalTokens.hal_blue_l_50
|
|
1130
|
-
},
|
|
1131
|
-
table: {
|
|
1132
|
-
rowSeparatorThickness: "1px",
|
|
1133
|
-
rowSeparatorStyle: "solid",
|
|
1134
|
-
rowSeparatorColor: globalTokens.lightGrey,
|
|
1135
|
-
dataBackgroundColor: globalTokens.white,
|
|
1136
|
-
dataFontFamily: globalTokens.type_sans,
|
|
1137
|
-
dataFontSize: globalTokens.type_scale_02,
|
|
1138
|
-
dataFontStyle: globalTokens.type_normal,
|
|
1139
|
-
dataFontWeight: globalTokens.type_regular,
|
|
1140
|
-
dataFontColor: globalTokens.black,
|
|
1141
|
-
dataFontTextTransform: "none",
|
|
1142
|
-
dataPaddingTop: "14px",
|
|
1143
|
-
dataPaddingBottom: "12px",
|
|
1144
|
-
dataPaddingRight: "20px",
|
|
1145
|
-
dataPaddingLeft: "40px",
|
|
1146
|
-
dataTextAlign: "left",
|
|
1147
|
-
dataTextLineHeight: "normal",
|
|
1148
|
-
headerBackgroundColor: globalTokens.hal_purple_s_38,
|
|
1149
|
-
headerBorderRadius: "4px",
|
|
1150
|
-
headerFontFamily: globalTokens.type_sans,
|
|
1151
|
-
headerFontSize: globalTokens.type_scale_02,
|
|
1152
|
-
headerFontStyle: globalTokens.type_normal,
|
|
1153
|
-
headerFontWeight: globalTokens.type_regular,
|
|
1154
|
-
headerFontColor: globalTokens.white,
|
|
1155
|
-
headerFontTextTransform: "none",
|
|
1156
|
-
headerPaddingTop: "16px",
|
|
1157
|
-
headerPaddingBottom: "16px",
|
|
1158
|
-
headerPaddingRight: "20px",
|
|
1159
|
-
headerPaddingLeft: "40px",
|
|
1160
|
-
headerTextAlign: "left",
|
|
1161
|
-
headerTextLineHeight: "normal",
|
|
1162
|
-
scrollBarThumbColor: globalTokens.darkGrey,
|
|
1163
|
-
scrollBarTrackColor: globalTokens.lightGrey,
|
|
1164
|
-
sortIconColor: globalTokens.white
|
|
1165
|
-
},
|
|
1166
|
-
tabs: {
|
|
1167
|
-
fontFamily: globalTokens.type_sans,
|
|
1168
|
-
fontSize: globalTokens.type_scale_03,
|
|
1169
|
-
fontStyle: globalTokens.type_normal,
|
|
1170
|
-
fontWeight: globalTokens.type_semibold,
|
|
1171
|
-
fontTextTransform: "none",
|
|
1172
|
-
selectedBackgroundColor: globalTokens.white,
|
|
1173
|
-
selectedFontColor: "#5f249f",
|
|
1174
|
-
selectedIconColor: "#5f249f",
|
|
1175
|
-
selectedUnderlineColor: "#5f249f",
|
|
1176
|
-
selectedUnderlineThickness: "2px",
|
|
1177
|
-
unselectedBackgroundColor: globalTokens.white,
|
|
1178
|
-
unselectedFontColor: globalTokens.darkGrey,
|
|
1179
|
-
unselectedIconColor: globalTokens.darkGrey,
|
|
1180
|
-
disabledFontColor: "#999999",
|
|
1181
|
-
disabledIconColor: "#999999",
|
|
1182
|
-
disabledFontStyle: globalTokens.type_normal,
|
|
1183
|
-
disabledBadgeBackgroundColor: "#0000004D",
|
|
1184
|
-
hoverBackgroundColor: "#f2eafa",
|
|
1185
|
-
pressedBackgroundColor: "#e5d5f6",
|
|
1186
|
-
pressedFontWeight: globalTokens.type_semibold,
|
|
1187
|
-
dividerColor: globalTokens.mediumGrey,
|
|
1188
|
-
dividerThickness: "1px",
|
|
1189
|
-
focusOutline: "#5f249f",
|
|
1190
|
-
scrollButtonsWidth: "48px",
|
|
1191
|
-
badgeBackgroundColor: globalTokens.darkRed,
|
|
1192
|
-
badgeFontFamily: globalTokens.type_sans,
|
|
1193
|
-
badgeFontSize: "10px",
|
|
1194
|
-
badgeFontStyle: globalTokens.type_normal,
|
|
1195
|
-
badgeFontWeight: "500",
|
|
1196
|
-
badgeFontColor: globalTokens.white,
|
|
1197
|
-
badgeLetterSpacing: globalTokens.type_spacing_wide_02,
|
|
1198
|
-
badgeWidth: "16px",
|
|
1199
|
-
badgeHeight: "16px",
|
|
1200
|
-
badgeRadius: "10px",
|
|
1201
|
-
badgeWidthWithNotificationNumber: "23px",
|
|
1202
|
-
badgeHeightWithNotificationNumber: "17px",
|
|
1203
|
-
badgeRadiusWithNotificationNumber: "10px"
|
|
1204
|
-
},
|
|
1205
|
-
textarea: {
|
|
1206
|
-
fontFamily: globalTokens.type_sans,
|
|
1207
|
-
enabledBorderColor: globalTokens.hal_black,
|
|
1208
|
-
enabledBorderColorOnDark: globalTokens.hal_white,
|
|
1209
|
-
hoverBorderColor: globalTokens.hal_purple_l_65,
|
|
1210
|
-
hoverBorderColorOnDark: globalTokens.hal_purple_l_65,
|
|
1211
|
-
focusBorderColor: globalTokens.hal_blue_l_50,
|
|
1212
|
-
focusBorderColorOnDark: globalTokens.hal_blue_l_50,
|
|
1213
|
-
disabledBorderColor: globalTokens.hal_grey_l_60,
|
|
1214
|
-
disabledBorderColorOnDark: globalTokens.hal_grey_l_60,
|
|
1215
|
-
disabledContainerFillColor: globalTokens.hal_grey_l_95,
|
|
1216
|
-
disabledContainerFillColorOnDark: globalTokens.hal_grey_s_40,
|
|
1217
|
-
errorBorderColor: globalTokens.hal_red_s_41,
|
|
1218
|
-
errorBorderColorOnDark: globalTokens.hal_red_l_60,
|
|
1219
|
-
hoverErrorBorderColor: globalTokens.color_red_600,
|
|
1220
|
-
hoverErrorBorderColorOnDark: "#fe677b",
|
|
1221
|
-
inputMarginTop: globalTokens.spacing_02,
|
|
1222
|
-
inputMarginBottom: globalTokens.spacing_02,
|
|
1223
|
-
errorMessageColor: globalTokens.hal_red_s_41,
|
|
1224
|
-
errorMessageColorOnDark: globalTokens.hal_red_l_60,
|
|
1225
|
-
labelFontColor: globalTokens.hal_black,
|
|
1226
|
-
labelFontColorOnDark: globalTokens.hal_white,
|
|
1227
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
1228
|
-
labelFontStyle: globalTokens.type_normal,
|
|
1229
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
1230
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
1231
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
1232
|
-
disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
1233
|
-
optionalLabelFontWeight: globalTokens.type_regular,
|
|
1234
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
1235
|
-
helperTextFontColorOnDark: globalTokens.hal_white,
|
|
1236
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
1237
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
1238
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
1239
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
1240
|
-
disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
|
|
1241
|
-
disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
1242
|
-
placeholderFontColor: "#000000b3",
|
|
1243
|
-
placeholderFontColorOnDark: globalTokens.hal_grey_l_95,
|
|
1244
|
-
disabledPlaceholderFontColor: globalTokens.hal_grey_l_60,
|
|
1245
|
-
disabledPlaceholderFontColorOnDark: globalTokens.hal_grey_l_60,
|
|
1246
|
-
valueFontColor: globalTokens.hal_black,
|
|
1247
|
-
valueFontColorOnDark: globalTokens.hal_white,
|
|
1248
|
-
valueFontSize: globalTokens.type_scale_03,
|
|
1249
|
-
valueFontStyle: globalTokens.type_normal,
|
|
1250
|
-
valueFontWeight: globalTokens.type_regular,
|
|
1251
|
-
disabledValueFontColor: globalTokens.hal_grey_l_60,
|
|
1252
|
-
disabledValueFontColorOnDark: globalTokens.hal_grey_l_60
|
|
1253
|
-
},
|
|
1254
|
-
toggleGroup: {
|
|
1255
|
-
containerBackgroundColor: globalTokens.color_grey_50,
|
|
1256
|
-
containerBorderColor: globalTokens.hal_grey_l_60,
|
|
1257
|
-
labelFontColor: globalTokens.hal_black,
|
|
1258
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
1259
|
-
helperTextFontColor: globalTokens.hal_black,
|
|
1260
|
-
disabledHelperTextFontcolor: globalTokens.hal_grey_l_60,
|
|
1261
|
-
unselectedBackgroundColor: globalTokens.hal_grey_l_90,
|
|
1262
|
-
unselectedHoverBackgroundColor: globalTokens.hal_grey_l_80,
|
|
1263
|
-
unselectedActiveBackgroundColor: globalTokens.hal_purple_s_38,
|
|
1264
|
-
unselectedDisabledBackgroundColor: globalTokens.hal_grey_l_95,
|
|
1265
|
-
unselectedFontColor: globalTokens.hal_black,
|
|
1266
|
-
unselectedDisabledFontColor: globalTokens.hal_grey_l_60,
|
|
1267
|
-
selectedBackgroundColor: globalTokens.hal_purple_s_38,
|
|
1268
|
-
selectedHoverBackgroundColor: globalTokens.hal_purple_d_30,
|
|
1269
|
-
selectedActiveBackgroundColor: globalTokens.hal_purple_d_20,
|
|
1270
|
-
selectedDisabledBackgroundColor: globalTokens.hal_purple_l_95,
|
|
1271
|
-
selectedFontColor: globalTokens.hal_white,
|
|
1272
|
-
selectedDisabledFontColor: globalTokens.color_purple_300,
|
|
1273
|
-
focusColor: globalTokens.hal_blue_l_50,
|
|
1274
|
-
labelFontFamily: globalTokens.type_sans,
|
|
1275
|
-
labelFontSize: globalTokens.type_scale_02,
|
|
1276
|
-
labelFontStyle: globalTokens.type_normal,
|
|
1277
|
-
labelFontWeight: globalTokens.type_semibold,
|
|
1278
|
-
labelLineHeight: globalTokens.type_leading_loose_01,
|
|
1279
|
-
helperTextFontFamily: globalTokens.type_sans,
|
|
1280
|
-
helperTextFontSize: globalTokens.type_scale_01,
|
|
1281
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
1282
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
1283
|
-
helperTextLineHeight: globalTokens.type_leading_normal,
|
|
1284
|
-
optionLabelFontFamily: globalTokens.type_sans,
|
|
1285
|
-
optionLabelFontSize: globalTokens.type_scale_03,
|
|
1286
|
-
optionLabelFontStyle: globalTokens.type_normal,
|
|
1287
|
-
optionLabelFontWeight: globalTokens.type_regular,
|
|
1288
|
-
iconPaddingRight: globalTokens.spacing_03,
|
|
1289
|
-
iconPaddingLeft: globalTokens.spacing_03,
|
|
1290
|
-
labelPaddingLeft: globalTokens.spacing_06,
|
|
1291
|
-
labelPaddingRight: globalTokens.spacing_06,
|
|
1292
|
-
iconMarginRight: globalTokens.spacing_03,
|
|
1293
|
-
containerMarginTop: globalTokens.spacing_02,
|
|
1294
|
-
optionBorderThickness: globalTokens.border_width_0,
|
|
1295
|
-
optionBorderStyle: globalTokens.border_none,
|
|
1296
|
-
optionBorderRadius: globalTokens.border_radius_medium,
|
|
1297
|
-
containerBorderThickness: globalTokens.border_width_1,
|
|
1298
|
-
containerBorderStyle: globalTokens.border_solid,
|
|
1299
|
-
containerBorderRadius: globalTokens.border_radius_large,
|
|
1300
|
-
optionFocusBorderThickness: globalTokens.border_width_2
|
|
1301
|
-
},
|
|
1302
|
-
wizard: {
|
|
1303
|
-
visitedStepFontColor: globalTokens.hal_black,
|
|
1304
|
-
visitedStepBackgroundColor: globalTokens.hal_white,
|
|
1305
|
-
visitedStepBorderColor: globalTokens.hal_black,
|
|
1306
|
-
unvisitedStepFontColor: globalTokens.hal_grey_s_40,
|
|
1307
|
-
unvisitedLabelFontColor: globalTokens.hal_grey_s_40,
|
|
1308
|
-
unvisitedHelperTextFontColor: globalTokens.hal_grey_s_40,
|
|
1309
|
-
unvisitedStepBackgroundColor: globalTokens.transparent,
|
|
1310
|
-
unvisitedStepBorderColor: globalTokens.hal_grey_s_40,
|
|
1311
|
-
selectedStepFontColor: globalTokens.white,
|
|
1312
|
-
selectedStepBackgroundColor: globalTokens.hal_purple_s_38,
|
|
1313
|
-
selectedStepBorderColor: globalTokens.hal_purple_s_38,
|
|
1314
|
-
selectedLabelFontColor: globalTokens.hal_black,
|
|
1315
|
-
selectedHelperTextFontColor: globalTokens.hal_black,
|
|
1316
|
-
selectedStepWidth: "32px",
|
|
1317
|
-
selectedStepHeight: "32px",
|
|
1318
|
-
selectedStepBorderThickness: "2px",
|
|
1319
|
-
selectedStepBorderStyle: "solid",
|
|
1320
|
-
selectedStepBorderRadius: "45px",
|
|
1321
|
-
stepFontSize: globalTokens.type_scale_03,
|
|
1322
|
-
stepFontFamily: globalTokens.type_sans,
|
|
1323
|
-
stepFontStyle: globalTokens.type_normal,
|
|
1324
|
-
stepFontWeight: globalTokens.type_regular,
|
|
1325
|
-
stepFontTracking: globalTokens.type_spacing_wide_02,
|
|
1326
|
-
stepIconSize: "20px",
|
|
1327
|
-
stepWidth: "32px",
|
|
1328
|
-
stepHeight: "32px",
|
|
1329
|
-
stepBorderThickness: "2px",
|
|
1330
|
-
stepBorderStyle: "solid",
|
|
1331
|
-
stepBorderRadius: "45px",
|
|
1332
|
-
visitedLabelFontColor: globalTokens.hal_black,
|
|
1333
|
-
labelFontSize: globalTokens.type_scale_03,
|
|
1334
|
-
labelFontFamily: globalTokens.type_sans,
|
|
1335
|
-
labelFontStyle: globalTokens.type_normal,
|
|
1336
|
-
labelFontWeight: globalTokens.type_regular,
|
|
1337
|
-
labelFontTracking: globalTokens.type_spacing_normal,
|
|
1338
|
-
labelFontTextTransform: "none",
|
|
1339
|
-
labelTextAlign: "left",
|
|
1340
|
-
helperTextFontSize: globalTokens.type_scale_02,
|
|
1341
|
-
helperTextFontFamily: globalTokens.type_sans,
|
|
1342
|
-
helperTextFontStyle: globalTokens.type_normal,
|
|
1343
|
-
helperTextFontWeight: globalTokens.type_regular,
|
|
1344
|
-
helperTextFontTracking: globalTokens.type_spacing_normal,
|
|
1345
|
-
helperTextFontTextTransform: "none",
|
|
1346
|
-
visitedHelperTextFontColor: globalTokens.hal_black,
|
|
1347
|
-
helperTextTextAlign: "left",
|
|
1348
|
-
disabledStepBackgroundColor: globalTokens.hal_grey_l_95,
|
|
1349
|
-
disabledStepFontColor: globalTokens.hal_grey_l_60,
|
|
1350
|
-
disabledLabelFontColor: globalTokens.hal_grey_l_60,
|
|
1351
|
-
disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
|
|
1352
|
-
disabledStepBorderColor: globalTokens.hal_grey_l_95,
|
|
1353
|
-
disabledStepWidth: "32px",
|
|
1354
|
-
disabledStepHeight: "32px",
|
|
1355
|
-
disabledStepBorderThickness: "2px",
|
|
1356
|
-
disabledStepBorderStyle: "solid",
|
|
1357
|
-
disabledStepBorderRadius: "45px",
|
|
1358
|
-
separatorBorderThickness: "1px",
|
|
1359
|
-
separatorBorderStyle: "solid",
|
|
1360
|
-
separatorColor: globalTokens.hal_grey_s_40,
|
|
1361
|
-
focusColor: globalTokens.hal_blue_l_50
|
|
1362
|
-
}
|
|
1363
|
-
};
|
|
1364
|
-
exports.componentTokens = componentTokens;
|
|
1365
|
-
var spaces = {
|
|
1366
|
-
xxsmall: "6px",
|
|
1367
|
-
xsmall: "16px",
|
|
1368
|
-
small: "24px",
|
|
1369
|
-
medium: "36px",
|
|
1370
|
-
large: "48px",
|
|
1371
|
-
xlarge: "64px",
|
|
1372
|
-
xxlarge: "100px"
|
|
1373
|
-
};
|
|
1374
|
-
exports.spaces = spaces;
|
|
1375
|
-
var responsiveSizes = {
|
|
1376
|
-
xsmall: "20",
|
|
1377
|
-
small: "30",
|
|
1378
|
-
medium: "45",
|
|
1379
|
-
large: "66",
|
|
1380
|
-
xlarge: "90"
|
|
1381
|
-
};
|
|
1382
|
-
exports.responsiveSizes = responsiveSizes;
|
|
1383
|
-
var typeface = {
|
|
1384
|
-
body: {
|
|
1385
|
-
fontSize: "16px",
|
|
1386
|
-
letterSpacing: "0.5",
|
|
1387
|
-
textTransform: "initial"
|
|
1388
|
-
},
|
|
1389
|
-
altBody: {
|
|
1390
|
-
fontSize: "14px",
|
|
1391
|
-
letterSpacing: "0.25",
|
|
1392
|
-
textTransform: "initial"
|
|
1393
|
-
},
|
|
1394
|
-
subtitle: {
|
|
1395
|
-
fontSize: "16px",
|
|
1396
|
-
letterSpacing: "0.15",
|
|
1397
|
-
textTransform: "initial"
|
|
1398
|
-
},
|
|
1399
|
-
altSubtitle: {
|
|
1400
|
-
fontSize: "14px",
|
|
1401
|
-
letterSpacing: "0.1",
|
|
1402
|
-
textTransform: "initial"
|
|
1403
|
-
},
|
|
1404
|
-
caption: {
|
|
1405
|
-
fontSize: "12px",
|
|
1406
|
-
letterSpacing: "0.4",
|
|
1407
|
-
textTransform: "initial"
|
|
1408
|
-
},
|
|
1409
|
-
overline: {
|
|
1410
|
-
fontSize: "12px",
|
|
1411
|
-
letterSpacing: "2",
|
|
1412
|
-
textTransform: "uppercase"
|
|
1413
|
-
}
|
|
1414
|
-
};
|
|
1415
|
-
exports.typeface = typeface;
|
|
1416
|
-
var defaultTranslatedComponentLabels = {
|
|
1417
|
-
formFields: {
|
|
1418
|
-
optionalLabel: "(Optional)",
|
|
1419
|
-
requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
|
|
1420
|
-
requiredValueErrorMessage: "This field is required. Please, enter a value.",
|
|
1421
|
-
formatRequestedErrorMessage: "Please match the format requested.",
|
|
1422
|
-
lengthErrorMessage: function lengthErrorMessage(minLength, maxLength) {
|
|
1423
|
-
return "Min length ".concat(minLength, ", max length ").concat(maxLength, ".");
|
|
1424
|
-
},
|
|
1425
|
-
logoAlternativeText: "Logo"
|
|
1426
|
-
},
|
|
1427
|
-
alert: {
|
|
1428
|
-
infoTitleText: "information",
|
|
1429
|
-
successTitleText: "success",
|
|
1430
|
-
warningTitleText: "warning",
|
|
1431
|
-
errorTitleText: "error"
|
|
1432
|
-
},
|
|
1433
|
-
dateInput: {
|
|
1434
|
-
invalidDateErrorMessage: "Invalid date."
|
|
1435
|
-
},
|
|
1436
|
-
fileInput: {
|
|
1437
|
-
fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
|
|
1438
|
-
fileSizeLessThanErrorMessage: "File size must be less than max size.",
|
|
1439
|
-
multipleButtonLabelDefault: "Select files",
|
|
1440
|
-
singleButtonLabelDefault: "Select file",
|
|
1441
|
-
dropAreaButtonLabelDefault: "Select",
|
|
1442
|
-
multipleDropAreaLabelDefault: "or drop files",
|
|
1443
|
-
singleDropAreaLabelDefault: "or drop a file"
|
|
1444
|
-
},
|
|
1445
|
-
footer: {
|
|
1446
|
-
copyrightText: function copyrightText(year) {
|
|
1447
|
-
return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
|
|
1448
|
-
}
|
|
1449
|
-
},
|
|
1450
|
-
header: {
|
|
1451
|
-
closeIcon: "Close menu",
|
|
1452
|
-
hamburguerTitle: "Menu"
|
|
1453
|
-
},
|
|
1454
|
-
numberInput: {
|
|
1455
|
-
valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
|
|
1456
|
-
return "Value must be greater than or equal to ".concat(value, ".");
|
|
1457
|
-
},
|
|
1458
|
-
valueLessThanOrEqualToErrorMessage: function valueLessThanOrEqualToErrorMessage(value) {
|
|
1459
|
-
return "Value must be less than or equal to ".concat(value, ".");
|
|
1460
|
-
},
|
|
1461
|
-
decrementValueTitle: "Decrement value",
|
|
1462
|
-
incrementValueTitle: "Increment value"
|
|
1463
|
-
},
|
|
1464
|
-
paginator: {
|
|
1465
|
-
itemsPerPageText: "Items per page ",
|
|
1466
|
-
minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
|
|
1467
|
-
return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
|
|
1468
|
-
},
|
|
1469
|
-
goToPageText: "Go to page:",
|
|
1470
|
-
pageOfText: function pageOfText(pageNumber, totalPagesNumber) {
|
|
1471
|
-
return "Page: ".concat(pageNumber, " of ").concat(totalPagesNumber);
|
|
1472
|
-
}
|
|
1473
|
-
},
|
|
1474
|
-
passwordInput: {
|
|
1475
|
-
inputShowPasswordTitle: "Show password",
|
|
1476
|
-
inputHidePasswordTitle: "Hide password"
|
|
1477
|
-
},
|
|
1478
|
-
quickNav: {
|
|
1479
|
-
contentTitle: "Contents"
|
|
1480
|
-
},
|
|
1481
|
-
radioGroup: {
|
|
1482
|
-
optionalItemLabelDefault: "N/A"
|
|
1483
|
-
},
|
|
1484
|
-
select: {
|
|
1485
|
-
noMatchesErrorMessage: "No matches found",
|
|
1486
|
-
actionClearSelectionTitle: "Clear selection",
|
|
1487
|
-
actionClearSearchTitle: "Clear search"
|
|
1488
|
-
},
|
|
1489
|
-
textInput: {
|
|
1490
|
-
clearFieldActionTitle: "Clear field",
|
|
1491
|
-
searchingMessage: "Searching...",
|
|
1492
|
-
fetchingDataErrorMessage: "Error fetching data"
|
|
1493
|
-
},
|
|
1494
|
-
calendar: {
|
|
1495
|
-
days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
|
1496
|
-
daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
|
|
1497
|
-
months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
|
|
1498
|
-
monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
|
|
1499
|
-
},
|
|
1500
|
-
applicationLayout: {
|
|
1501
|
-
visibilityToggleTitle: "Toggle visibility sidenav"
|
|
1502
|
-
}
|
|
1503
|
-
};
|
|
1504
|
-
exports.defaultTranslatedComponentLabels = defaultTranslatedComponentLabels;
|