@dxc-technology/halstack-react 12.2.0 → 13.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -2
- package/dist/index.d.mts +6439 -0
- package/dist/index.d.ts +6439 -0
- package/dist/index.js +12568 -0
- package/dist/index.mjs +12480 -0
- package/package.json +63 -64
- package/BackgroundColorContext.d.ts +0 -1
- package/BackgroundColorContext.js +0 -30
- package/HalstackContext.d.ts +0 -1269
- package/HalstackContext.js +0 -320
- package/accordion/Accordion.accessibility.test.d.ts +0 -1
- package/accordion/Accordion.accessibility.test.js +0 -71
- package/accordion/Accordion.d.ts +0 -4
- package/accordion/Accordion.js +0 -168
- package/accordion/Accordion.stories.tsx +0 -241
- package/accordion/Accordion.test.d.ts +0 -1
- package/accordion/Accordion.test.js +0 -56
- package/accordion/types.d.ts +0 -57
- package/accordion/types.js +0 -5
- package/accordion-group/AccordionGroup.accessibility.test.d.ts +0 -1
- package/accordion-group/AccordionGroup.accessibility.test.js +0 -82
- package/accordion-group/AccordionGroup.d.ts +0 -7
- package/accordion-group/AccordionGroup.js +0 -101
- package/accordion-group/AccordionGroup.stories.tsx +0 -252
- package/accordion-group/AccordionGroup.test.d.ts +0 -1
- package/accordion-group/AccordionGroup.test.js +0 -94
- package/accordion-group/AccordionGroupAccordion.d.ts +0 -4
- package/accordion-group/AccordionGroupAccordion.js +0 -31
- package/accordion-group/AccordionGroupContext.d.ts +0 -3
- package/accordion-group/AccordionGroupContext.js +0 -8
- package/accordion-group/types.d.ts +0 -67
- package/accordion-group/types.js +0 -5
- package/action-icon/ActionIcon.accessibility.test.d.ts +0 -1
- package/action-icon/ActionIcon.accessibility.test.js +0 -63
- package/action-icon/ActionIcon.d.ts +0 -4
- package/action-icon/ActionIcon.js +0 -48
- package/action-icon/ActionIcon.stories.tsx +0 -41
- package/action-icon/ActionIcon.test.d.ts +0 -1
- package/action-icon/ActionIcon.test.js +0 -64
- package/action-icon/types.d.ts +0 -26
- package/action-icon/types.js +0 -5
- package/alert/Alert.accessibility.test.d.ts +0 -1
- package/alert/Alert.accessibility.test.js +0 -95
- package/alert/Alert.d.ts +0 -4
- package/alert/Alert.js +0 -203
- package/alert/Alert.stories.tsx +0 -198
- package/alert/Alert.test.d.ts +0 -1
- package/alert/Alert.test.js +0 -75
- package/alert/types.d.ts +0 -49
- package/alert/types.js +0 -5
- package/badge/Badge.accessibility.test.d.ts +0 -1
- package/badge/Badge.accessibility.test.js +0 -129
- package/badge/Badge.d.ts +0 -4
- package/badge/Badge.js +0 -161
- package/badge/Badge.stories.tsx +0 -210
- package/badge/Badge.test.d.ts +0 -1
- package/badge/Badge.test.js +0 -30
- package/badge/types.d.ts +0 -54
- package/badge/types.js +0 -5
- package/bleed/Bleed.d.ts +0 -3
- package/bleed/Bleed.js +0 -43
- package/bleed/Bleed.stories.tsx +0 -342
- package/bleed/types.d.ts +0 -37
- package/bleed/types.js +0 -5
- package/box/Box.accessibility.test.d.ts +0 -1
- package/box/Box.accessibility.test.js +0 -33
- package/box/Box.d.ts +0 -4
- package/box/Box.js +0 -75
- package/box/Box.stories.tsx +0 -119
- package/box/Box.test.d.ts +0 -1
- package/box/Box.test.js +0 -13
- package/box/types.d.ts +0 -32
- package/box/types.js +0 -5
- package/breadcrumbs/Breadcrumbs.accessibility.test.d.ts +0 -1
- package/breadcrumbs/Breadcrumbs.accessibility.test.js +0 -96
- package/breadcrumbs/Breadcrumbs.d.ts +0 -4
- package/breadcrumbs/Breadcrumbs.js +0 -79
- package/breadcrumbs/Breadcrumbs.stories.tsx +0 -194
- package/breadcrumbs/Breadcrumbs.test.d.ts +0 -1
- package/breadcrumbs/Breadcrumbs.test.js +0 -168
- package/breadcrumbs/Item.d.ts +0 -4
- package/breadcrumbs/Item.js +0 -52
- package/breadcrumbs/dropdownTheme.d.ts +0 -53
- package/breadcrumbs/dropdownTheme.js +0 -62
- package/breadcrumbs/types.d.ts +0 -40
- package/breadcrumbs/types.js +0 -5
- package/bulleted-list/BulletedList.accessibility.test.d.ts +0 -1
- package/bulleted-list/BulletedList.accessibility.test.js +0 -119
- package/bulleted-list/BulletedList.d.ts +0 -7
- package/bulleted-list/BulletedList.js +0 -92
- package/bulleted-list/BulletedList.stories.tsx +0 -115
- package/bulleted-list/types.d.ts +0 -38
- package/bulleted-list/types.js +0 -5
- package/button/Button.accessibility.test.d.ts +0 -1
- package/button/Button.accessibility.test.js +0 -127
- package/button/Button.d.ts +0 -4
- package/button/Button.js +0 -121
- package/button/Button.stories.tsx +0 -325
- package/button/Button.test.d.ts +0 -1
- package/button/Button.test.js +0 -38
- package/button/types.d.ts +0 -57
- package/button/types.js +0 -5
- package/card/Card.accessibility.test.d.ts +0 -1
- package/card/Card.accessibility.test.js +0 -36
- package/card/Card.d.ts +0 -4
- package/card/Card.js +0 -121
- package/card/Card.stories.tsx +0 -171
- package/card/Card.test.d.ts +0 -1
- package/card/Card.test.js +0 -39
- package/card/types.d.ts +0 -62
- package/card/types.js +0 -5
- package/checkbox/Checkbox.accessibility.test.d.ts +0 -1
- package/checkbox/Checkbox.accessibility.test.js +0 -87
- package/checkbox/Checkbox.d.ts +0 -4
- package/checkbox/Checkbox.js +0 -212
- package/checkbox/Checkbox.stories.tsx +0 -222
- package/checkbox/Checkbox.test.d.ts +0 -1
- package/checkbox/Checkbox.test.js +0 -199
- package/checkbox/types.d.ts +0 -72
- package/checkbox/types.js +0 -5
- package/chip/Chip.accessibility.test.d.ts +0 -1
- package/chip/Chip.accessibility.test.js +0 -67
- package/chip/Chip.d.ts +0 -4
- package/chip/Chip.js +0 -126
- package/chip/Chip.stories.tsx +0 -195
- package/chip/Chip.test.d.ts +0 -1
- package/chip/Chip.test.js +0 -41
- package/chip/types.d.ts +0 -45
- package/chip/types.js +0 -5
- package/common/coreTokens.d.ts +0 -236
- package/common/coreTokens.js +0 -183
- package/common/utils.d.ts +0 -1
- package/common/utils.js +0 -16
- package/common/variables.d.ts +0 -1421
- package/common/variables.js +0 -1287
- package/container/Container.d.ts +0 -4
- package/container/Container.js +0 -194
- package/container/Container.stories.tsx +0 -214
- package/container/types.d.ts +0 -176
- package/container/types.js +0 -5
- package/contextual-menu/ContextualMenu.accessibility.test.d.ts +0 -1
- package/contextual-menu/ContextualMenu.accessibility.test.js +0 -98
- package/contextual-menu/ContextualMenu.d.ts +0 -5
- package/contextual-menu/ContextualMenu.js +0 -136
- package/contextual-menu/ContextualMenu.stories.tsx +0 -231
- package/contextual-menu/ContextualMenu.test.d.ts +0 -1
- package/contextual-menu/ContextualMenu.test.js +0 -247
- package/contextual-menu/GroupItem.d.ts +0 -4
- package/contextual-menu/GroupItem.js +0 -67
- package/contextual-menu/ItemAction.d.ts +0 -4
- package/contextual-menu/ItemAction.js +0 -88
- package/contextual-menu/MenuItem.d.ts +0 -4
- package/contextual-menu/MenuItem.js +0 -29
- package/contextual-menu/SingleItem.d.ts +0 -4
- package/contextual-menu/SingleItem.js +0 -38
- package/contextual-menu/types.d.ts +0 -65
- package/contextual-menu/types.js +0 -5
- package/date-input/Calendar.d.ts +0 -4
- package/date-input/Calendar.js +0 -230
- package/date-input/DateInput.accessibility.test.d.ts +0 -1
- package/date-input/DateInput.accessibility.test.js +0 -229
- package/date-input/DateInput.d.ts +0 -4
- package/date-input/DateInput.js +0 -228
- package/date-input/DateInput.stories.tsx +0 -291
- package/date-input/DateInput.test.d.ts +0 -1
- package/date-input/DateInput.test.js +0 -808
- package/date-input/DatePicker.d.ts +0 -4
- package/date-input/DatePicker.js +0 -121
- package/date-input/YearPicker.d.ts +0 -4
- package/date-input/YearPicker.js +0 -105
- package/date-input/types.d.ts +0 -164
- package/date-input/types.js +0 -5
- package/dialog/Dialog.accessibility.test.d.ts +0 -1
- package/dialog/Dialog.accessibility.test.js +0 -69
- package/dialog/Dialog.d.ts +0 -4
- package/dialog/Dialog.js +0 -93
- package/dialog/Dialog.stories.tsx +0 -369
- package/dialog/Dialog.test.d.ts +0 -1
- package/dialog/Dialog.test.js +0 -370
- package/dialog/types.d.ts +0 -36
- package/dialog/types.js +0 -5
- package/divider/Divider.accessibility.test.d.ts +0 -1
- package/divider/Divider.accessibility.test.js +0 -33
- package/divider/Divider.d.ts +0 -4
- package/divider/Divider.js +0 -36
- package/divider/Divider.stories.tsx +0 -224
- package/divider/Divider.test.d.ts +0 -1
- package/divider/Divider.test.js +0 -38
- package/divider/types.d.ts +0 -21
- package/divider/types.js +0 -5
- package/dropdown/Dropdown.accessibility.test.d.ts +0 -1
- package/dropdown/Dropdown.accessibility.test.js +0 -183
- package/dropdown/Dropdown.d.ts +0 -4
- package/dropdown/Dropdown.js +0 -320
- package/dropdown/Dropdown.stories.tsx +0 -427
- package/dropdown/Dropdown.test.d.ts +0 -1
- package/dropdown/Dropdown.test.js +0 -628
- package/dropdown/DropdownMenu.d.ts +0 -4
- package/dropdown/DropdownMenu.js +0 -63
- package/dropdown/DropdownMenuItem.d.ts +0 -4
- package/dropdown/DropdownMenuItem.js +0 -71
- package/dropdown/types.d.ts +0 -96
- package/dropdown/types.js +0 -5
- package/file-input/FileInput.accessibility.test.d.ts +0 -1
- package/file-input/FileInput.accessibility.test.js +0 -167
- package/file-input/FileInput.d.ts +0 -4
- package/file-input/FileInput.js +0 -438
- package/file-input/FileInput.stories.tsx +0 -618
- package/file-input/FileInput.test.d.ts +0 -1
- package/file-input/FileInput.test.js +0 -404
- package/file-input/FileItem.d.ts +0 -4
- package/file-input/FileItem.js +0 -125
- package/file-input/types.d.ts +0 -125
- 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 -112
- package/flex/types.d.ts +0 -97
- package/flex/types.js +0 -5
- package/footer/Footer.accessibility.test.d.ts +0 -1
- package/footer/Footer.accessibility.test.js +0 -125
- package/footer/Footer.d.ts +0 -4
- package/footer/Footer.js +0 -140
- package/footer/Footer.stories.tsx +0 -208
- package/footer/Footer.test.d.ts +0 -1
- package/footer/Footer.test.js +0 -85
- package/footer/Icons.d.ts +0 -3
- package/footer/Icons.js +0 -108
- package/footer/types.d.ts +0 -64
- package/footer/types.js +0 -5
- package/grid/Grid.d.ts +0 -7
- package/grid/Grid.js +0 -76
- package/grid/Grid.stories.tsx +0 -221
- package/grid/types.d.ts +0 -115
- package/grid/types.js +0 -5
- package/header/Header.accessibility.test.d.ts +0 -1
- package/header/Header.accessibility.test.js +0 -94
- package/header/Header.d.ts +0 -8
- package/header/Header.js +0 -210
- package/header/Header.stories.tsx +0 -267
- package/header/Header.test.d.ts +0 -1
- package/header/Header.test.js +0 -66
- package/header/Icons.d.ts +0 -2
- package/header/Icons.js +0 -24
- package/header/types.d.ts +0 -33
- package/header/types.js +0 -5
- package/heading/Heading.accessibility.test.d.ts +0 -1
- package/heading/Heading.accessibility.test.js +0 -33
- package/heading/Heading.d.ts +0 -4
- package/heading/Heading.js +0 -137
- package/heading/Heading.stories.tsx +0 -54
- package/heading/Heading.test.d.ts +0 -1
- package/heading/Heading.test.js +0 -156
- package/heading/types.d.ts +0 -33
- package/heading/types.js +0 -5
- package/icon/Icon.accessibility.test.d.ts +0 -1
- package/icon/Icon.accessibility.test.js +0 -30
- package/icon/Icon.d.ts +0 -4
- package/icon/Icon.js +0 -33
- package/icon/Icon.stories.tsx +0 -28
- package/icon/types.d.ts +0 -4
- package/icon/types.js +0 -5
- package/image/Image.accessibility.test.d.ts +0 -1
- package/image/Image.accessibility.test.js +0 -56
- package/image/Image.d.ts +0 -4
- package/image/Image.js +0 -70
- package/image/Image.stories.tsx +0 -129
- package/image/types.d.ts +0 -72
- package/image/types.js +0 -5
- package/inset/Inset.d.ts +0 -3
- package/inset/Inset.js +0 -43
- package/inset/Inset.stories.tsx +0 -230
- 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 -137
- package/layout/ApplicationLayout.stories.tsx +0 -162
- package/layout/Icons.d.ts +0 -7
- package/layout/Icons.js +0 -48
- package/layout/types.d.ts +0 -41
- package/layout/types.js +0 -5
- package/link/Link.accessibility.test.d.ts +0 -1
- package/link/Link.accessibility.test.js +0 -108
- package/link/Link.d.ts +0 -4
- package/link/Link.js +0 -117
- package/link/Link.stories.tsx +0 -253
- package/link/Link.test.d.ts +0 -1
- package/link/Link.test.js +0 -63
- package/link/types.d.ts +0 -54
- package/link/types.js +0 -5
- package/main.d.ts +0 -50
- package/main.js +0 -364
- package/nav-tabs/NavTabs.accessibility.test.d.ts +0 -1
- package/nav-tabs/NavTabs.accessibility.test.js +0 -44
- package/nav-tabs/NavTabs.d.ts +0 -7
- package/nav-tabs/NavTabs.js +0 -108
- package/nav-tabs/NavTabs.stories.tsx +0 -294
- package/nav-tabs/NavTabs.test.d.ts +0 -1
- package/nav-tabs/NavTabs.test.js +0 -77
- package/nav-tabs/NavTabsContext.d.ts +0 -3
- package/nav-tabs/NavTabsContext.js +0 -8
- package/nav-tabs/Tab.d.ts +0 -4
- package/nav-tabs/Tab.js +0 -117
- package/nav-tabs/types.d.ts +0 -52
- package/nav-tabs/types.js +0 -5
- package/number-input/NumberInput.accessibility.test.d.ts +0 -1
- package/number-input/NumberInput.accessibility.test.js +0 -227
- package/number-input/NumberInput.d.ts +0 -4
- package/number-input/NumberInput.js +0 -89
- package/number-input/NumberInput.stories.tsx +0 -126
- package/number-input/NumberInput.test.d.ts +0 -1
- package/number-input/NumberInput.test.js +0 -988
- package/number-input/NumberInputContext.d.ts +0 -3
- package/number-input/NumberInputContext.js +0 -8
- package/number-input/types.d.ts +0 -136
- package/number-input/types.js +0 -5
- package/paginator/Paginator.accessibility.test.d.ts +0 -1
- package/paginator/Paginator.accessibility.test.js +0 -78
- package/paginator/Paginator.d.ts +0 -4
- package/paginator/Paginator.js +0 -138
- package/paginator/Paginator.stories.tsx +0 -87
- package/paginator/Paginator.test.d.ts +0 -1
- package/paginator/Paginator.test.js +0 -334
- package/paginator/types.d.ts +0 -38
- package/paginator/types.js +0 -5
- package/paragraph/Paragraph.accessibility.test.d.ts +0 -1
- package/paragraph/Paragraph.accessibility.test.js +0 -28
- package/paragraph/Paragraph.d.ts +0 -5
- package/paragraph/Paragraph.js +0 -22
- package/paragraph/Paragraph.stories.tsx +0 -27
- package/password-input/PasswordInput.accessibility.test.d.ts +0 -1
- package/password-input/PasswordInput.accessibility.test.js +0 -152
- package/password-input/PasswordInput.d.ts +0 -4
- package/password-input/PasswordInput.js +0 -100
- package/password-input/PasswordInput.stories.tsx +0 -108
- package/password-input/PasswordInput.test.d.ts +0 -1
- package/password-input/PasswordInput.test.js +0 -197
- package/password-input/types.d.ts +0 -111
- package/password-input/types.js +0 -5
- package/progress-bar/ProgressBar.accessibility.test.d.ts +0 -1
- package/progress-bar/ProgressBar.accessibility.test.js +0 -35
- package/progress-bar/ProgressBar.d.ts +0 -4
- package/progress-bar/ProgressBar.js +0 -146
- package/progress-bar/ProgressBar.stories.tsx +0 -93
- package/progress-bar/ProgressBar.test.d.ts +0 -1
- package/progress-bar/ProgressBar.test.js +0 -93
- package/progress-bar/types.d.ts +0 -37
- package/progress-bar/types.js +0 -5
- package/quick-nav/QuickNav.accessibility.test.d.ts +0 -1
- package/quick-nav/QuickNav.accessibility.test.js +0 -57
- package/quick-nav/QuickNav.d.ts +0 -4
- package/quick-nav/QuickNav.js +0 -94
- package/quick-nav/QuickNav.stories.tsx +0 -356
- 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 -121
- package/radio-group/RadioGroup.accessibility.test.d.ts +0 -1
- package/radio-group/RadioGroup.accessibility.test.js +0 -97
- package/radio-group/RadioGroup.d.ts +0 -4
- package/radio-group/RadioGroup.js +0 -233
- package/radio-group/RadioGroup.stories.tsx +0 -214
- package/radio-group/RadioGroup.test.d.ts +0 -1
- package/radio-group/RadioGroup.test.js +0 -754
- package/radio-group/types.d.ts +0 -114
- package/radio-group/types.js +0 -5
- package/resultset-table/Icons.d.ts +0 -7
- package/resultset-table/Icons.js +0 -47
- package/resultset-table/ResultsetTable.accessibility.test.d.ts +0 -1
- package/resultset-table/ResultsetTable.accessibility.test.js +0 -284
- package/resultset-table/ResultsetTable.d.ts +0 -7
- package/resultset-table/ResultsetTable.js +0 -195
- package/resultset-table/ResultsetTable.stories.tsx +0 -413
- package/resultset-table/ResultsetTable.test.d.ts +0 -1
- package/resultset-table/ResultsetTable.test.js +0 -450
- package/resultset-table/types.d.ts +0 -101
- package/resultset-table/types.js +0 -5
- package/select/Listbox.d.ts +0 -4
- package/select/Listbox.js +0 -151
- package/select/Option.d.ts +0 -4
- package/select/Option.js +0 -89
- package/select/Select.accessibility.test.d.ts +0 -1
- package/select/Select.accessibility.test.js +0 -227
- package/select/Select.d.ts +0 -4
- package/select/Select.js +0 -602
- package/select/Select.stories.tsx +0 -928
- package/select/Select.test.d.ts +0 -1
- package/select/Select.test.js +0 -2267
- package/select/types.d.ts +0 -209
- package/select/types.js +0 -5
- package/sidenav/Sidenav.accessibility.test.d.ts +0 -1
- package/sidenav/Sidenav.accessibility.test.js +0 -59
- package/sidenav/Sidenav.d.ts +0 -10
- package/sidenav/Sidenav.js +0 -201
- package/sidenav/Sidenav.stories.tsx +0 -277
- package/sidenav/Sidenav.test.d.ts +0 -1
- package/sidenav/Sidenav.test.js +0 -37
- package/sidenav/SidenavContext.d.ts +0 -5
- package/sidenav/SidenavContext.js +0 -13
- package/sidenav/types.d.ts +0 -76
- package/sidenav/types.js +0 -5
- package/slider/Slider.accessibility.test.d.ts +0 -1
- package/slider/Slider.accessibility.test.js +0 -103
- package/slider/Slider.d.ts +0 -4
- package/slider/Slider.js +0 -283
- package/slider/Slider.stories.tsx +0 -180
- package/slider/Slider.test.d.ts +0 -1
- package/slider/Slider.test.js +0 -256
- package/slider/types.d.ts +0 -86
- package/slider/types.js +0 -5
- package/spinner/Spinner.accessibility.test.d.ts +0 -1
- package/spinner/Spinner.accessibility.test.js +0 -96
- package/spinner/Spinner.d.ts +0 -4
- package/spinner/Spinner.js +0 -210
- package/spinner/Spinner.stories.tsx +0 -129
- package/spinner/Spinner.test.d.ts +0 -1
- package/spinner/Spinner.test.js +0 -55
- package/spinner/types.d.ts +0 -32
- package/spinner/types.js +0 -5
- package/status-light/StatusLight.accessibility.test.d.ts +0 -1
- package/status-light/StatusLight.accessibility.test.js +0 -157
- package/status-light/StatusLight.d.ts +0 -4
- package/status-light/StatusLight.js +0 -51
- package/status-light/StatusLight.stories.tsx +0 -74
- package/status-light/StatusLight.test.d.ts +0 -1
- package/status-light/StatusLight.test.js +0 -25
- package/status-light/types.d.ts +0 -17
- package/status-light/types.js +0 -5
- package/switch/Switch.accessibility.test.d.ts +0 -1
- package/switch/Switch.accessibility.test.js +0 -98
- package/switch/Switch.d.ts +0 -4
- package/switch/Switch.js +0 -211
- package/switch/Switch.stories.tsx +0 -149
- package/switch/Switch.test.d.ts +0 -1
- package/switch/Switch.test.js +0 -180
- package/switch/types.d.ts +0 -66
- package/switch/types.js +0 -5
- package/table/DropdownTheme.js +0 -62
- package/table/Table.accessibility.test.d.ts +0 -1
- package/table/Table.accessibility.test.js +0 -92
- package/table/Table.d.ts +0 -8
- package/table/Table.js +0 -161
- package/table/Table.stories.tsx +0 -663
- package/table/Table.test.d.ts +0 -1
- package/table/Table.test.js +0 -111
- package/table/types.d.ts +0 -49
- package/table/types.js +0 -5
- package/tabs/Tab.d.ts +0 -4
- package/tabs/Tab.js +0 -117
- package/tabs/Tabs.accessibility.test.d.ts +0 -1
- package/tabs/Tabs.accessibility.test.js +0 -56
- package/tabs/Tabs.d.ts +0 -4
- package/tabs/Tabs.js +0 -373
- package/tabs/Tabs.stories.tsx +0 -230
- package/tabs/Tabs.test.d.ts +0 -1
- package/tabs/Tabs.test.js +0 -276
- package/tabs/types.d.ts +0 -92
- package/tabs/types.js +0 -5
- package/tag/Tag.accessibility.test.d.ts +0 -1
- package/tag/Tag.accessibility.test.js +0 -69
- package/tag/Tag.d.ts +0 -4
- package/tag/Tag.js +0 -151
- package/tag/Tag.stories.tsx +0 -152
- package/tag/Tag.test.d.ts +0 -1
- package/tag/Tag.test.js +0 -41
- 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 -67
- package/text-input/Suggestions.d.ts +0 -4
- package/text-input/Suggestions.js +0 -94
- package/text-input/TextInput.accessibility.test.d.ts +0 -1
- package/text-input/TextInput.accessibility.test.js +0 -320
- package/text-input/TextInput.d.ts +0 -4
- package/text-input/TextInput.js +0 -571
- package/text-input/TextInput.stories.tsx +0 -477
- package/text-input/TextInput.test.d.ts +0 -1
- package/text-input/TextInput.test.js +0 -1755
- package/text-input/types.d.ts +0 -205
- package/text-input/types.js +0 -5
- package/textarea/Textarea.accessibility.test.d.ts +0 -1
- package/textarea/Textarea.accessibility.test.js +0 -155
- package/textarea/Textarea.d.ts +0 -4
- package/textarea/Textarea.js +0 -235
- package/textarea/Textarea.stories.tsx +0 -174
- package/textarea/Textarea.test.d.ts +0 -1
- package/textarea/Textarea.test.js +0 -406
- package/textarea/types.d.ts +0 -141
- package/textarea/types.js +0 -5
- package/toggle-group/ToggleGroup.accessibility.test.d.ts +0 -1
- package/toggle-group/ToggleGroup.accessibility.test.js +0 -107
- package/toggle-group/ToggleGroup.d.ts +0 -4
- package/toggle-group/ToggleGroup.js +0 -199
- package/toggle-group/ToggleGroup.stories.tsx +0 -218
- package/toggle-group/ToggleGroup.test.d.ts +0 -1
- package/toggle-group/ToggleGroup.test.js +0 -137
- package/toggle-group/types.d.ts +0 -114
- package/toggle-group/types.js +0 -5
- package/tooltip/Tooltip.accessibility.test.d.ts +0 -1
- package/tooltip/Tooltip.accessibility.test.js +0 -144
- package/tooltip/Tooltip.d.ts +0 -4
- package/tooltip/Tooltip.js +0 -50
- package/tooltip/Tooltip.stories.tsx +0 -111
- package/tooltip/Tooltip.test.d.ts +0 -1
- package/tooltip/Tooltip.test.js +0 -112
- package/tooltip/types.d.ts +0 -16
- package/tooltip/types.js +0 -5
- package/typography/Typography.accessibility.test.d.ts +0 -1
- package/typography/Typography.accessibility.test.js +0 -339
- package/typography/Typography.d.ts +0 -4
- package/typography/Typography.js +0 -23
- package/typography/Typography.stories.tsx +0 -196
- package/typography/Typography.test.js +0 -23
- package/typography/types.d.ts +0 -18
- package/typography/types.js +0 -5
- package/useTheme.d.ts +0 -1168
- package/useTheme.js +0 -15
- package/useTranslatedLabels.d.ts +0 -85
- package/useTranslatedLabels.js +0 -14
- package/utils/BaseTypography.d.ts +0 -21
- package/utils/BaseTypography.js +0 -98
- package/utils/FocusLock.d.ts +0 -13
- package/utils/FocusLock.js +0 -125
- package/wizard/Wizard.accessibility.test.d.ts +0 -1
- package/wizard/Wizard.accessibility.test.js +0 -55
- package/wizard/Wizard.d.ts +0 -4
- package/wizard/Wizard.js +0 -239
- package/wizard/Wizard.stories.tsx +0 -272
- package/wizard/Wizard.test.d.ts +0 -1
- package/wizard/Wizard.test.js +0 -114
- package/wizard/types.d.ts +0 -64
- package/wizard/types.js +0 -5
package/common/variables.js
DELETED
|
@@ -1,1287 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.spaces = exports.responsiveSizes = exports.defaultTranslatedComponentLabels = exports.componentTokens = void 0;
|
|
8
|
-
var _coreTokens = _interopRequireDefault(require("./coreTokens"));
|
|
9
|
-
var componentTokens = exports.componentTokens = {
|
|
10
|
-
accordion: {
|
|
11
|
-
backgroundColor: _coreTokens["default"].color_white,
|
|
12
|
-
hoverBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
13
|
-
arrowColor: _coreTokens["default"].color_purple_700,
|
|
14
|
-
disabledArrowColor: _coreTokens["default"].color_grey_500,
|
|
15
|
-
assistiveTextFontFamily: _coreTokens["default"].type_sans,
|
|
16
|
-
assistiveTextFontSize: _coreTokens["default"].type_scale_03,
|
|
17
|
-
assistiveTextFontWeight: _coreTokens["default"].type_light,
|
|
18
|
-
assistiveTextFontStyle: _coreTokens["default"].type_italic,
|
|
19
|
-
assistiveTextLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
|
|
20
|
-
assistiveTextFontColor: _coreTokens["default"].color_grey_700,
|
|
21
|
-
disabledAssistiveTextFontColor: _coreTokens["default"].color_grey_500,
|
|
22
|
-
assistiveTextMinWidth: "100px",
|
|
23
|
-
assistiveTextPaddingRight: _coreTokens["default"].spacing_24,
|
|
24
|
-
assistiveTextPaddingLeft: _coreTokens["default"].spacing_0,
|
|
25
|
-
titleLabelFontFamily: _coreTokens["default"].type_sans,
|
|
26
|
-
titleLabelFontSize: _coreTokens["default"].type_scale_03,
|
|
27
|
-
titleLabelFontWeight: _coreTokens["default"].type_regular,
|
|
28
|
-
titleLabelFontStyle: _coreTokens["default"].type_normal,
|
|
29
|
-
titleLabelFontColor: _coreTokens["default"].color_black,
|
|
30
|
-
disabledTitleLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
31
|
-
titleLabelPaddingTop: _coreTokens["default"].spacing_0,
|
|
32
|
-
titleLabelPaddingBottom: _coreTokens["default"].spacing_0,
|
|
33
|
-
titleLabelPaddingLeft: _coreTokens["default"].spacing_0,
|
|
34
|
-
titleLabelPaddingRight: _coreTokens["default"].spacing_16,
|
|
35
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
36
|
-
focusBorderStyle: _coreTokens["default"].border_solid,
|
|
37
|
-
focusBorderThickness: "2px",
|
|
38
|
-
borderRadius: "4px",
|
|
39
|
-
boxShadowOffsetX: "0px",
|
|
40
|
-
boxShadowOffsetY: "6px",
|
|
41
|
-
boxShadowBlur: "10px",
|
|
42
|
-
boxShadowColor: _coreTokens["default"].color_grey_200_a,
|
|
43
|
-
iconColor: _coreTokens["default"].color_purple_700,
|
|
44
|
-
disabledIconColor: _coreTokens["default"].color_grey_500,
|
|
45
|
-
iconSize: "24px",
|
|
46
|
-
iconMarginLeft: _coreTokens["default"].spacing_0,
|
|
47
|
-
iconMarginRight: _coreTokens["default"].spacing_12,
|
|
48
|
-
accordionGroupSeparatorBorderColor: _coreTokens["default"].color_grey_200_a,
|
|
49
|
-
accordionGroupSeparatorBorderThickness: "1px",
|
|
50
|
-
accordionGroupSeparatorBorderRadius: "0px",
|
|
51
|
-
accordionGroupSeparatorBorderStyle: _coreTokens["default"].border_solid
|
|
52
|
-
},
|
|
53
|
-
alert: {
|
|
54
|
-
titleFontFamily: _coreTokens["default"].type_sans,
|
|
55
|
-
titleFontColor: _coreTokens["default"].color_black,
|
|
56
|
-
titleFontSize: _coreTokens["default"].type_scale_01,
|
|
57
|
-
titleFontStyle: _coreTokens["default"].type_normal,
|
|
58
|
-
titleFontWeight: _coreTokens["default"].type_bold,
|
|
59
|
-
titleTextTransform: _coreTokens["default"].type_uppercase,
|
|
60
|
-
titlePaddingRight: _coreTokens["default"].spacing_0,
|
|
61
|
-
titlePaddingLeft: _coreTokens["default"].spacing_0,
|
|
62
|
-
inlineTextFontFamily: _coreTokens["default"].type_sans,
|
|
63
|
-
inlineTextFontColor: _coreTokens["default"].color_black,
|
|
64
|
-
inlineTextFontSize: _coreTokens["default"].type_scale_01,
|
|
65
|
-
inlineTextFontStyle: _coreTokens["default"].type_normal,
|
|
66
|
-
inlineTextFontWeight: _coreTokens["default"].type_regular,
|
|
67
|
-
inlineTextPaddingLeft: _coreTokens["default"].spacing_0,
|
|
68
|
-
inlineTextPaddingRight: _coreTokens["default"].spacing_0,
|
|
69
|
-
contentPaddingLeft: _coreTokens["default"].spacing_0,
|
|
70
|
-
contentPaddingRight: _coreTokens["default"].spacing_0,
|
|
71
|
-
contentPaddingTop: "20px",
|
|
72
|
-
contentPaddingBottom: "30px",
|
|
73
|
-
borderRadius: "4px",
|
|
74
|
-
borderStyle: _coreTokens["default"].border_solid,
|
|
75
|
-
borderThickness: "1px",
|
|
76
|
-
infoBorderColor: _coreTokens["default"].color_blue_800,
|
|
77
|
-
successBorderColor: _coreTokens["default"].color_green_700,
|
|
78
|
-
warningBorderColor: _coreTokens["default"].color_yellow_700,
|
|
79
|
-
errorBorderColor: _coreTokens["default"].color_red_700,
|
|
80
|
-
iconSize: "24px",
|
|
81
|
-
iconPaddingLeft: _coreTokens["default"].spacing_0,
|
|
82
|
-
iconPaddingRight: _coreTokens["default"].spacing_0,
|
|
83
|
-
infoIconColor: _coreTokens["default"].color_blue_800,
|
|
84
|
-
successIconColor: _coreTokens["default"].color_green_700,
|
|
85
|
-
warningIconColor: _coreTokens["default"].color_yellow_700,
|
|
86
|
-
errorIconColor: _coreTokens["default"].color_red_700,
|
|
87
|
-
infoBackgroundColor: _coreTokens["default"].color_blue_100,
|
|
88
|
-
successBackgroundColor: _coreTokens["default"].color_green_100,
|
|
89
|
-
warningBackgroundColor: _coreTokens["default"].color_yellow_100,
|
|
90
|
-
errorBackgroundColor: _coreTokens["default"].color_red_100,
|
|
91
|
-
hoverActionBackgroundColor: _coreTokens["default"].color_grey_100_a,
|
|
92
|
-
activeActionBackgroundColor: _coreTokens["default"].color_grey_200_a,
|
|
93
|
-
focusActionBorderColor: _coreTokens["default"].color_blue_600,
|
|
94
|
-
overlayColor: _coreTokens["default"].color_grey_800_a
|
|
95
|
-
},
|
|
96
|
-
box: {
|
|
97
|
-
backgroundColor: _coreTokens["default"].color_white,
|
|
98
|
-
borderRadius: _coreTokens["default"].border_radius_medium,
|
|
99
|
-
borderThickness: _coreTokens["default"].border_width_0,
|
|
100
|
-
borderStyle: _coreTokens["default"].border_none,
|
|
101
|
-
borderColor: _coreTokens["default"].color_transparent,
|
|
102
|
-
noneShadowDepthShadowOffsetX: "none",
|
|
103
|
-
noneShadowDepthShadowOffsetY: "none",
|
|
104
|
-
noneShadowDepthShadowBlur: "none",
|
|
105
|
-
noneShadowDepthShadowSpread: "none",
|
|
106
|
-
noneShadowDepthShadowColor: _coreTokens["default"].color_transparent,
|
|
107
|
-
oneShadowDepthShadowOffsetX: "0px",
|
|
108
|
-
oneShadowDepthShadowOffsetY: "3px",
|
|
109
|
-
oneShadowDepthShadowBlur: "6px",
|
|
110
|
-
oneShadowDepthShadowSpread: "0px",
|
|
111
|
-
oneShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a,
|
|
112
|
-
twoShadowDepthShadowOffsetX: "0px",
|
|
113
|
-
twoShadowDepthShadowOffsetY: "3px",
|
|
114
|
-
twoShadowDepthShadowBlur: "10px",
|
|
115
|
-
twoShadowDepthShadowSpread: "0px",
|
|
116
|
-
twoShadowDepthShadowColor: _coreTokens["default"].color_grey_300_a
|
|
117
|
-
},
|
|
118
|
-
bulletedList: {
|
|
119
|
-
fontColor: _coreTokens["default"].color_black,
|
|
120
|
-
bulletIconHeight: "1.5rem",
|
|
121
|
-
bulletIconWidth: "1.5rem",
|
|
122
|
-
bulletHeight: "5px",
|
|
123
|
-
bulletWidth: "5px",
|
|
124
|
-
bulletMarginRight: _coreTokens["default"].spacing_8
|
|
125
|
-
},
|
|
126
|
-
button: {
|
|
127
|
-
labelFontLineHeight: _coreTokens["default"].type_leading_normal,
|
|
128
|
-
labelLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
|
|
129
|
-
paddingLeft: _coreTokens["default"].spacing_8,
|
|
130
|
-
paddingRight: _coreTokens["default"].spacing_8,
|
|
131
|
-
paddingTop: _coreTokens["default"].spacing_8,
|
|
132
|
-
paddingBottom: _coreTokens["default"].spacing_8,
|
|
133
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
134
|
-
primaryBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
135
|
-
primaryFontColor: _coreTokens["default"].color_white,
|
|
136
|
-
primaryHoverBackgroundColor: _coreTokens["default"].color_purple_800,
|
|
137
|
-
primaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
|
|
138
|
-
primaryDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
139
|
-
primaryDisabledFontColor: _coreTokens["default"].color_grey_500,
|
|
140
|
-
primaryBorderThickness: _coreTokens["default"].border_width_0,
|
|
141
|
-
primaryBorderStyle: _coreTokens["default"].border_none,
|
|
142
|
-
primaryBorderRadius: _coreTokens["default"].border_radius_medium,
|
|
143
|
-
primaryFontFamily: _coreTokens["default"].type_sans,
|
|
144
|
-
primaryFontSize: _coreTokens["default"].type_scale_03,
|
|
145
|
-
primaryFontWeight: _coreTokens["default"].type_regular,
|
|
146
|
-
secondaryBackgroundColor: _coreTokens["default"].color_transparent,
|
|
147
|
-
secondaryFontColor: _coreTokens["default"].color_purple_700,
|
|
148
|
-
secondaryHoverFontColor: _coreTokens["default"].color_white,
|
|
149
|
-
secondaryBorderColor: _coreTokens["default"].color_purple_700,
|
|
150
|
-
secondaryHoverBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
151
|
-
secondaryActiveBackgroundColor: _coreTokens["default"].color_purple_900,
|
|
152
|
-
secondaryDisabledBackgroundColor: _coreTokens["default"].color_transparent,
|
|
153
|
-
secondaryDisabledFontColor: _coreTokens["default"].color_grey_500,
|
|
154
|
-
secondaryDisabledBorderColor: _coreTokens["default"].color_grey_500,
|
|
155
|
-
secondaryBorderThickness: _coreTokens["default"].border_width_1,
|
|
156
|
-
secondaryBorderStyle: _coreTokens["default"].border_solid,
|
|
157
|
-
secondaryBorderRadius: _coreTokens["default"].border_radius_medium,
|
|
158
|
-
secondaryFontFamily: _coreTokens["default"].type_sans,
|
|
159
|
-
secondaryFontSize: _coreTokens["default"].type_scale_03,
|
|
160
|
-
secondaryFontWeight: _coreTokens["default"].type_regular,
|
|
161
|
-
textBackgroundColor: _coreTokens["default"].color_transparent,
|
|
162
|
-
textFontColor: _coreTokens["default"].color_purple_700,
|
|
163
|
-
textHoverBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
164
|
-
textActiveBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
165
|
-
textDisabledBackgroundColor: _coreTokens["default"].color_transparent,
|
|
166
|
-
textDisabledFontColor: _coreTokens["default"].color_grey_500,
|
|
167
|
-
textBorderThickness: _coreTokens["default"].border_width_0,
|
|
168
|
-
textBorderStyle: _coreTokens["default"].border_none,
|
|
169
|
-
textBorderRadius: _coreTokens["default"].border_radius_medium,
|
|
170
|
-
textFontFamily: _coreTokens["default"].type_sans,
|
|
171
|
-
textFontSize: _coreTokens["default"].type_scale_03,
|
|
172
|
-
textFontWeight: _coreTokens["default"].type_regular
|
|
173
|
-
},
|
|
174
|
-
card: {
|
|
175
|
-
height: "220px",
|
|
176
|
-
width: "400px"
|
|
177
|
-
},
|
|
178
|
-
checkbox: {
|
|
179
|
-
backgroundColorChecked: _coreTokens["default"].color_blue_800,
|
|
180
|
-
hoverBackgroundColorChecked: _coreTokens["default"].color_blue_900,
|
|
181
|
-
disabledBackgroundColorChecked: _coreTokens["default"].color_grey_500,
|
|
182
|
-
readOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_500,
|
|
183
|
-
hoverReadOnlyBackgroundColorChecked: _coreTokens["default"].color_grey_600,
|
|
184
|
-
borderColor: _coreTokens["default"].color_blue_800,
|
|
185
|
-
hoverBorderColor: _coreTokens["default"].color_blue_900,
|
|
186
|
-
disabledBorderColor: _coreTokens["default"].color_grey_500,
|
|
187
|
-
readOnlyBorderColor: _coreTokens["default"].color_grey_500,
|
|
188
|
-
hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
|
|
189
|
-
checkColor: _coreTokens["default"].color_white,
|
|
190
|
-
disabledCheckColor: _coreTokens["default"].color_white,
|
|
191
|
-
readOnlyCheckColor: _coreTokens["default"].color_white,
|
|
192
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
193
|
-
fontSize: _coreTokens["default"].type_scale_02,
|
|
194
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
195
|
-
fontColor: _coreTokens["default"].color_black,
|
|
196
|
-
disabledFontColor: _coreTokens["default"].color_grey_500,
|
|
197
|
-
focusColor: _coreTokens["default"].color_blue_600,
|
|
198
|
-
checkLabelSpacing: _coreTokens["default"].spacing_8
|
|
199
|
-
},
|
|
200
|
-
chip: {
|
|
201
|
-
backgroundColor: _coreTokens["default"].color_grey_200,
|
|
202
|
-
disabledBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
203
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
204
|
-
fontSize: _coreTokens["default"].type_scale_03,
|
|
205
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
206
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
207
|
-
fontColor: _coreTokens["default"].color_black,
|
|
208
|
-
disabledFontColor: _coreTokens["default"].color_grey_500,
|
|
209
|
-
borderColor: _coreTokens["default"].color_transparent,
|
|
210
|
-
borderRadius: "80px",
|
|
211
|
-
borderThickness: _coreTokens["default"].border_width_0,
|
|
212
|
-
borderStyle: _coreTokens["default"].border_solid,
|
|
213
|
-
contentPaddingLeft: _coreTokens["default"].spacing_16,
|
|
214
|
-
contentPaddingRight: _coreTokens["default"].spacing_16,
|
|
215
|
-
contentPaddingTop: _coreTokens["default"].spacing_0,
|
|
216
|
-
contentPaddingBottom: _coreTokens["default"].spacing_0,
|
|
217
|
-
iconSize: "24px",
|
|
218
|
-
iconSpacing: _coreTokens["default"].spacing_8,
|
|
219
|
-
iconColor: _coreTokens["default"].color_grey_800,
|
|
220
|
-
hoverIconColor: _coreTokens["default"].color_grey_900,
|
|
221
|
-
activeIconColor: _coreTokens["default"].color_black,
|
|
222
|
-
disabledIconColor: _coreTokens["default"].color_grey_500,
|
|
223
|
-
focusColor: _coreTokens["default"].color_blue_600,
|
|
224
|
-
focusBorderStyle: _coreTokens["default"].border_solid,
|
|
225
|
-
focusBorderThickness: _coreTokens["default"].border_width_2,
|
|
226
|
-
focusBorderRadius: _coreTokens["default"].border_radius_medium
|
|
227
|
-
},
|
|
228
|
-
contextualMenu: {
|
|
229
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
230
|
-
backgroundColor: _coreTokens["default"].color_white,
|
|
231
|
-
borderColor: _coreTokens["default"].color_grey_200,
|
|
232
|
-
menuItemFontColor: _coreTokens["default"].color_grey_900,
|
|
233
|
-
menuItemFontSize: _coreTokens["default"].type_scale_02,
|
|
234
|
-
menuItemFontStyle: _coreTokens["default"].type_normal,
|
|
235
|
-
menuItemFontWeight: _coreTokens["default"].type_regular,
|
|
236
|
-
menuItemLineHeight: "24px",
|
|
237
|
-
hoverMenuItemBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
238
|
-
activeMenuItemBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
239
|
-
selectedMenuItemBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
240
|
-
hoverSelectedMenuItemBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
241
|
-
activeSelectedMenuItemBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
242
|
-
selectedMenuItemFontWeight: _coreTokens["default"].type_semibold,
|
|
243
|
-
sectionTitleFontColor: _coreTokens["default"].color_grey_900,
|
|
244
|
-
sectionTitleFontSize: _coreTokens["default"].type_scale_03,
|
|
245
|
-
sectionTitleFontStyle: _coreTokens["default"].type_normal,
|
|
246
|
-
sectionTitleFontWeight: _coreTokens["default"].type_semibold,
|
|
247
|
-
sectionTitleLineHeight: "24px",
|
|
248
|
-
iconColor: _coreTokens["default"].color_grey_900,
|
|
249
|
-
iconSize: "16px"
|
|
250
|
-
},
|
|
251
|
-
dateInput: {
|
|
252
|
-
pickerBackgroundColor: _coreTokens["default"].color_white,
|
|
253
|
-
pickerFontColor: _coreTokens["default"].color_black,
|
|
254
|
-
pickerBorderColor: _coreTokens["default"].color_grey_400,
|
|
255
|
-
pickerSelectedBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
256
|
-
pickerSelectedFontColor: _coreTokens["default"].color_white,
|
|
257
|
-
pickerHoverBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
258
|
-
pickerHoverFontColor: _coreTokens["default"].color_black,
|
|
259
|
-
pickerActiveBackgroundColor: _coreTokens["default"].color_purple_800,
|
|
260
|
-
pickerActiveFontColor: _coreTokens["default"].color_white,
|
|
261
|
-
pickerNonCurrentMonthFontColor: _coreTokens["default"].color_grey_500,
|
|
262
|
-
pickerCurrentDateBorderColor: _coreTokens["default"].color_purple_300,
|
|
263
|
-
pickerCurrentDateFontColor: _coreTokens["default"].color_black,
|
|
264
|
-
pickerCurrentYearFontColor: _coreTokens["default"].color_purple_700,
|
|
265
|
-
pickerHeaderBackgroundColor: _coreTokens["default"].color_transparent,
|
|
266
|
-
pickerHeaderFontColor: _coreTokens["default"].color_black,
|
|
267
|
-
pickerHeaderHoverBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
268
|
-
pickerHeaderHoverFontColor: _coreTokens["default"].color_black,
|
|
269
|
-
pickerHeaderActiveBackgroundColor: _coreTokens["default"].color_purple_800,
|
|
270
|
-
pickerHeaderActiveFontColor: _coreTokens["default"].color_white,
|
|
271
|
-
pickerFocusColor: _coreTokens["default"].color_blue_600,
|
|
272
|
-
pickerBorderWidth: _coreTokens["default"].border_width_1,
|
|
273
|
-
pickerBorderStyle: _coreTokens["default"].border_solid,
|
|
274
|
-
pickerFocusWidth: _coreTokens["default"].border_width_2,
|
|
275
|
-
pickerCurrentDateBorderWidth: _coreTokens["default"].border_width_1,
|
|
276
|
-
pickerFontFamily: _coreTokens["default"].type_sans,
|
|
277
|
-
pickerFontSize: _coreTokens["default"].type_scale_02,
|
|
278
|
-
pickerFontWeight: _coreTokens["default"].type_regular,
|
|
279
|
-
pickerInteractedYearFontSize: _coreTokens["default"].type_scale_05,
|
|
280
|
-
pickerHeaderFontSize: _coreTokens["default"].type_scale_02
|
|
281
|
-
},
|
|
282
|
-
dialog: {
|
|
283
|
-
overlayColor: _coreTokens["default"].color_grey_800_a,
|
|
284
|
-
backgroundColor: _coreTokens["default"].color_white,
|
|
285
|
-
closeIconSize: "24px",
|
|
286
|
-
closeIconTopPosition: "20px",
|
|
287
|
-
closeIconRightPosition: "20px",
|
|
288
|
-
closeIconBackgroundColor: _coreTokens["default"].color_transparent,
|
|
289
|
-
closeIconBorderColor: _coreTokens["default"].border_none,
|
|
290
|
-
closeIconColor: _coreTokens["default"].color_black,
|
|
291
|
-
closeIconBorderThickness: _coreTokens["default"].border_width_0,
|
|
292
|
-
closeIconBorderStyle: _coreTokens["default"].border_solid,
|
|
293
|
-
closeIconBorderRadius: "2px",
|
|
294
|
-
boxShadowOffsetX: "0px",
|
|
295
|
-
boxShadowOffsetY: "1px",
|
|
296
|
-
boxShadowBlur: "3px",
|
|
297
|
-
boxShadowColor: _coreTokens["default"].color_grey_300_a
|
|
298
|
-
},
|
|
299
|
-
dropdown: {
|
|
300
|
-
buttonBackgroundColor: _coreTokens["default"].color_white,
|
|
301
|
-
hoverButtonBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
302
|
-
activeButtonBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
303
|
-
buttonFontFamily: _coreTokens["default"].type_sans,
|
|
304
|
-
buttonFontSize: _coreTokens["default"].type_scale_03,
|
|
305
|
-
buttonFontStyle: _coreTokens["default"].type_normal,
|
|
306
|
-
buttonFontWeight: _coreTokens["default"].type_regular,
|
|
307
|
-
buttonFontColor: _coreTokens["default"].color_black,
|
|
308
|
-
buttonIconSize: "20px",
|
|
309
|
-
buttonIconSpacing: "10px",
|
|
310
|
-
buttonIconColor: _coreTokens["default"].color_black,
|
|
311
|
-
buttonPaddingTop: _coreTokens["default"].spacing_0,
|
|
312
|
-
buttonPaddingBottom: _coreTokens["default"].spacing_0,
|
|
313
|
-
buttonPaddingLeft: _coreTokens["default"].spacing_16,
|
|
314
|
-
buttonPaddingRight: _coreTokens["default"].spacing_16,
|
|
315
|
-
buttonHeight: "40px",
|
|
316
|
-
buttonBorderRadius: "4px",
|
|
317
|
-
buttonBorderStyle: _coreTokens["default"].border_none,
|
|
318
|
-
buttonBorderThickness: _coreTokens["default"].border_width_0,
|
|
319
|
-
buttonBorderColor: _coreTokens["default"].color_transparent,
|
|
320
|
-
disabledColor: _coreTokens["default"].color_grey_500,
|
|
321
|
-
disabledButtonBackgroundColor: _coreTokens["default"].color_transparent,
|
|
322
|
-
disabledButtonBorderColor: _coreTokens["default"].color_transparent,
|
|
323
|
-
optionBackgroundColor: _coreTokens["default"].color_white,
|
|
324
|
-
hoverOptionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
325
|
-
activeOptionBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
326
|
-
optionFontFamily: _coreTokens["default"].type_sans,
|
|
327
|
-
optionFontSize: _coreTokens["default"].type_scale_03,
|
|
328
|
-
optionFontStyle: _coreTokens["default"].type_normal,
|
|
329
|
-
optionFontWeight: _coreTokens["default"].type_regular,
|
|
330
|
-
optionFontColor: _coreTokens["default"].color_black,
|
|
331
|
-
optionIconSize: "20px",
|
|
332
|
-
optionIconSpacing: "10px",
|
|
333
|
-
optionIconColor: _coreTokens["default"].color_black,
|
|
334
|
-
optionPaddingTop: "6px",
|
|
335
|
-
optionPaddingBottom: "6px",
|
|
336
|
-
optionPaddingLeft: _coreTokens["default"].spacing_16,
|
|
337
|
-
optionPaddingRight: _coreTokens["default"].spacing_16,
|
|
338
|
-
caretIconSize: "24px",
|
|
339
|
-
caretIconColor: _coreTokens["default"].color_black,
|
|
340
|
-
caretIconSpacing: _coreTokens["default"].spacing_12,
|
|
341
|
-
borderRadius: "4px",
|
|
342
|
-
borderStyle: _coreTokens["default"].border_none,
|
|
343
|
-
borderThickness: _coreTokens["default"].border_width_0,
|
|
344
|
-
borderColor: _coreTokens["default"].color_transparent,
|
|
345
|
-
scrollBarThumbColor: _coreTokens["default"].color_grey_700,
|
|
346
|
-
scrollBarTrackColor: _coreTokens["default"].color_grey_300,
|
|
347
|
-
focusColor: _coreTokens["default"].color_blue_600
|
|
348
|
-
},
|
|
349
|
-
fileInput: {
|
|
350
|
-
dropBorderColor: _coreTokens["default"].color_black,
|
|
351
|
-
fileItemBorderColor: _coreTokens["default"].color_grey_300,
|
|
352
|
-
fileNameFontColor: _coreTokens["default"].color_black,
|
|
353
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
354
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
355
|
-
dropLabelFontColor: _coreTokens["default"].color_black,
|
|
356
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
357
|
-
disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
|
|
358
|
-
disabledDropLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
359
|
-
focusDropBorderColor: _coreTokens["default"].color_blue_600,
|
|
360
|
-
disabledDropBorderColor: _coreTokens["default"].color_grey_500,
|
|
361
|
-
dragoverDropBackgroundColor: _coreTokens["default"].color_blue_50,
|
|
362
|
-
errorFileItemBorderColor: _coreTokens["default"].color_red_700,
|
|
363
|
-
errorFileItemBackgroundColor: _coreTokens["default"].color_red_50,
|
|
364
|
-
errorFilePreviewBackgroundColor: _coreTokens["default"].color_red_200,
|
|
365
|
-
errorFileItemIconColor: _coreTokens["default"].color_red_700,
|
|
366
|
-
fileItemIconBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
367
|
-
deleteFileItemColor: _coreTokens["default"].color_black,
|
|
368
|
-
errorMessageFontColor: _coreTokens["default"].color_red_700,
|
|
369
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
370
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
371
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
372
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
373
|
-
fileItemFontFamily: _coreTokens["default"].type_sans,
|
|
374
|
-
fileItemFontSize: _coreTokens["default"].type_scale_02,
|
|
375
|
-
fileItemFontWeight: _coreTokens["default"].type_regular,
|
|
376
|
-
fileItemLineHeight: _coreTokens["default"].type_leading_normal,
|
|
377
|
-
helperTextFontFamily: _coreTokens["default"].type_sans,
|
|
378
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
379
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
380
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
381
|
-
dropLabelFontFamily: _coreTokens["default"].type_sans,
|
|
382
|
-
dropLabelFontSize: _coreTokens["default"].type_scale_03,
|
|
383
|
-
dropLabelFontWeight: _coreTokens["default"].type_regular,
|
|
384
|
-
errorMessageFontFamily: _coreTokens["default"].type_sans,
|
|
385
|
-
errorMessageFontSize: _coreTokens["default"].type_scale_01,
|
|
386
|
-
errorMessageFontWeight: _coreTokens["default"].type_regular,
|
|
387
|
-
errorMessageLineHeight: _coreTokens["default"].type_leading_normal,
|
|
388
|
-
dropBorderThickness: _coreTokens["default"].border_width_1,
|
|
389
|
-
dropBorderStyle: _coreTokens["default"].border_dashed,
|
|
390
|
-
dropBorderRadius: _coreTokens["default"].border_radius_large,
|
|
391
|
-
fileItemBorderThickness: _coreTokens["default"].border_width_1,
|
|
392
|
-
fileItemBorderStyle: _coreTokens["default"].border_solid,
|
|
393
|
-
fileItemBorderRadius: _coreTokens["default"].border_radius_medium,
|
|
394
|
-
hoverDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_100_a,
|
|
395
|
-
activeDeleteFileItemBackgroundColor: _coreTokens["default"].color_grey_300_a,
|
|
396
|
-
focusDeleteFileItemBorderColor: _coreTokens["default"].color_blue_600,
|
|
397
|
-
filePreviewBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
398
|
-
filePreviewIconColor: _coreTokens["default"].color_grey_600,
|
|
399
|
-
errorFilePreviewIconColor: _coreTokens["default"].color_red_700
|
|
400
|
-
},
|
|
401
|
-
footer: {
|
|
402
|
-
height: "124px",
|
|
403
|
-
backgroundColor: _coreTokens["default"].color_black,
|
|
404
|
-
bottomLinksDividerColor: _coreTokens["default"].color_blue_600,
|
|
405
|
-
bottomLinksDividerThickness: "1px",
|
|
406
|
-
bottomLinksDividerStyle: _coreTokens["default"].border_solid,
|
|
407
|
-
bottomLinksDividerSpacing: _coreTokens["default"].spacing_8,
|
|
408
|
-
bottomLinksFontFamily: _coreTokens["default"].type_sans,
|
|
409
|
-
bottomLinksFontSize: _coreTokens["default"].type_scale_01,
|
|
410
|
-
bottomLinksFontStyle: _coreTokens["default"].type_normal,
|
|
411
|
-
bottomLinksFontWeight: _coreTokens["default"].type_regular,
|
|
412
|
-
bottomLinksFontColor: _coreTokens["default"].color_white,
|
|
413
|
-
bottomLinksTextDecoration: _coreTokens["default"].type_no_line,
|
|
414
|
-
copyrightFontFamily: _coreTokens["default"].type_sans,
|
|
415
|
-
copyrightFontSize: _coreTokens["default"].type_scale_01,
|
|
416
|
-
copyrightFontStyle: _coreTokens["default"].type_normal,
|
|
417
|
-
copyrightFontWeight: _coreTokens["default"].type_regular,
|
|
418
|
-
copyrightFontColor: _coreTokens["default"].color_white,
|
|
419
|
-
logo: "",
|
|
420
|
-
logoHeight: "32px",
|
|
421
|
-
logoWidth: "auto",
|
|
422
|
-
socialLinksSize: "24px",
|
|
423
|
-
socialLinksGutter: _coreTokens["default"].spacing_16,
|
|
424
|
-
socialLinksColor: _coreTokens["default"].color_white
|
|
425
|
-
},
|
|
426
|
-
header: {
|
|
427
|
-
backgroundColor: _coreTokens["default"].color_white,
|
|
428
|
-
hamburguerFocusColor: _coreTokens["default"].color_blue_600,
|
|
429
|
-
hamburguerFontFamily: _coreTokens["default"].type_sans,
|
|
430
|
-
hamburguerFontStyle: _coreTokens["default"].type_normal,
|
|
431
|
-
hamburguerFontColor: _coreTokens["default"].color_black,
|
|
432
|
-
hamburguerFontSize: "10px",
|
|
433
|
-
hamburguerFontWeight: _coreTokens["default"].type_semibold,
|
|
434
|
-
hamburguerTextTransform: _coreTokens["default"].type_uppercase,
|
|
435
|
-
hamburguerIconColor: _coreTokens["default"].color_black,
|
|
436
|
-
hamburguerHoverColor: _coreTokens["default"].color_grey_200,
|
|
437
|
-
logo: "",
|
|
438
|
-
logoResponsive: "",
|
|
439
|
-
logoHeight: "40px",
|
|
440
|
-
logoWidth: "auto",
|
|
441
|
-
menuBackgroundColor: _coreTokens["default"].color_white,
|
|
442
|
-
menuZindex: "2000",
|
|
443
|
-
menuTabletWidth: "60vw",
|
|
444
|
-
menuMobileWidth: "100vw",
|
|
445
|
-
minHeight: "64px",
|
|
446
|
-
overlayColor: _coreTokens["default"].color_grey_800_a,
|
|
447
|
-
overlayOpacity: "0.7",
|
|
448
|
-
overlayZindex: "1600",
|
|
449
|
-
paddingTop: _coreTokens["default"].spacing_0,
|
|
450
|
-
paddingBottom: _coreTokens["default"].spacing_0,
|
|
451
|
-
paddingRight: _coreTokens["default"].spacing_24,
|
|
452
|
-
paddingLeft: _coreTokens["default"].spacing_24,
|
|
453
|
-
underlinedColor: _coreTokens["default"].color_black,
|
|
454
|
-
underlinedThickness: "2px",
|
|
455
|
-
underlinedStyle: _coreTokens["default"].border_solid,
|
|
456
|
-
contentColor: _coreTokens["default"].color_black
|
|
457
|
-
},
|
|
458
|
-
heading: {
|
|
459
|
-
level1FontColor: _coreTokens["default"].inherit,
|
|
460
|
-
level1FontFamily: _coreTokens["default"].type_sans,
|
|
461
|
-
level1FontSize: _coreTokens["default"].type_scale_07,
|
|
462
|
-
level1FontStyle: _coreTokens["default"].type_normal,
|
|
463
|
-
level1FontWeight: _coreTokens["default"].type_semibold,
|
|
464
|
-
level1LineHeight: _coreTokens["default"].type_leading_compact_01,
|
|
465
|
-
level1LetterSpacing: _coreTokens["default"].type_spacing_tight_01,
|
|
466
|
-
level2FontColor: _coreTokens["default"].inherit,
|
|
467
|
-
level2FontFamily: _coreTokens["default"].type_sans,
|
|
468
|
-
level2FontSize: _coreTokens["default"].type_scale_05,
|
|
469
|
-
level2FontStyle: _coreTokens["default"].type_normal,
|
|
470
|
-
level2FontWeight: _coreTokens["default"].type_semibold,
|
|
471
|
-
level2LineHeight: _coreTokens["default"].type_leading_normal,
|
|
472
|
-
level2LetterSpacing: _coreTokens["default"].type_spacing_normal,
|
|
473
|
-
level3FontColor: _coreTokens["default"].inherit,
|
|
474
|
-
level3FontFamily: _coreTokens["default"].type_sans,
|
|
475
|
-
level3FontSize: _coreTokens["default"].type_scale_04,
|
|
476
|
-
level3FontStyle: _coreTokens["default"].type_normal,
|
|
477
|
-
level3FontWeight: _coreTokens["default"].type_semibold,
|
|
478
|
-
level3LineHeight: _coreTokens["default"].type_leading_compact_01,
|
|
479
|
-
level3LetterSpacing: _coreTokens["default"].type_spacing_wide_01,
|
|
480
|
-
level4FontColor: _coreTokens["default"].inherit,
|
|
481
|
-
level4FontFamily: _coreTokens["default"].type_sans,
|
|
482
|
-
level4FontSize: _coreTokens["default"].type_scale_03,
|
|
483
|
-
level4FontStyle: _coreTokens["default"].type_normal,
|
|
484
|
-
level4FontWeight: _coreTokens["default"].type_semibold,
|
|
485
|
-
level4LineHeight: _coreTokens["default"].type_leading_normal,
|
|
486
|
-
level4LetterSpacing: _coreTokens["default"].type_spacing_normal,
|
|
487
|
-
level5FontColor: _coreTokens["default"].inherit,
|
|
488
|
-
level5FontFamily: _coreTokens["default"].type_sans,
|
|
489
|
-
level5FontSize: _coreTokens["default"].type_scale_02,
|
|
490
|
-
level5FontStyle: _coreTokens["default"].type_normal,
|
|
491
|
-
level5FontWeight: _coreTokens["default"].type_semibold,
|
|
492
|
-
level5LineHeight: _coreTokens["default"].type_leading_normal,
|
|
493
|
-
level5LetterSpacing: _coreTokens["default"].type_spacing_wide_01
|
|
494
|
-
},
|
|
495
|
-
image: {
|
|
496
|
-
captionFontColor: _coreTokens["default"].color_grey_900,
|
|
497
|
-
captionFontFamily: _coreTokens["default"].type_sans,
|
|
498
|
-
captionFontSize: _coreTokens["default"].type_scale_02,
|
|
499
|
-
captionFontStyle: _coreTokens["default"].type_normal,
|
|
500
|
-
captionFontWeight: _coreTokens["default"].type_regular,
|
|
501
|
-
captionLineHeight: _coreTokens["default"].type_leading_normal
|
|
502
|
-
},
|
|
503
|
-
link: {
|
|
504
|
-
fontColor: _coreTokens["default"].color_blue_800,
|
|
505
|
-
fontFamily: _coreTokens["default"].inherit,
|
|
506
|
-
fontSize: _coreTokens["default"].inherit,
|
|
507
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
508
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
509
|
-
iconSize: "16px",
|
|
510
|
-
iconSpacing: _coreTokens["default"].spacing_4,
|
|
511
|
-
underlineSpacing: _coreTokens["default"].spacing_0,
|
|
512
|
-
underlineStyle: _coreTokens["default"].border_solid,
|
|
513
|
-
underlineThickness: "1px",
|
|
514
|
-
disabledFontColor: _coreTokens["default"].color_grey_500,
|
|
515
|
-
hoverFontColor: _coreTokens["default"].color_blue_800,
|
|
516
|
-
hoverUnderlineColor: _coreTokens["default"].color_blue_800,
|
|
517
|
-
visitedFontColor: _coreTokens["default"].color_purple_700,
|
|
518
|
-
visitedUnderlineColor: _coreTokens["default"].color_purple_700,
|
|
519
|
-
activeFontColor: _coreTokens["default"].color_black,
|
|
520
|
-
activeUnderlineColor: _coreTokens["default"].color_black,
|
|
521
|
-
focusColor: _coreTokens["default"].color_blue_600
|
|
522
|
-
},
|
|
523
|
-
navTabs: {
|
|
524
|
-
selectedBackgroundColor: _coreTokens["default"].color_white,
|
|
525
|
-
unselectedBackgroundColor: _coreTokens["default"].color_white,
|
|
526
|
-
hoverBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
527
|
-
pressedBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
528
|
-
selectedFontColor: _coreTokens["default"].color_grey_700,
|
|
529
|
-
unselectedFontColor: _coreTokens["default"].color_grey_700,
|
|
530
|
-
disabledFontColor: _coreTokens["default"].color_grey_500,
|
|
531
|
-
focusOutline: _coreTokens["default"].color_blue_600,
|
|
532
|
-
selectedUnderlineColor: _coreTokens["default"].color_purple_700,
|
|
533
|
-
dividerColor: _coreTokens["default"].color_grey_400,
|
|
534
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
535
|
-
fontSize: _coreTokens["default"].type_scale_03,
|
|
536
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
537
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
538
|
-
selectedIconColor: _coreTokens["default"].color_grey_700,
|
|
539
|
-
unselectedIconColor: _coreTokens["default"].color_grey_700,
|
|
540
|
-
disabledIconColor: _coreTokens["default"].color_grey_500
|
|
541
|
-
},
|
|
542
|
-
paginator: {
|
|
543
|
-
backgroundColor: _coreTokens["default"].color_grey_100,
|
|
544
|
-
fontColor: _coreTokens["default"].color_black,
|
|
545
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
546
|
-
fontSize: _coreTokens["default"].type_scale_02,
|
|
547
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
548
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
549
|
-
fontTextTransform: "none",
|
|
550
|
-
verticalPadding: _coreTokens["default"].spacing_12,
|
|
551
|
-
horizontalPadding: _coreTokens["default"].spacing_32,
|
|
552
|
-
marginRight: _coreTokens["default"].spacing_40,
|
|
553
|
-
marginLeft: "20px",
|
|
554
|
-
itemsPerPageSelectorMarginLeft: _coreTokens["default"].spacing_0,
|
|
555
|
-
itemsPerPageSelectorMarginRight: _coreTokens["default"].spacing_8,
|
|
556
|
-
pageSelectorMarginRight: "30px",
|
|
557
|
-
pageSelectorMarginLeft: _coreTokens["default"].spacing_0,
|
|
558
|
-
totalItemsContainerMarginRight: _coreTokens["default"].spacing_40,
|
|
559
|
-
totalItemsContainerMarginLeft: _coreTokens["default"].spacing_0
|
|
560
|
-
},
|
|
561
|
-
paragraph: {
|
|
562
|
-
display: "block",
|
|
563
|
-
fontColor: _coreTokens["default"].color_black,
|
|
564
|
-
fontSize: _coreTokens["default"].type_scale_03,
|
|
565
|
-
fontWeight: _coreTokens["default"].type_regular
|
|
566
|
-
},
|
|
567
|
-
progressBar: {
|
|
568
|
-
trackLineColor: _coreTokens["default"].color_purple_700,
|
|
569
|
-
totalLineColor: _coreTokens["default"].color_grey_200,
|
|
570
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
571
|
-
labelFontSize: _coreTokens["default"].type_scale_01,
|
|
572
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
573
|
-
labelFontWeight: _coreTokens["default"].type_regular,
|
|
574
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
575
|
-
labelFontTextTransform: _coreTokens["default"].type_uppercase,
|
|
576
|
-
valueFontFamily: _coreTokens["default"].type_sans,
|
|
577
|
-
valueFontSize: _coreTokens["default"].type_scale_01,
|
|
578
|
-
valueFontStyle: _coreTokens["default"].type_normal,
|
|
579
|
-
valueFontWeight: _coreTokens["default"].type_regular,
|
|
580
|
-
valueFontColor: _coreTokens["default"].color_black,
|
|
581
|
-
valueFontTextTransform: _coreTokens["default"].type_uppercase,
|
|
582
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
583
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
584
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
585
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
586
|
-
helperTextFontFamily: _coreTokens["default"].type_sans,
|
|
587
|
-
thickness: "9px",
|
|
588
|
-
borderRadius: "5px",
|
|
589
|
-
overlayColor: _coreTokens["default"].color_grey_800_a,
|
|
590
|
-
overlayFontColor: _coreTokens["default"].color_white
|
|
591
|
-
},
|
|
592
|
-
quickNav: {
|
|
593
|
-
fontColor: _coreTokens["default"].color_grey_700,
|
|
594
|
-
hoverFontColor: _coreTokens["default"].color_purple_600,
|
|
595
|
-
dividerBorderColor: _coreTokens["default"].color_grey_400,
|
|
596
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
597
|
-
focusBorderStyle: _coreTokens["default"].border_solid,
|
|
598
|
-
focusBorderThickness: _coreTokens["default"].border_width_2,
|
|
599
|
-
focusBorderRadius: _coreTokens["default"].border_width_2,
|
|
600
|
-
paddingTop: _coreTokens["default"].spacing_8,
|
|
601
|
-
paddingBottom: _coreTokens["default"].spacing_8,
|
|
602
|
-
paddingLeft: _coreTokens["default"].spacing_16,
|
|
603
|
-
paddingRight: _coreTokens["default"].spacing_16,
|
|
604
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
605
|
-
fontSize: _coreTokens["default"].type_scale_02,
|
|
606
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
607
|
-
fontWeight: _coreTokens["default"].type_regular
|
|
608
|
-
},
|
|
609
|
-
radioGroup: {
|
|
610
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
611
|
-
radioInputColor: _coreTokens["default"].color_blue_700,
|
|
612
|
-
hoverRadioInputColor: _coreTokens["default"].color_blue_800,
|
|
613
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
614
|
-
activeRadioInputColor: _coreTokens["default"].color_blue_900,
|
|
615
|
-
errorRadioInputColor: _coreTokens["default"].color_red_700,
|
|
616
|
-
hoverErrorRadioInputColor: _coreTokens["default"].color_red_800,
|
|
617
|
-
activeErrorRadioInputColor: _coreTokens["default"].color_red_900,
|
|
618
|
-
readOnlyRadioInputColor: _coreTokens["default"].color_grey_500,
|
|
619
|
-
hoverReadOnlyRadioInputColor: _coreTokens["default"].color_grey_600,
|
|
620
|
-
activeReadOnlyRadioInputColor: _coreTokens["default"].color_grey_700,
|
|
621
|
-
disabledRadioInputColor: _coreTokens["default"].color_grey_500,
|
|
622
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
623
|
-
disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
|
|
624
|
-
disabledRadioInputLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
625
|
-
errorMessageColor: _coreTokens["default"].color_red_700,
|
|
626
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
627
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
628
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
629
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
630
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
631
|
-
optionalLabelFontWeight: _coreTokens["default"].type_regular,
|
|
632
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
633
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
634
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
635
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
636
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
637
|
-
radioInputLabelFontColor: _coreTokens["default"].color_black,
|
|
638
|
-
radioInputLabelFontSize: _coreTokens["default"].type_scale_02,
|
|
639
|
-
radioInputLabelFontStyle: _coreTokens["default"].type_normal,
|
|
640
|
-
radioInputLabelFontWeight: _coreTokens["default"].type_regular,
|
|
641
|
-
radioInputLabelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
642
|
-
groupLabelMargin: _coreTokens["default"].spacing_8,
|
|
643
|
-
radioInputLabelMargin: _coreTokens["default"].spacing_8,
|
|
644
|
-
groupVerticalGutter: _coreTokens["default"].spacing_4,
|
|
645
|
-
groupHorizontalGutter: _coreTokens["default"].spacing_32
|
|
646
|
-
},
|
|
647
|
-
select: {
|
|
648
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
649
|
-
disabledColor: _coreTokens["default"].color_grey_500,
|
|
650
|
-
enabledInputBorderColor: _coreTokens["default"].color_black,
|
|
651
|
-
hoverInputBorderColor: _coreTokens["default"].color_purple_500,
|
|
652
|
-
focusInputBorderColor: _coreTokens["default"].color_blue_600,
|
|
653
|
-
errorInputBorderColor: _coreTokens["default"].color_red_700,
|
|
654
|
-
hoverInputErrorBorderColor: _coreTokens["default"].color_red_600,
|
|
655
|
-
disabledInputBorderColor: _coreTokens["default"].color_grey_500,
|
|
656
|
-
disabledInputBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
657
|
-
inputMarginTop: _coreTokens["default"].spacing_4,
|
|
658
|
-
inputMarginBottom: _coreTokens["default"].spacing_4,
|
|
659
|
-
errorMessageColor: _coreTokens["default"].color_red_700,
|
|
660
|
-
errorIconColor: _coreTokens["default"].color_red_700,
|
|
661
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
662
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
663
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
664
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
665
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
666
|
-
optionalLabelFontWeight: _coreTokens["default"].type_regular,
|
|
667
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
668
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
669
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
670
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
671
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
672
|
-
placeholderFontColor: _coreTokens["default"].color_grey_800_a,
|
|
673
|
-
valueFontColor: _coreTokens["default"].color_black,
|
|
674
|
-
valueFontSize: _coreTokens["default"].type_scale_03,
|
|
675
|
-
valueFontStyle: _coreTokens["default"].type_normal,
|
|
676
|
-
valueFontWeight: _coreTokens["default"].type_regular,
|
|
677
|
-
actionIconColor: _coreTokens["default"].color_black,
|
|
678
|
-
hoverActionIconColor: _coreTokens["default"].color_black,
|
|
679
|
-
activeActionIconColor: _coreTokens["default"].color_black,
|
|
680
|
-
actionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
681
|
-
hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
682
|
-
activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
683
|
-
listOptionFontColor: _coreTokens["default"].color_black,
|
|
684
|
-
listOptionFontSize: _coreTokens["default"].type_scale_02,
|
|
685
|
-
listOptionFontStyle: _coreTokens["default"].type_normal,
|
|
686
|
-
listOptionFontWeight: _coreTokens["default"].type_regular,
|
|
687
|
-
listOptionIconColor: _coreTokens["default"].color_black,
|
|
688
|
-
listOptionDividerColor: _coreTokens["default"].color_grey_200,
|
|
689
|
-
listGroupLabelFontWeight: _coreTokens["default"].type_semibold,
|
|
690
|
-
focusListOptionBorderColor: _coreTokens["default"].color_blue_600,
|
|
691
|
-
systemMessageFontColor: _coreTokens["default"].color_grey_700,
|
|
692
|
-
collapseIndicatorColor: _coreTokens["default"].color_black,
|
|
693
|
-
listDialogBackgroundColor: _coreTokens["default"].color_white,
|
|
694
|
-
listDialogBorderColor: _coreTokens["default"].color_grey_400,
|
|
695
|
-
selectedListOptionBackgroundColor: _coreTokens["default"].color_blue_100,
|
|
696
|
-
selectedHoverListOptionBackgroundColor: _coreTokens["default"].color_blue_200,
|
|
697
|
-
selectedActiveListOptionBackgroundColor: _coreTokens["default"].color_blue_300,
|
|
698
|
-
selectedListOptionIconColor: _coreTokens["default"].color_blue_900,
|
|
699
|
-
unselectedHoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
700
|
-
unselectedActiveListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
701
|
-
selectionIndicatorFontColor: _coreTokens["default"].color_black,
|
|
702
|
-
selectionIndicatorFontSize: _coreTokens["default"].type_scale_01,
|
|
703
|
-
selectionIndicatorFontStyle: _coreTokens["default"].type_regular,
|
|
704
|
-
selectionIndicatorFontWeight: _coreTokens["default"].type_normal,
|
|
705
|
-
selectionIndicatorBorderColor: _coreTokens["default"].color_grey_400,
|
|
706
|
-
selectionIndicatorBackgroundColor: _coreTokens["default"].color_grey_50,
|
|
707
|
-
enabledSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
708
|
-
enabledSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
|
|
709
|
-
hoverSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
710
|
-
hoverSelectionIndicatorActionIconColor: _coreTokens["default"].color_black,
|
|
711
|
-
activeSelectionIndicatorActionBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
712
|
-
activeSelectionIndicatorActionIconColor: _coreTokens["default"].color_black
|
|
713
|
-
},
|
|
714
|
-
sidenav: {
|
|
715
|
-
backgroundColor: _coreTokens["default"].color_grey_100,
|
|
716
|
-
titleFontFamily: _coreTokens["default"].type_sans,
|
|
717
|
-
titleFontSize: _coreTokens["default"].type_scale_04,
|
|
718
|
-
titleFontStyle: _coreTokens["default"].type_normal,
|
|
719
|
-
titleFontWeight: _coreTokens["default"].type_semibold,
|
|
720
|
-
titleFontColor: _coreTokens["default"].color_grey_800,
|
|
721
|
-
titleFontTextTransform: "none",
|
|
722
|
-
titleFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
|
|
723
|
-
groupTitleFontFamily: _coreTokens["default"].type_sans,
|
|
724
|
-
groupTitleFontSize: _coreTokens["default"].type_scale_02,
|
|
725
|
-
groupTitleFontStyle: _coreTokens["default"].type_normal,
|
|
726
|
-
groupTitleFontWeight: _coreTokens["default"].type_semibold,
|
|
727
|
-
groupTitleFontColor: _coreTokens["default"].color_black,
|
|
728
|
-
groupTitleHoverBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
729
|
-
groupTitleActiveBackgroundColor: _coreTokens["default"].color_grey_800,
|
|
730
|
-
groupTitleSelectedFontColor: _coreTokens["default"].color_white,
|
|
731
|
-
groupTitleSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
|
|
732
|
-
groupTitleSelectedHoverFontColor: _coreTokens["default"].color_white,
|
|
733
|
-
groupTitleSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
|
|
734
|
-
groupTitleFontTextTransform: _coreTokens["default"].type_uppercase,
|
|
735
|
-
groupTitleFontLetterSpacing: _coreTokens["default"].type_spacing_wide_02,
|
|
736
|
-
linkFontFamily: _coreTokens["default"].type_sans,
|
|
737
|
-
linkFontSize: _coreTokens["default"].type_scale_02,
|
|
738
|
-
linkFontStyle: _coreTokens["default"].type_normal,
|
|
739
|
-
linkFontWeight: _coreTokens["default"].type_regular,
|
|
740
|
-
linkFontColor: _coreTokens["default"].color_grey_800,
|
|
741
|
-
linkHoverBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
742
|
-
linkSelectedFontColor: _coreTokens["default"].color_white,
|
|
743
|
-
linkSelectedBackgroundColor: _coreTokens["default"].color_grey_800,
|
|
744
|
-
linkSelectedHoverFontColor: _coreTokens["default"].color_white,
|
|
745
|
-
linkSelectedHoverBackgroundColor: _coreTokens["default"].color_grey_900,
|
|
746
|
-
linkFontTextTransform: "none",
|
|
747
|
-
linkFontLetterSpacing: _coreTokens["default"].type_spacing_wide_01,
|
|
748
|
-
linkTextDecoration: _coreTokens["default"].type_no_line,
|
|
749
|
-
linkMarginTop: _coreTokens["default"].spacing_4,
|
|
750
|
-
linkMarginBottom: _coreTokens["default"].spacing_4,
|
|
751
|
-
linkMarginRight: _coreTokens["default"].spacing_16,
|
|
752
|
-
linkMarginLeft: _coreTokens["default"].spacing_16,
|
|
753
|
-
linkFocusColor: _coreTokens["default"].color_blue_600,
|
|
754
|
-
scrollBarThumbColor: _coreTokens["default"].color_grey_200_a,
|
|
755
|
-
scrollBarTrackColor: _coreTokens["default"].color_transparent
|
|
756
|
-
},
|
|
757
|
-
slider: {
|
|
758
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
759
|
-
limitValuesFontColor: _coreTokens["default"].color_black,
|
|
760
|
-
limitValuesFontSize: _coreTokens["default"].type_scale_03,
|
|
761
|
-
limitValuesFontStyle: _coreTokens["default"].type_normal,
|
|
762
|
-
limitValuesFontWeight: _coreTokens["default"].type_regular,
|
|
763
|
-
limitValuesFontLetterSpacing: _coreTokens["default"].type_spacing_normal,
|
|
764
|
-
disabledLimitValuesFontColor: _coreTokens["default"].color_grey_500,
|
|
765
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
766
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
767
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
768
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
769
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
770
|
-
helperTextFontFamily: _coreTokens["default"].type_sans,
|
|
771
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
772
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
773
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
774
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
775
|
-
fontColor: _coreTokens["default"].color_black,
|
|
776
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
777
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
778
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
779
|
-
disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
|
|
780
|
-
thumbHeight: "12px",
|
|
781
|
-
thumbWidth: "12px",
|
|
782
|
-
hoverThumbHeight: "14px",
|
|
783
|
-
hoverThumbWidth: "14px",
|
|
784
|
-
thumbVerticalPosition: "12px",
|
|
785
|
-
hoverThumbVerticalPosition: "11px",
|
|
786
|
-
thumbBackgroundColor: _coreTokens["default"].color_blue_800,
|
|
787
|
-
hoverThumbScale: "1.166666",
|
|
788
|
-
hoverThumbBackgroundColor: _coreTokens["default"].color_blue_900,
|
|
789
|
-
activeThumbScale: "1.166666",
|
|
790
|
-
activeThumbBackgroundColor: _coreTokens["default"].color_blue_900,
|
|
791
|
-
focusThumbBackgroundColor: _coreTokens["default"].color_blue_800,
|
|
792
|
-
tickHeight: "4px",
|
|
793
|
-
tickWidth: "4px",
|
|
794
|
-
tickVerticalPosition: "11px",
|
|
795
|
-
tickBackgroundColor: _coreTokens["default"].color_blue_800,
|
|
796
|
-
trackLineThickness: "2px",
|
|
797
|
-
trackLineVerticalPosition: "50%",
|
|
798
|
-
trackLineColor: _coreTokens["default"].color_blue_800,
|
|
799
|
-
totalLineThickness: "2px",
|
|
800
|
-
totalLineVerticalPosition: "50%",
|
|
801
|
-
totalLineColor: _coreTokens["default"].color_grey_200_a,
|
|
802
|
-
disabledThumbVerticalPosition: "10px",
|
|
803
|
-
disabledThumbBackgroundColor: _coreTokens["default"].color_grey_500,
|
|
804
|
-
disabledTickVerticalPosition: "11px",
|
|
805
|
-
disabledTickBackgroundColor: _coreTokens["default"].color_grey_500,
|
|
806
|
-
disabledTrackLineColor: _coreTokens["default"].color_grey_500,
|
|
807
|
-
disabledTotalLineColor: _coreTokens["default"].color_grey_100,
|
|
808
|
-
focusColor: _coreTokens["default"].color_blue_600,
|
|
809
|
-
floorLabelMarginRight: _coreTokens["default"].type_scale_03,
|
|
810
|
-
ceilLabelMarginLeft: _coreTokens["default"].type_scale_03,
|
|
811
|
-
inputMarginLeft: _coreTokens["default"].type_scale_06
|
|
812
|
-
},
|
|
813
|
-
spinner: {
|
|
814
|
-
trackCircleColor: _coreTokens["default"].color_purple_700,
|
|
815
|
-
trackCircleColorOverlay: _coreTokens["default"].color_purple_500,
|
|
816
|
-
totalCircleColor: _coreTokens["default"].color_white,
|
|
817
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
818
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
819
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
820
|
-
labelFontWeight: _coreTokens["default"].type_regular,
|
|
821
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
822
|
-
labelTextAlign: "center",
|
|
823
|
-
progressValueFontFamily: _coreTokens["default"].type_sans,
|
|
824
|
-
progressValueFontSize: _coreTokens["default"].type_scale_02,
|
|
825
|
-
progressValueFontStyle: _coreTokens["default"].type_normal,
|
|
826
|
-
progressValueFontWeight: _coreTokens["default"].type_bold,
|
|
827
|
-
progressValueFontColor: _coreTokens["default"].inherit,
|
|
828
|
-
progressValueTextAlign: "center",
|
|
829
|
-
overlayBackgroundColor: _coreTokens["default"].color_black,
|
|
830
|
-
overlayOpacity: "0.8",
|
|
831
|
-
overlayLabelFontFamily: _coreTokens["default"].type_sans,
|
|
832
|
-
overlayLabelFontSize: _coreTokens["default"].type_scale_02,
|
|
833
|
-
overlayLabelFontStyle: _coreTokens["default"].type_normal,
|
|
834
|
-
overlayLabelFontWeight: _coreTokens["default"].type_regular,
|
|
835
|
-
overlayLabelFontColor: _coreTokens["default"].color_white,
|
|
836
|
-
overlayLabelTextAlign: "center",
|
|
837
|
-
overlayProgressValueFontFamily: _coreTokens["default"].type_sans,
|
|
838
|
-
overlayProgressValueFontSize: _coreTokens["default"].type_scale_02,
|
|
839
|
-
overlayProgressValueFontStyle: _coreTokens["default"].type_normal,
|
|
840
|
-
overlayProgressValueFontWeight: _coreTokens["default"].type_bold,
|
|
841
|
-
overlayProgressValueFontColor: _coreTokens["default"].color_white,
|
|
842
|
-
overlayProgressValueTextAlign: "center"
|
|
843
|
-
},
|
|
844
|
-
"switch": {
|
|
845
|
-
checkedTrackBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
846
|
-
checkedThumbBackgroundColor: _coreTokens["default"].color_white,
|
|
847
|
-
uncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_400,
|
|
848
|
-
uncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
|
|
849
|
-
disabledCheckedTrackBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
850
|
-
disabledCheckedThumbBackgroundColor: _coreTokens["default"].color_white,
|
|
851
|
-
disabledUncheckedTrackBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
852
|
-
disabledUncheckedThumbBackgroundColor: _coreTokens["default"].color_white,
|
|
853
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
854
|
-
disabledLabelFontStyle: _coreTokens["default"].type_normal,
|
|
855
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
856
|
-
labelFontSize: _coreTokens["default"].type_scale_03,
|
|
857
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
858
|
-
labelFontWeight: _coreTokens["default"].type_regular,
|
|
859
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
860
|
-
thumbFocusColor: _coreTokens["default"].color_blue_600,
|
|
861
|
-
thumbHeight: "24px",
|
|
862
|
-
thumbWidth: "24px",
|
|
863
|
-
thumbShift: "1.25rem",
|
|
864
|
-
trackHeight: "12px",
|
|
865
|
-
trackWidth: "36px",
|
|
866
|
-
spaceBetweenLabelSwitch: _coreTokens["default"].spacing_8
|
|
867
|
-
},
|
|
868
|
-
table: {
|
|
869
|
-
rowSeparatorThickness: "1px",
|
|
870
|
-
rowSeparatorStyle: _coreTokens["default"].border_solid,
|
|
871
|
-
rowSeparatorColor: _coreTokens["default"].color_grey_300,
|
|
872
|
-
dataBackgroundColor: _coreTokens["default"].color_white,
|
|
873
|
-
dataFontFamily: _coreTokens["default"].type_sans,
|
|
874
|
-
dataFontSize: _coreTokens["default"].type_scale_02,
|
|
875
|
-
dataFontStyle: _coreTokens["default"].type_normal,
|
|
876
|
-
dataFontWeight: _coreTokens["default"].type_regular,
|
|
877
|
-
dataFontColor: _coreTokens["default"].color_black,
|
|
878
|
-
dataFontTextTransform: "none",
|
|
879
|
-
dataPaddingTop: _coreTokens["default"].spacing_16,
|
|
880
|
-
dataPaddingBottom: _coreTokens["default"].spacing_16,
|
|
881
|
-
dataPaddingRight: "20px",
|
|
882
|
-
dataPaddingLeft: "20px",
|
|
883
|
-
dataPaddingTopReduced: _coreTokens["default"].spacing_8,
|
|
884
|
-
dataPaddingBottomReduced: _coreTokens["default"].spacing_8,
|
|
885
|
-
dataPaddingRightReduced: _coreTokens["default"].spacing_16,
|
|
886
|
-
dataPaddingLeftReduced: _coreTokens["default"].spacing_16,
|
|
887
|
-
dataTextAlign: "left",
|
|
888
|
-
dataTextLineHeight: "normal",
|
|
889
|
-
firstChildPaddingLeft: _coreTokens["default"].spacing_24,
|
|
890
|
-
lastChildPaddingRight: _coreTokens["default"].spacing_24,
|
|
891
|
-
firstChildPaddingLeftReduced: "20px",
|
|
892
|
-
lastChildPaddingRightReduced: "20px",
|
|
893
|
-
headerBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
894
|
-
headerBorderRadius: "4px",
|
|
895
|
-
headerFontFamily: _coreTokens["default"].type_sans,
|
|
896
|
-
headerFontSize: _coreTokens["default"].type_scale_02,
|
|
897
|
-
headerFontStyle: _coreTokens["default"].type_normal,
|
|
898
|
-
headerFontWeight: _coreTokens["default"].type_regular,
|
|
899
|
-
headerFontColor: _coreTokens["default"].color_white,
|
|
900
|
-
headerFontTextTransform: "none",
|
|
901
|
-
headerPaddingTop: _coreTokens["default"].spacing_16,
|
|
902
|
-
headerPaddingBottom: _coreTokens["default"].spacing_16,
|
|
903
|
-
headerPaddingRight: "20px",
|
|
904
|
-
headerPaddingLeft: "20px",
|
|
905
|
-
headerPaddingTopReduced: _coreTokens["default"].spacing_8,
|
|
906
|
-
headerPaddingBottomReduced: _coreTokens["default"].spacing_8,
|
|
907
|
-
headerPaddingRightReduced: _coreTokens["default"].spacing_16,
|
|
908
|
-
headerPaddingLeftReduced: _coreTokens["default"].spacing_16,
|
|
909
|
-
headerTextAlign: "left",
|
|
910
|
-
headerTextLineHeight: "normal",
|
|
911
|
-
scrollBarThumbColor: _coreTokens["default"].color_grey_700,
|
|
912
|
-
scrollBarTrackColor: _coreTokens["default"].color_grey_300,
|
|
913
|
-
sortIconColor: _coreTokens["default"].color_white,
|
|
914
|
-
actionIconColor: _coreTokens["default"].color_purple_700,
|
|
915
|
-
disabledActionIconColor: _coreTokens["default"].color_grey_500,
|
|
916
|
-
hoverActionIconColor: _coreTokens["default"].color_purple_700,
|
|
917
|
-
focusActionIconColor: _coreTokens["default"].color_purple_700,
|
|
918
|
-
activeActionIconColor: _coreTokens["default"].color_purple_700,
|
|
919
|
-
actionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
920
|
-
disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
921
|
-
hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
922
|
-
focusActionBorderColor: _coreTokens["default"].color_blue_600,
|
|
923
|
-
activeActionBackgroundColor: _coreTokens["default"].color_grey_300
|
|
924
|
-
},
|
|
925
|
-
tabs: {
|
|
926
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
927
|
-
fontSize: _coreTokens["default"].type_scale_03,
|
|
928
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
929
|
-
fontWeight: _coreTokens["default"].type_semibold,
|
|
930
|
-
fontTextTransform: "none",
|
|
931
|
-
selectedBackgroundColor: _coreTokens["default"].color_white,
|
|
932
|
-
selectedFontColor: _coreTokens["default"].color_purple_700,
|
|
933
|
-
selectedIconColor: _coreTokens["default"].color_purple_700,
|
|
934
|
-
selectedUnderlineColor: _coreTokens["default"].color_purple_700,
|
|
935
|
-
selectedUnderlineThickness: "2px",
|
|
936
|
-
unselectedBackgroundColor: _coreTokens["default"].color_white,
|
|
937
|
-
unselectedFontColor: _coreTokens["default"].color_grey_700,
|
|
938
|
-
unselectedIconColor: _coreTokens["default"].color_grey_700,
|
|
939
|
-
disabledFontColor: _coreTokens["default"].color_grey_500,
|
|
940
|
-
disabledIconColor: _coreTokens["default"].color_grey_500,
|
|
941
|
-
disabledFontStyle: _coreTokens["default"].type_normal,
|
|
942
|
-
hoverBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
943
|
-
pressedBackgroundColor: _coreTokens["default"].color_purple_200,
|
|
944
|
-
pressedFontWeight: _coreTokens["default"].type_semibold,
|
|
945
|
-
dividerColor: _coreTokens["default"].color_grey_400,
|
|
946
|
-
dividerThickness: "1px",
|
|
947
|
-
focusOutline: _coreTokens["default"].color_purple_700,
|
|
948
|
-
scrollButtonsWidth: "48px"
|
|
949
|
-
},
|
|
950
|
-
tag: {
|
|
951
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
952
|
-
fontColor: _coreTokens["default"].color_black,
|
|
953
|
-
fontSize: _coreTokens["default"].type_scale_02,
|
|
954
|
-
fontStyle: _coreTokens["default"].type_normal,
|
|
955
|
-
fontWeight: _coreTokens["default"].type_regular,
|
|
956
|
-
labelPaddingTop: _coreTokens["default"].spacing_0,
|
|
957
|
-
labelPaddingBottom: _coreTokens["default"].spacing_0,
|
|
958
|
-
labelPaddingLeft: _coreTokens["default"].spacing_16,
|
|
959
|
-
labelPaddingRight: _coreTokens["default"].spacing_16,
|
|
960
|
-
height: "40px",
|
|
961
|
-
iconColor: _coreTokens["default"].color_white,
|
|
962
|
-
iconSectionWidth: "40px",
|
|
963
|
-
iconHeight: "24px",
|
|
964
|
-
iconWidth: "auto",
|
|
965
|
-
focusColor: _coreTokens["default"].color_blue_600
|
|
966
|
-
},
|
|
967
|
-
textarea: {
|
|
968
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
969
|
-
enabledBorderColor: _coreTokens["default"].color_black,
|
|
970
|
-
hoverBorderColor: _coreTokens["default"].color_purple_500,
|
|
971
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
972
|
-
disabledBorderColor: _coreTokens["default"].color_grey_500,
|
|
973
|
-
disabledContainerFillColor: _coreTokens["default"].color_grey_100,
|
|
974
|
-
readOnlyBorderColor: _coreTokens["default"].color_grey_500,
|
|
975
|
-
hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
|
|
976
|
-
errorBorderColor: _coreTokens["default"].color_red_700,
|
|
977
|
-
hoverErrorBorderColor: _coreTokens["default"].color_red_600,
|
|
978
|
-
inputMarginTop: _coreTokens["default"].spacing_4,
|
|
979
|
-
inputMarginBottom: _coreTokens["default"].spacing_4,
|
|
980
|
-
errorMessageColor: _coreTokens["default"].color_red_700,
|
|
981
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
982
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
983
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
984
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
985
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
986
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
987
|
-
optionalLabelFontWeight: _coreTokens["default"].type_regular,
|
|
988
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
989
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
990
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
991
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
992
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
993
|
-
disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
|
|
994
|
-
placeholderFontColor: _coreTokens["default"].color_grey_800_a,
|
|
995
|
-
disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
|
|
996
|
-
valueFontColor: _coreTokens["default"].color_black,
|
|
997
|
-
valueFontSize: _coreTokens["default"].type_scale_03,
|
|
998
|
-
valueFontStyle: _coreTokens["default"].type_normal,
|
|
999
|
-
valueFontWeight: _coreTokens["default"].type_regular,
|
|
1000
|
-
disabledValueFontColor: _coreTokens["default"].color_grey_500
|
|
1001
|
-
},
|
|
1002
|
-
textInput: {
|
|
1003
|
-
fontFamily: _coreTokens["default"].type_sans,
|
|
1004
|
-
enabledBorderColor: _coreTokens["default"].color_black,
|
|
1005
|
-
hoverBorderColor: _coreTokens["default"].color_purple_500,
|
|
1006
|
-
focusBorderColor: _coreTokens["default"].color_blue_600,
|
|
1007
|
-
disabledBorderColor: _coreTokens["default"].color_grey_500,
|
|
1008
|
-
disabledContainerFillColor: _coreTokens["default"].color_grey_100,
|
|
1009
|
-
readOnlyBorderColor: _coreTokens["default"].color_grey_500,
|
|
1010
|
-
hoverReadOnlyBorderColor: _coreTokens["default"].color_grey_600,
|
|
1011
|
-
errorBorderColor: _coreTokens["default"].color_red_700,
|
|
1012
|
-
hoverErrorBorderColor: _coreTokens["default"].color_red_600,
|
|
1013
|
-
inputMarginTop: _coreTokens["default"].spacing_4,
|
|
1014
|
-
inputMarginBottom: _coreTokens["default"].spacing_4,
|
|
1015
|
-
errorMessageColor: _coreTokens["default"].color_red_700,
|
|
1016
|
-
errorIconColor: _coreTokens["default"].color_red_700,
|
|
1017
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
1018
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
1019
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
1020
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
1021
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
1022
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
1023
|
-
optionalLabelFontWeight: _coreTokens["default"].type_regular,
|
|
1024
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
1025
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
1026
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
1027
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
1028
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
1029
|
-
disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
|
|
1030
|
-
prefixColor: _coreTokens["default"].color_grey_700,
|
|
1031
|
-
suffixColor: _coreTokens["default"].color_grey_700,
|
|
1032
|
-
disabledPrefixColor: _coreTokens["default"].color_grey_400,
|
|
1033
|
-
disabledSuffixColor: _coreTokens["default"].color_grey_400,
|
|
1034
|
-
placeholderFontColor: _coreTokens["default"].color_grey_800_a,
|
|
1035
|
-
disabledPlaceholderFontColor: _coreTokens["default"].color_grey_500,
|
|
1036
|
-
valueFontColor: _coreTokens["default"].color_black,
|
|
1037
|
-
valueFontSize: _coreTokens["default"].type_scale_03,
|
|
1038
|
-
valueFontStyle: _coreTokens["default"].type_normal,
|
|
1039
|
-
valueFontWeight: _coreTokens["default"].type_regular,
|
|
1040
|
-
disabledValueFontColor: _coreTokens["default"].color_grey_500,
|
|
1041
|
-
actionIconColor: _coreTokens["default"].color_black,
|
|
1042
|
-
disabledActionIconColor: _coreTokens["default"].color_grey_500,
|
|
1043
|
-
hoverActionIconColor: _coreTokens["default"].color_black,
|
|
1044
|
-
focusActionIconColor: _coreTokens["default"].color_black,
|
|
1045
|
-
activeActionIconColor: _coreTokens["default"].color_black,
|
|
1046
|
-
actionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
1047
|
-
disabledActionBackgroundColor: _coreTokens["default"].color_transparent,
|
|
1048
|
-
hoverActionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
1049
|
-
focusActionBorderColor: _coreTokens["default"].color_blue_600,
|
|
1050
|
-
activeActionBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
1051
|
-
listDialogBackgroundColor: _coreTokens["default"].color_white,
|
|
1052
|
-
listDialogBorderColor: _coreTokens["default"].color_grey_400,
|
|
1053
|
-
listOptionDividerColor: _coreTokens["default"].color_grey_200,
|
|
1054
|
-
listOptionFontColor: _coreTokens["default"].color_black,
|
|
1055
|
-
listOptionFontSize: _coreTokens["default"].type_scale_02,
|
|
1056
|
-
listOptionFontStyle: _coreTokens["default"].type_normal,
|
|
1057
|
-
listOptionFontWeight: _coreTokens["default"].type_regular,
|
|
1058
|
-
systemMessageFontColor: _coreTokens["default"].color_grey_700,
|
|
1059
|
-
errorListDialogFontColor: _coreTokens["default"].color_black,
|
|
1060
|
-
errorListDialogBackgroundColor: _coreTokens["default"].color_red_50,
|
|
1061
|
-
errorListDialogBorderColor: _coreTokens["default"].color_red_700,
|
|
1062
|
-
hoverListOptionBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
1063
|
-
activeListOptionBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
1064
|
-
focusListOptionBorderColor: _coreTokens["default"].color_blue_600
|
|
1065
|
-
},
|
|
1066
|
-
toggleGroup: {
|
|
1067
|
-
containerBackgroundColor: _coreTokens["default"].color_grey_50,
|
|
1068
|
-
containerBorderColor: _coreTokens["default"].color_grey_500,
|
|
1069
|
-
labelFontColor: _coreTokens["default"].color_black,
|
|
1070
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
1071
|
-
helperTextFontColor: _coreTokens["default"].color_black,
|
|
1072
|
-
disabledHelperTextFontcolor: _coreTokens["default"].color_grey_500,
|
|
1073
|
-
unselectedBackgroundColor: _coreTokens["default"].color_grey_200,
|
|
1074
|
-
unselectedHoverBackgroundColor: _coreTokens["default"].color_grey_300,
|
|
1075
|
-
unselectedActiveBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
1076
|
-
unselectedDisabledBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
1077
|
-
unselectedFontColor: _coreTokens["default"].color_black,
|
|
1078
|
-
unselectedDisabledFontColor: _coreTokens["default"].color_grey_500,
|
|
1079
|
-
selectedBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
1080
|
-
selectedHoverBackgroundColor: _coreTokens["default"].color_purple_800,
|
|
1081
|
-
selectedActiveBackgroundColor: _coreTokens["default"].color_purple_900,
|
|
1082
|
-
selectedDisabledBackgroundColor: _coreTokens["default"].color_purple_100,
|
|
1083
|
-
selectedFontColor: _coreTokens["default"].color_white,
|
|
1084
|
-
selectedDisabledFontColor: _coreTokens["default"].color_purple_300,
|
|
1085
|
-
focusColor: _coreTokens["default"].color_blue_600,
|
|
1086
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
1087
|
-
labelFontSize: _coreTokens["default"].type_scale_02,
|
|
1088
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
1089
|
-
labelFontWeight: _coreTokens["default"].type_semibold,
|
|
1090
|
-
labelLineHeight: _coreTokens["default"].type_leading_loose_01,
|
|
1091
|
-
helperTextFontFamily: _coreTokens["default"].type_sans,
|
|
1092
|
-
helperTextFontSize: _coreTokens["default"].type_scale_01,
|
|
1093
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
1094
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
1095
|
-
helperTextLineHeight: _coreTokens["default"].type_leading_normal,
|
|
1096
|
-
optionLabelFontFamily: _coreTokens["default"].type_sans,
|
|
1097
|
-
optionLabelFontSize: _coreTokens["default"].type_scale_03,
|
|
1098
|
-
optionLabelFontStyle: _coreTokens["default"].type_normal,
|
|
1099
|
-
optionLabelFontWeight: _coreTokens["default"].type_regular,
|
|
1100
|
-
iconPaddingRight: _coreTokens["default"].spacing_8,
|
|
1101
|
-
iconPaddingLeft: _coreTokens["default"].spacing_8,
|
|
1102
|
-
labelPaddingLeft: _coreTokens["default"].spacing_24,
|
|
1103
|
-
labelPaddingRight: _coreTokens["default"].spacing_24,
|
|
1104
|
-
iconMarginRight: _coreTokens["default"].spacing_8,
|
|
1105
|
-
containerMarginTop: _coreTokens["default"].spacing_4,
|
|
1106
|
-
optionBorderThickness: _coreTokens["default"].border_width_0,
|
|
1107
|
-
optionBorderStyle: _coreTokens["default"].border_none,
|
|
1108
|
-
optionBorderRadius: _coreTokens["default"].border_radius_medium,
|
|
1109
|
-
containerBorderThickness: _coreTokens["default"].border_width_1,
|
|
1110
|
-
containerBorderStyle: _coreTokens["default"].border_solid,
|
|
1111
|
-
containerBorderRadius: _coreTokens["default"].border_radius_large,
|
|
1112
|
-
optionFocusBorderThickness: _coreTokens["default"].border_width_2
|
|
1113
|
-
},
|
|
1114
|
-
wizard: {
|
|
1115
|
-
visitedStepFontColor: _coreTokens["default"].color_black,
|
|
1116
|
-
visitedStepBackgroundColor: _coreTokens["default"].color_white,
|
|
1117
|
-
visitedStepBorderColor: _coreTokens["default"].color_black,
|
|
1118
|
-
unvisitedStepFontColor: _coreTokens["default"].color_grey_700,
|
|
1119
|
-
unvisitedLabelFontColor: _coreTokens["default"].color_grey_700,
|
|
1120
|
-
unvisitedHelperTextFontColor: _coreTokens["default"].color_grey_700,
|
|
1121
|
-
unvisitedStepBackgroundColor: _coreTokens["default"].color_transparent,
|
|
1122
|
-
unvisitedStepBorderColor: _coreTokens["default"].color_grey_700,
|
|
1123
|
-
selectedStepFontColor: _coreTokens["default"].color_white,
|
|
1124
|
-
selectedStepBackgroundColor: _coreTokens["default"].color_purple_700,
|
|
1125
|
-
selectedStepBorderColor: _coreTokens["default"].color_purple_700,
|
|
1126
|
-
selectedLabelFontColor: _coreTokens["default"].color_black,
|
|
1127
|
-
selectedHelperTextFontColor: _coreTokens["default"].color_black,
|
|
1128
|
-
selectedStepWidth: "32px",
|
|
1129
|
-
selectedStepHeight: "32px",
|
|
1130
|
-
selectedStepBorderThickness: "2px",
|
|
1131
|
-
selectedStepBorderStyle: _coreTokens["default"].border_solid,
|
|
1132
|
-
selectedStepBorderRadius: "45px",
|
|
1133
|
-
stepFontSize: _coreTokens["default"].type_scale_03,
|
|
1134
|
-
stepFontFamily: _coreTokens["default"].type_sans,
|
|
1135
|
-
stepFontStyle: _coreTokens["default"].type_normal,
|
|
1136
|
-
stepFontWeight: _coreTokens["default"].type_regular,
|
|
1137
|
-
stepFontTracking: _coreTokens["default"].type_spacing_wide_02,
|
|
1138
|
-
stepIconSize: "20px",
|
|
1139
|
-
stepWidth: "32px",
|
|
1140
|
-
stepHeight: "32px",
|
|
1141
|
-
stepBorderThickness: "2px",
|
|
1142
|
-
stepBorderStyle: _coreTokens["default"].border_solid,
|
|
1143
|
-
stepBorderRadius: "45px",
|
|
1144
|
-
visitedLabelFontColor: _coreTokens["default"].color_black,
|
|
1145
|
-
labelFontSize: _coreTokens["default"].type_scale_03,
|
|
1146
|
-
labelFontFamily: _coreTokens["default"].type_sans,
|
|
1147
|
-
labelFontStyle: _coreTokens["default"].type_normal,
|
|
1148
|
-
labelFontWeight: _coreTokens["default"].type_regular,
|
|
1149
|
-
labelFontTracking: _coreTokens["default"].type_spacing_normal,
|
|
1150
|
-
labelFontTextTransform: "none",
|
|
1151
|
-
labelTextAlign: "left",
|
|
1152
|
-
helperTextFontSize: _coreTokens["default"].type_scale_02,
|
|
1153
|
-
helperTextFontFamily: _coreTokens["default"].type_sans,
|
|
1154
|
-
helperTextFontStyle: _coreTokens["default"].type_normal,
|
|
1155
|
-
helperTextFontWeight: _coreTokens["default"].type_regular,
|
|
1156
|
-
helperTextFontTracking: _coreTokens["default"].type_spacing_normal,
|
|
1157
|
-
helperTextFontTextTransform: "none",
|
|
1158
|
-
visitedHelperTextFontColor: _coreTokens["default"].color_black,
|
|
1159
|
-
helperTextTextAlign: "left",
|
|
1160
|
-
disabledStepBackgroundColor: _coreTokens["default"].color_grey_100,
|
|
1161
|
-
disabledStepFontColor: _coreTokens["default"].color_grey_500,
|
|
1162
|
-
disabledLabelFontColor: _coreTokens["default"].color_grey_500,
|
|
1163
|
-
disabledHelperTextFontColor: _coreTokens["default"].color_grey_500,
|
|
1164
|
-
disabledStepBorderColor: _coreTokens["default"].color_grey_100,
|
|
1165
|
-
disabledStepWidth: "32px",
|
|
1166
|
-
disabledStepHeight: "32px",
|
|
1167
|
-
disabledStepBorderThickness: "2px",
|
|
1168
|
-
disabledStepBorderStyle: _coreTokens["default"].border_solid,
|
|
1169
|
-
disabledStepBorderRadius: "45px",
|
|
1170
|
-
separatorBorderThickness: "1px",
|
|
1171
|
-
separatorBorderStyle: _coreTokens["default"].border_solid,
|
|
1172
|
-
separatorColor: _coreTokens["default"].color_grey_700,
|
|
1173
|
-
focusColor: _coreTokens["default"].color_blue_600
|
|
1174
|
-
}
|
|
1175
|
-
};
|
|
1176
|
-
var spaces = exports.spaces = {
|
|
1177
|
-
xxsmall: _coreTokens["default"].spacing_4,
|
|
1178
|
-
xsmall: _coreTokens["default"].spacing_8,
|
|
1179
|
-
small: _coreTokens["default"].spacing_12,
|
|
1180
|
-
medium: _coreTokens["default"].spacing_16,
|
|
1181
|
-
large: _coreTokens["default"].spacing_24,
|
|
1182
|
-
xlarge: _coreTokens["default"].spacing_32,
|
|
1183
|
-
xxlarge: _coreTokens["default"].spacing_48
|
|
1184
|
-
};
|
|
1185
|
-
var responsiveSizes = exports.responsiveSizes = {
|
|
1186
|
-
xsmall: "20",
|
|
1187
|
-
small: "30",
|
|
1188
|
-
medium: "45",
|
|
1189
|
-
large: "66",
|
|
1190
|
-
xlarge: "90"
|
|
1191
|
-
};
|
|
1192
|
-
var defaultTranslatedComponentLabels = exports.defaultTranslatedComponentLabels = {
|
|
1193
|
-
formFields: {
|
|
1194
|
-
optionalLabel: "(Optional)",
|
|
1195
|
-
requiredSelectionErrorMessage: "This field is required. Please, choose an option.",
|
|
1196
|
-
requiredValueErrorMessage: "This field is required. Please, enter a value.",
|
|
1197
|
-
formatRequestedErrorMessage: "Please match the format requested.",
|
|
1198
|
-
lengthErrorMessage: function lengthErrorMessage(minLength, maxLength) {
|
|
1199
|
-
return "Min length ".concat(minLength, ", max length ").concat(maxLength, ".");
|
|
1200
|
-
},
|
|
1201
|
-
logoAlternativeText: "Logo"
|
|
1202
|
-
},
|
|
1203
|
-
applicationLayout: {
|
|
1204
|
-
visibilityToggleTitle: "Toggle visibility sidenav"
|
|
1205
|
-
},
|
|
1206
|
-
alert: {
|
|
1207
|
-
infoTitleText: "information",
|
|
1208
|
-
successTitleText: "success",
|
|
1209
|
-
warningTitleText: "warning",
|
|
1210
|
-
errorTitleText: "error"
|
|
1211
|
-
},
|
|
1212
|
-
dateInput: {
|
|
1213
|
-
invalidDateErrorMessage: "Invalid date."
|
|
1214
|
-
},
|
|
1215
|
-
dialog: {
|
|
1216
|
-
closeIconAriaLabel: "Close dialog"
|
|
1217
|
-
},
|
|
1218
|
-
fileInput: {
|
|
1219
|
-
fileSizeGreaterThanErrorMessage: "File size must be greater than min size.",
|
|
1220
|
-
fileSizeLessThanErrorMessage: "File size must be less than max size.",
|
|
1221
|
-
multipleButtonLabelDefault: "Select files",
|
|
1222
|
-
singleButtonLabelDefault: "Select file",
|
|
1223
|
-
dropAreaButtonLabelDefault: "Select",
|
|
1224
|
-
multipleDropAreaLabelDefault: "or drop files",
|
|
1225
|
-
singleDropAreaLabelDefault: "or drop a file",
|
|
1226
|
-
deleteFileActionTitle: "Remove file"
|
|
1227
|
-
},
|
|
1228
|
-
footer: {
|
|
1229
|
-
copyrightText: function copyrightText(year) {
|
|
1230
|
-
return "\xA9 DXC Technology ".concat(year, ". All rights reserved.");
|
|
1231
|
-
}
|
|
1232
|
-
},
|
|
1233
|
-
header: {
|
|
1234
|
-
closeIcon: "Close menu",
|
|
1235
|
-
hamburguerTitle: "Menu"
|
|
1236
|
-
},
|
|
1237
|
-
numberInput: {
|
|
1238
|
-
valueGreaterThanOrEqualToErrorMessage: function valueGreaterThanOrEqualToErrorMessage(value) {
|
|
1239
|
-
return "Value must be greater than or equal to ".concat(value, ".");
|
|
1240
|
-
},
|
|
1241
|
-
valueLessThanOrEqualToErrorMessage: function valueLessThanOrEqualToErrorMessage(value) {
|
|
1242
|
-
return "Value must be less than or equal to ".concat(value, ".");
|
|
1243
|
-
},
|
|
1244
|
-
decrementValueTitle: "Decrement value",
|
|
1245
|
-
incrementValueTitle: "Increment value"
|
|
1246
|
-
},
|
|
1247
|
-
paginator: {
|
|
1248
|
-
itemsPerPageText: "Items per page: ",
|
|
1249
|
-
minToMaxOfText: function minToMaxOfText(minNumberOfItems, maxNumberOfItems, totalItems) {
|
|
1250
|
-
return "".concat(minNumberOfItems, " to ").concat(maxNumberOfItems, " of ").concat(totalItems);
|
|
1251
|
-
},
|
|
1252
|
-
goToPageText: "Go to page:",
|
|
1253
|
-
pageOfText: function pageOfText(pageNumber, totalPagesNumber) {
|
|
1254
|
-
return "Page: ".concat(pageNumber, " of ").concat(totalPagesNumber);
|
|
1255
|
-
}
|
|
1256
|
-
},
|
|
1257
|
-
passwordInput: {
|
|
1258
|
-
inputShowPasswordTitle: "Show password",
|
|
1259
|
-
inputHidePasswordTitle: "Hide password"
|
|
1260
|
-
},
|
|
1261
|
-
quickNav: {
|
|
1262
|
-
contentTitle: "Contents"
|
|
1263
|
-
},
|
|
1264
|
-
radioGroup: {
|
|
1265
|
-
optionalItemLabelDefault: "N/A"
|
|
1266
|
-
},
|
|
1267
|
-
select: {
|
|
1268
|
-
noMatchesErrorMessage: "No matches found",
|
|
1269
|
-
actionClearSelectionTitle: "Clear selection",
|
|
1270
|
-
actionClearSearchTitle: "Clear search"
|
|
1271
|
-
},
|
|
1272
|
-
tabs: {
|
|
1273
|
-
scrollLeft: "Scroll left",
|
|
1274
|
-
scrollRight: "Scroll right"
|
|
1275
|
-
},
|
|
1276
|
-
textInput: {
|
|
1277
|
-
clearFieldActionTitle: "Clear field",
|
|
1278
|
-
searchingMessage: "Searching...",
|
|
1279
|
-
fetchingDataErrorMessage: "Error fetching data"
|
|
1280
|
-
},
|
|
1281
|
-
calendar: {
|
|
1282
|
-
daysShort: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
|
|
1283
|
-
months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
|
|
1284
|
-
previousMonthTitle: "Previous month",
|
|
1285
|
-
nextMonthTitle: "Next month"
|
|
1286
|
-
}
|
|
1287
|
-
};
|