@codacy/ui-components 0.65.93 → 0.66.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/lib/Banner/Banner.js +10 -5
- package/lib/Banner/Banner.styles.d.ts +4 -2
- package/lib/Banner/Banner.styles.js +3 -3
- package/lib/Bannerol/Bannerol.js +4 -3
- package/lib/Bannerol/Bannerol.styles.d.ts +1 -1
- package/lib/Bannerol/Bannerol.styles.js +2 -2
- package/lib/Bannerol/Bannerol.types.d.ts +1 -1
- package/lib/BigTabs/BigTabs.styles.js +10 -10
- package/lib/Button/Button.js +18 -13
- package/lib/Button/styles.d.ts +3 -5
- package/lib/Button/styles.js +56 -68
- package/lib/Button/types.d.ts +5 -8
- package/lib/Checkbox/Checkbox.js +11 -8
- package/lib/Checkbox/styles.d.ts +4 -0
- package/lib/Checkbox/styles.js +73 -62
- package/lib/Checkbox/types.d.ts +1 -1
- package/lib/CloseButton/index.d.ts +3 -1
- package/lib/CloseButton/index.js +13 -6
- package/lib/Divider/Divider.styles.js +5 -5
- package/lib/Dropdown/Content/DropdownItem.js +4 -2
- package/lib/Dropdown/Dropdown.styles.js +10 -10
- package/lib/Dropdown/Dropdown.types.d.ts +2 -0
- package/lib/Dropdown/Triggers/FilterTrigger.js +30 -24
- package/lib/Dropdown/Triggers/SelectTrigger.js +1 -1
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
- package/lib/ExpandableBox/ExpandableBox.styles.js +4 -4
- package/lib/ExpandableBox/ExpandableBox.types.d.ts +3 -3
- package/lib/Group/Group.styles.js +1 -1
- package/lib/Icon/Icon.types.d.ts +3 -3
- package/lib/Icons/Messages.d.ts +17 -5
- package/lib/Icons/Messages.js +37 -9
- package/lib/Icons/Symbols.d.ts +5 -2
- package/lib/Icons/Symbols.js +10 -4
- package/lib/InlineMessage/InlineMessage.js +22 -8
- package/lib/InlineMessage/types.d.ts +1 -1
- package/lib/Input/Input.js +6 -18
- package/lib/Input/styles.d.ts +13 -8
- package/lib/Input/styles.js +109 -50
- package/lib/Labeled/styles.js +12 -6
- package/lib/LeftMenu/LeftMenu.styles.js +10 -7
- package/lib/Link/Link.styles.js +2 -2
- package/lib/Message/Message.d.ts +2 -1
- package/lib/Message/Message.js +25 -4
- package/lib/Message/Message.styles.js +5 -5
- package/lib/Message/Message.types.d.ts +1 -1
- package/lib/Modal/ConfirmationModal.js +7 -3
- package/lib/Modal/styles.js +26 -29
- package/lib/MultiSlider/styles.d.ts +2 -2
- package/lib/MultiSlider/styles.js +2 -2
- package/lib/Panel/Panel.styles.js +1 -1
- package/lib/PillLabel/PillLabel.js +3 -5
- package/lib/PillLabel/PillLabel.styles.d.ts +1 -1
- package/lib/PillLabel/PillLabel.styles.js +2 -13
- package/lib/PillLabel/PillLabel.types.d.ts +1 -3
- package/lib/ProgressBar/styles.d.ts +3 -3
- package/lib/ProgressBar/styles.js +6 -6
- package/lib/Radio/Radio.js +1 -1
- package/lib/Radio/styles.js +9 -9
- package/lib/ScrollableContent/ScrollableContent.types.d.ts +2 -2
- package/lib/Skeleton/Skeleton.styles.js +4 -4
- package/lib/Slider/styles.d.ts +2 -2
- package/lib/Slider/styles.js +16 -16
- package/lib/StepNumber/StepNumber.js +3 -6
- package/lib/StepNumber/styles.d.ts +1 -2
- package/lib/StepNumber/styles.js +3 -4
- package/lib/StepNumber/types.d.ts +1 -6
- package/lib/Stepper/Stepper.styles.d.ts +1 -3
- package/lib/Stepper/Stepper.styles.js +11 -9
- package/lib/Switcher/Switcher.styles.js +4 -4
- package/lib/Tab/Tab.js +1 -3
- package/lib/Tab/Tab.styles.d.ts +1 -3
- package/lib/Tab/Tab.styles.js +32 -32
- package/lib/Tab/Tab.types.d.ts +0 -2
- package/lib/Table/Table.js +1 -1
- package/lib/Table/Table.styles.js +17 -17
- package/lib/Table/Table.types.d.ts +3 -3
- package/lib/TagsInput/style.js +10 -10
- package/lib/Textarea/Textarea.js +0 -7
- package/lib/Textarea/Textarea.styles.d.ts +7 -7
- package/lib/Textarea/Textarea.styles.js +85 -45
- package/lib/Toast/Toast.js +18 -7
- package/lib/Toast/styles.js +26 -14
- package/lib/Toggle/Toggle.js +1 -1
- package/lib/Toggle/styles.d.ts +1 -1
- package/lib/Toggle/styles.js +50 -55
- package/lib/Tooltip/types.d.ts +2 -2
- package/lib/Typography/Typography.styles.d.ts +2 -2
- package/lib/Typography/Typography.styles.js +11 -11
- package/lib/Typography/Typography.types.d.ts +5 -5
- package/lib/theme/ColorSchemes/components/alerts.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/alerts.js +37 -0
- package/lib/theme/ColorSchemes/components/button.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/button.js +96 -0
- package/lib/theme/ColorSchemes/components/cards.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/cards.js +23 -0
- package/lib/theme/ColorSchemes/components/charts.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/charts.js +96 -0
- package/lib/theme/ColorSchemes/components/checkbox-input.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/checkbox-input.js +22 -0
- package/lib/theme/ColorSchemes/components/divider.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/divider.js +11 -0
- package/lib/theme/ColorSchemes/components/drawer.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/drawer.js +28 -0
- package/lib/theme/ColorSchemes/components/effects.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/effects.js +12 -0
- package/lib/theme/ColorSchemes/components/filters.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/filters.js +19 -0
- package/lib/theme/ColorSchemes/components/index.d.ts +20 -0
- package/lib/theme/ColorSchemes/components/index.js +225 -0
- package/lib/theme/ColorSchemes/components/input.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/input.js +45 -0
- package/lib/theme/ColorSchemes/components/issues.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/issues.js +34 -0
- package/lib/theme/ColorSchemes/components/label.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/label.js +40 -0
- package/lib/theme/ColorSchemes/components/list-orb.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/list-orb.js +15 -0
- package/lib/theme/ColorSchemes/components/loading.d.ts +4 -0
- package/lib/theme/ColorSchemes/components/loading.js +11 -0
- package/lib/theme/ColorSchemes/components/modals.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/modals.js +13 -0
- package/lib/theme/ColorSchemes/components/navigation.d.ts +8 -0
- package/lib/theme/ColorSchemes/components/navigation.js +21 -0
- package/lib/theme/ColorSchemes/components/selector.d.ts +7 -0
- package/lib/theme/ColorSchemes/components/selector.js +29 -0
- package/lib/theme/ColorSchemes/components/stepper.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/stepper.js +16 -0
- package/lib/theme/ColorSchemes/components/tables.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/tables.js +19 -0
- package/lib/theme/ColorSchemes/components/tabs.d.ts +6 -0
- package/lib/theme/ColorSchemes/components/tabs.js +19 -0
- package/lib/theme/ColorSchemes/dark/background.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/border.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/icon.d.ts +9 -0
- package/lib/theme/ColorSchemes/dark/icon.js +1 -1
- package/lib/theme/ColorSchemes/dark/index.js +11 -58
- package/lib/theme/ColorSchemes/dark/text.d.ts +9 -0
- package/lib/theme/ColorSchemes/index.d.ts +0 -1
- package/lib/theme/ColorSchemes/index.js +0 -11
- package/lib/theme/ColorSchemes/light/background.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/background.js +3 -3
- package/lib/theme/ColorSchemes/light/border.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/border.js +1 -1
- package/lib/theme/ColorSchemes/light/icon.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/icon.js +2 -2
- package/lib/theme/ColorSchemes/light/illustration.js +2 -2
- package/lib/theme/ColorSchemes/light/index.d.ts +1127 -47
- package/lib/theme/ColorSchemes/light/index.js +4 -67
- package/lib/theme/ColorSchemes/light/text.d.ts +9 -0
- package/lib/theme/ColorSchemes/light/text.js +2 -2
- package/lib/theme/ColorSchemes/primitives/blue.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/blue.js +20 -0
- package/lib/theme/ColorSchemes/primitives/green.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/green.js +20 -0
- package/lib/theme/ColorSchemes/primitives/grey.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/grey.js +23 -0
- package/lib/theme/ColorSchemes/primitives/index.d.ts +117 -0
- package/lib/theme/ColorSchemes/primitives/index.js +18 -0
- package/lib/theme/ColorSchemes/primitives/magenta.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/magenta.js +20 -0
- package/lib/theme/ColorSchemes/primitives/orange.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/orange.js +20 -0
- package/lib/theme/ColorSchemes/primitives/purple.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/purple.js +20 -0
- package/lib/theme/ColorSchemes/primitives/red.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/red.js +20 -0
- package/lib/theme/ColorSchemes/primitives/teal.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/teal.js +20 -0
- package/lib/theme/ColorSchemes/primitives/yellow.d.ts +5 -0
- package/lib/theme/ColorSchemes/primitives/yellow.js +20 -0
- package/lib/theme/ColorSchemes/semantics.d.ts +3 -4
- package/lib/theme/theme.d.ts +8 -2
- package/lib/theme/theme.js +6 -1
- package/package.json +1 -1
- package/lib/theme/ColorSchemes/primitives.d.ts +0 -6
- package/lib/theme/ColorSchemes/primitives.js +0 -95
- package/lib/theme/ColorSchemes/types.d.ts +0 -3
- package/lib/theme/ColorSchemes/types.js +0 -7
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
4
|
} & {
|
|
5
|
-
secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | undefined;
|
|
5
|
+
secondaryColor?: "link-high" | "link-medium" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-minor" | "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "alerts-success-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-text" | "alerts-success-icon" | "alerts-danger-link" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-text" | "alerts-danger-icon" | "alerts-warning-link" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-text" | "alerts-warning-icon" | "alerts-info-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-text" | "alerts-info-icon" | "alerts-attention-link" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-text" | "alerts-attention-icon" | "alerts-primary-link" | "alerts-primary-background" | "alerts-primary-border" | "alerts-primary-text" | "alerts-primary-icon" | "alerts-secondary-link" | "alerts-secondary-background" | "alerts-secondary-border" | "alerts-secondary-text" | "alerts-secondary-icon" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-2" | "effect-elevation-1" | "button-text-danger-background-focus" | "button-text-danger-background-disabled" | "button-text-danger-background-enabled" | "button-text-danger-background-hover" | "button-text-danger-background-pressed" | "button-text-danger-border-focus" | "button-text-danger-border-disabled" | "button-text-danger-border-enabled" | "button-text-danger-border-hover" | "button-text-danger-border-pressed" | "button-text-danger-text-focus" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-pressed" | "button-text-danger-icon-focus" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-pressed" | "button-text-secondary-background-focus" | "button-text-secondary-background-disabled" | "button-text-secondary-background-enabled" | "button-text-secondary-background-hover" | "button-text-secondary-background-pressed" | "button-text-secondary-border-focus" | "button-text-secondary-border-disabled" | "button-text-secondary-border-enabled" | "button-text-secondary-border-hover" | "button-text-secondary-border-pressed" | "button-text-secondary-text-focus" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-pressed" | "button-text-brand-background-focus" | "button-text-brand-background-disabled" | "button-text-brand-background-enabled" | "button-text-brand-background-hover" | "button-text-brand-background-pressed" | "button-text-brand-border-focus" | "button-text-brand-border-disabled" | "button-text-brand-border-enabled" | "button-text-brand-border-hover" | "button-text-brand-border-pressed" | "button-text-brand-text-focus" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-pressed" | "button-text-brand-icon-focus" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-pressed" | "button-primary-danger-background-focus" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-pressed" | "button-primary-danger-border-focus" | "button-primary-danger-border-disabled" | "button-primary-danger-border-enabled" | "button-primary-danger-border-hover" | "button-primary-danger-border-pressed" | "button-primary-danger-text-focus" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-pressed" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-pressed" | "button-primary-secondary-background-focus" | "button-primary-secondary-background-disabled" | "button-primary-secondary-background-enabled" | "button-primary-secondary-background-hover" | "button-primary-secondary-background-pressed" | "button-primary-secondary-border-focus" | "button-primary-secondary-border-disabled" | "button-primary-secondary-border-enabled" | "button-primary-secondary-border-hover" | "button-primary-secondary-border-pressed" | "button-primary-secondary-text-focus" | "button-primary-secondary-text-disabled" | "button-primary-secondary-text-enabled" | "button-primary-secondary-text-hover" | "button-primary-secondary-text-pressed" | "button-primary-secondary-icon-focus" | "button-primary-secondary-icon-disabled" | "button-primary-secondary-icon-enabled" | "button-primary-secondary-icon-hover" | "button-primary-secondary-icon-pressed" | "button-primary-brand-background-focus" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-pressed" | "button-primary-brand-border-focus" | "button-primary-brand-border-disabled" | "button-primary-brand-border-enabled" | "button-primary-brand-border-hover" | "button-primary-brand-border-pressed" | "button-primary-brand-text-focus" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-pressed" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-pressed" | "button-secondary-danger-background-focus" | "button-secondary-danger-background-disabled" | "button-secondary-danger-background-enabled" | "button-secondary-danger-background-hover" | "button-secondary-danger-background-pressed" | "button-secondary-danger-border-focus" | "button-secondary-danger-border-disabled" | "button-secondary-danger-border-enabled" | "button-secondary-danger-border-hover" | "button-secondary-danger-border-pressed" | "button-secondary-danger-text-focus" | "button-secondary-danger-text-disabled" | "button-secondary-danger-text-enabled" | "button-secondary-danger-text-hover" | "button-secondary-danger-text-pressed" | "button-secondary-danger-icon-focus" | "button-secondary-danger-icon-disabled" | "button-secondary-danger-icon-enabled" | "button-secondary-danger-icon-hover" | "button-secondary-danger-icon-pressed" | "button-secondary-secondary-background-focus" | "button-secondary-secondary-background-disabled" | "button-secondary-secondary-background-enabled" | "button-secondary-secondary-background-hover" | "button-secondary-secondary-background-pressed" | "button-secondary-secondary-border-focus" | "button-secondary-secondary-border-disabled" | "button-secondary-secondary-border-enabled" | "button-secondary-secondary-border-hover" | "button-secondary-secondary-border-pressed" | "button-secondary-secondary-text-focus" | "button-secondary-secondary-text-disabled" | "button-secondary-secondary-text-enabled" | "button-secondary-secondary-text-hover" | "button-secondary-secondary-text-pressed" | "button-secondary-secondary-icon-focus" | "button-secondary-secondary-icon-disabled" | "button-secondary-secondary-icon-enabled" | "button-secondary-secondary-icon-hover" | "button-secondary-secondary-icon-pressed" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-pressed" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-pressed" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-pressed" | "cards-success-link-disabled" | "cards-success-link-enabled" | "cards-success-background-disabled" | "cards-success-background-enabled" | "cards-success-border-disabled" | "cards-success-border-enabled" | "cards-success-text-disabled" | "cards-success-text-enabled" | "cards-success-icon-disabled" | "cards-success-icon-enabled" | "cards-danger-link-disabled" | "cards-danger-link-enabled" | "cards-danger-background-disabled" | "cards-danger-background-enabled" | "cards-danger-border-disabled" | "cards-danger-border-enabled" | "cards-danger-text-disabled" | "cards-danger-text-enabled" | "cards-danger-icon-disabled" | "cards-danger-icon-enabled" | "cards-primary-link-disabled" | "cards-primary-link-enabled" | "cards-primary-background-disabled" | "cards-primary-background-enabled" | "cards-primary-border-disabled" | "cards-primary-border-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-icon-disabled" | "cards-primary-icon-enabled" | "cards-secondary-link-disabled" | "cards-secondary-link-enabled" | "cards-secondary-background-disabled" | "cards-secondary-background-enabled" | "cards-secondary-border-disabled" | "cards-secondary-border-enabled" | "cards-secondary-text-disabled" | "cards-secondary-text-enabled" | "cards-secondary-icon-disabled" | "cards-secondary-icon-enabled" | "cards-tertiary-link-disabled" | "cards-tertiary-link-enabled" | "cards-tertiary-background-disabled" | "cards-tertiary-background-enabled" | "cards-tertiary-border-disabled" | "cards-tertiary-border-enabled" | "cards-tertiary-text-disabled" | "cards-tertiary-text-enabled" | "cards-tertiary-icon-disabled" | "cards-tertiary-icon-enabled" | "cards-subtle-link-disabled" | "cards-subtle-link-enabled" | "cards-subtle-background-disabled" | "cards-subtle-background-enabled" | "cards-subtle-border-disabled" | "cards-subtle-border-enabled" | "cards-subtle-text-disabled" | "cards-subtle-text-enabled" | "cards-subtle-icon-disabled" | "cards-subtle-icon-enabled" | "charts-high-link-active" | "charts-high-link-disabled" | "charts-high-link-enabled" | "charts-high-background-active" | "charts-high-background-disabled" | "charts-high-background-enabled" | "charts-high-border-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-text-active" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-icon-active" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-high-iconLink-active" | "charts-high-iconLink-disabled" | "charts-high-iconLink-enabled" | "charts-medium-link-active" | "charts-medium-link-disabled" | "charts-medium-link-enabled" | "charts-medium-background-active" | "charts-medium-background-disabled" | "charts-medium-background-enabled" | "charts-medium-border-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-text-active" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-icon-active" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-medium-iconLink-active" | "charts-medium-iconLink-disabled" | "charts-medium-iconLink-enabled" | "charts-success-link-active" | "charts-success-link-disabled" | "charts-success-link-enabled" | "charts-success-background-active" | "charts-success-background-disabled" | "charts-success-background-enabled" | "charts-success-border-active" | "charts-success-border-disabled" | "charts-success-border-enabled" | "charts-success-text-active" | "charts-success-text-disabled" | "charts-success-text-enabled" | "charts-success-icon-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-success-iconLink-active" | "charts-success-iconLink-disabled" | "charts-success-iconLink-enabled" | "charts-danger-link-active" | "charts-danger-link-disabled" | "charts-danger-link-enabled" | "charts-danger-background-active" | "charts-danger-background-disabled" | "charts-danger-background-enabled" | "charts-danger-border-active" | "charts-danger-border-disabled" | "charts-danger-border-enabled" | "charts-danger-text-active" | "charts-danger-text-disabled" | "charts-danger-text-enabled" | "charts-danger-icon-active" | "charts-danger-icon-disabled" | "charts-danger-icon-enabled" | "charts-danger-iconLink-active" | "charts-danger-iconLink-disabled" | "charts-danger-iconLink-enabled" | "charts-warning-link-active" | "charts-warning-link-disabled" | "charts-warning-link-enabled" | "charts-warning-background-active" | "charts-warning-background-disabled" | "charts-warning-background-enabled" | "charts-warning-border-active" | "charts-warning-border-disabled" | "charts-warning-border-enabled" | "charts-warning-text-active" | "charts-warning-text-disabled" | "charts-warning-text-enabled" | "charts-warning-icon-active" | "charts-warning-icon-disabled" | "charts-warning-icon-enabled" | "charts-warning-iconLink-active" | "charts-warning-iconLink-disabled" | "charts-warning-iconLink-enabled" | "charts-info-link-active" | "charts-info-link-disabled" | "charts-info-link-enabled" | "charts-info-background-active" | "charts-info-background-disabled" | "charts-info-background-enabled" | "charts-info-border-active" | "charts-info-border-disabled" | "charts-info-border-enabled" | "charts-info-text-active" | "charts-info-text-disabled" | "charts-info-text-enabled" | "charts-info-icon-active" | "charts-info-icon-disabled" | "charts-info-icon-enabled" | "charts-info-iconLink-active" | "charts-info-iconLink-disabled" | "charts-info-iconLink-enabled" | "charts-attention-link-active" | "charts-attention-link-disabled" | "charts-attention-link-enabled" | "charts-attention-background-active" | "charts-attention-background-disabled" | "charts-attention-background-enabled" | "charts-attention-border-active" | "charts-attention-border-disabled" | "charts-attention-border-enabled" | "charts-attention-text-active" | "charts-attention-text-disabled" | "charts-attention-text-enabled" | "charts-attention-icon-active" | "charts-attention-icon-disabled" | "charts-attention-icon-enabled" | "charts-attention-iconLink-active" | "charts-attention-iconLink-disabled" | "charts-attention-iconLink-enabled" | "charts-critical-link-active" | "charts-critical-link-disabled" | "charts-critical-link-enabled" | "charts-critical-background-active" | "charts-critical-background-disabled" | "charts-critical-background-enabled" | "charts-critical-border-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-text-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-icon-active" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-critical-iconLink-active" | "charts-critical-iconLink-disabled" | "charts-critical-iconLink-enabled" | "charts-minor-link-active" | "charts-minor-link-disabled" | "charts-minor-link-enabled" | "charts-minor-background-active" | "charts-minor-background-disabled" | "charts-minor-background-enabled" | "charts-minor-border-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-text-active" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-icon-active" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-minor-iconLink-active" | "charts-minor-iconLink-disabled" | "charts-minor-iconLink-enabled" | "charts-primary-link-active" | "charts-primary-link-disabled" | "charts-primary-link-enabled" | "charts-primary-background-active" | "charts-primary-background-disabled" | "charts-primary-background-enabled" | "charts-primary-border-active" | "charts-primary-border-disabled" | "charts-primary-border-enabled" | "charts-primary-text-active" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-icon-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-iconLink-active" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-link-active" | "charts-secondary-link-disabled" | "charts-secondary-link-enabled" | "charts-secondary-background-active" | "charts-secondary-background-disabled" | "charts-secondary-background-enabled" | "charts-secondary-border-active" | "charts-secondary-border-disabled" | "charts-secondary-border-enabled" | "charts-secondary-text-active" | "charts-secondary-text-disabled" | "charts-secondary-text-enabled" | "charts-secondary-icon-active" | "charts-secondary-icon-disabled" | "charts-secondary-icon-enabled" | "charts-secondary-iconLink-active" | "charts-secondary-iconLink-disabled" | "charts-secondary-iconLink-enabled" | "charts-tertiary-link-active" | "charts-tertiary-link-disabled" | "charts-tertiary-link-enabled" | "charts-tertiary-background-active" | "charts-tertiary-background-disabled" | "charts-tertiary-background-enabled" | "charts-tertiary-border-active" | "charts-tertiary-border-disabled" | "charts-tertiary-border-enabled" | "charts-tertiary-text-active" | "charts-tertiary-text-disabled" | "charts-tertiary-text-enabled" | "charts-tertiary-icon-active" | "charts-tertiary-icon-disabled" | "charts-tertiary-icon-enabled" | "charts-tertiary-iconLink-active" | "charts-tertiary-iconLink-disabled" | "charts-tertiary-iconLink-enabled" | "charts-subtle-link-active" | "charts-subtle-link-disabled" | "charts-subtle-link-enabled" | "charts-subtle-background-active" | "charts-subtle-background-disabled" | "charts-subtle-background-enabled" | "charts-subtle-border-active" | "charts-subtle-border-disabled" | "charts-subtle-border-enabled" | "charts-subtle-text-active" | "charts-subtle-text-disabled" | "charts-subtle-text-enabled" | "charts-subtle-icon-active" | "charts-subtle-icon-disabled" | "charts-subtle-icon-enabled" | "charts-subtle-iconLink-active" | "charts-subtle-iconLink-disabled" | "charts-subtle-iconLink-enabled" | "charts-value2-link-active" | "charts-value2-link-disabled" | "charts-value2-link-enabled" | "charts-value2-background-active" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-active" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value2-text-active" | "charts-value2-text-disabled" | "charts-value2-text-enabled" | "charts-value2-icon-active" | "charts-value2-icon-disabled" | "charts-value2-icon-enabled" | "charts-value2-iconLink-active" | "charts-value2-iconLink-disabled" | "charts-value2-iconLink-enabled" | "charts-value1-link-active" | "charts-value1-link-disabled" | "charts-value1-link-enabled" | "charts-value1-background-active" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-active" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value1-text-active" | "charts-value1-text-disabled" | "charts-value1-text-enabled" | "charts-value1-icon-active" | "charts-value1-icon-disabled" | "charts-value1-icon-enabled" | "charts-value1-iconLink-active" | "charts-value1-iconLink-disabled" | "charts-value1-iconLink-enabled" | "charts-value3-link-active" | "charts-value3-link-disabled" | "charts-value3-link-enabled" | "charts-value3-background-active" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-active" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value3-text-active" | "charts-value3-text-disabled" | "charts-value3-text-enabled" | "charts-value3-icon-active" | "charts-value3-icon-disabled" | "charts-value3-icon-enabled" | "charts-value3-iconLink-active" | "charts-value3-iconLink-disabled" | "charts-value3-iconLink-enabled" | "charts-value4-link-active" | "charts-value4-link-disabled" | "charts-value4-link-enabled" | "charts-value4-background-active" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-active" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value4-text-active" | "charts-value4-text-disabled" | "charts-value4-text-enabled" | "charts-value4-icon-active" | "charts-value4-icon-disabled" | "charts-value4-icon-enabled" | "charts-value4-iconLink-active" | "charts-value4-iconLink-disabled" | "charts-value4-iconLink-enabled" | "charts-value5-link-active" | "charts-value5-link-disabled" | "charts-value5-link-enabled" | "charts-value5-background-active" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-active" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value5-text-active" | "charts-value5-text-disabled" | "charts-value5-text-enabled" | "charts-value5-icon-active" | "charts-value5-icon-disabled" | "charts-value5-icon-enabled" | "charts-value5-iconLink-active" | "charts-value5-iconLink-disabled" | "charts-value5-iconLink-enabled" | "charts-value6-link-active" | "charts-value6-link-disabled" | "charts-value6-link-enabled" | "charts-value6-background-active" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-active" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value6-text-active" | "charts-value6-text-disabled" | "charts-value6-text-enabled" | "charts-value6-icon-active" | "charts-value6-icon-disabled" | "charts-value6-icon-enabled" | "charts-value6-iconLink-active" | "charts-value6-iconLink-disabled" | "charts-value6-iconLink-enabled" | "charts-value7-link-active" | "charts-value7-link-disabled" | "charts-value7-link-enabled" | "charts-value7-background-active" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-active" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value7-text-active" | "charts-value7-text-disabled" | "charts-value7-text-enabled" | "charts-value7-icon-active" | "charts-value7-icon-disabled" | "charts-value7-icon-enabled" | "charts-value7-iconLink-active" | "charts-value7-iconLink-disabled" | "charts-value7-iconLink-enabled" | "label-default-background" | "label-default-text" | "label-default-icon" | "label-high-background" | "label-high-text" | "label-high-icon" | "label-medium-background" | "label-medium-text" | "label-medium-icon" | "label-success-background" | "label-success-text" | "label-success-icon" | "label-danger-background" | "label-danger-text" | "label-danger-icon" | "label-warning-background" | "label-warning-text" | "label-warning-icon" | "label-info-background" | "label-info-text" | "label-info-icon" | "label-attention-background" | "label-attention-text" | "label-attention-icon" | "label-critical-background" | "label-critical-text" | "label-critical-icon" | "label-minor-background" | "label-minor-text" | "label-minor-icon" | "checkboxInput-primary-background-active" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-border-disabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-text-active" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-icon-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-background-active" | "checkboxInput-secondary-background-disabled" | "checkboxInput-secondary-background-enabled" | "checkboxInput-secondary-border-active" | "checkboxInput-secondary-border-disabled" | "checkboxInput-secondary-border-enabled" | "checkboxInput-secondary-text-active" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "checkboxInput-secondary-icon-active" | "checkboxInput-secondary-icon-disabled" | "checkboxInput-secondary-icon-enabled" | "listOrb-primary-background" | "listOrb-primary-text" | "listOrb-primary-icon" | "listOrb-secondary-background" | "listOrb-secondary-text" | "listOrb-secondary-icon" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-text-hover" | "selector-base-text-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-hover" | "selector-base-icon-unselected" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-slider-border-disabled" | "selector-slider-border-enabled" | "selector-slider-border-hover" | "selector-slider-border-unselected" | "selector-slider-text-disabled" | "selector-slider-text-enabled" | "selector-slider-text-hover" | "selector-slider-text-unselected" | "selector-slider-icon-disabled" | "selector-slider-icon-enabled" | "selector-slider-icon-hover" | "selector-slider-icon-unselected" | "input-background-error" | "input-background-focus" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-border-error" | "input-border-focus" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-label-error" | "input-label-focus" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-text-error" | "input-text-focus" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-icon-error" | "input-icon-focus" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-placeholder-error" | "input-placeholder-focus" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-helper-error" | "input-helper-focus" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "loading-background" | "divider-enabled" | "issues-high-code-expanded" | "issues-high-code-collapsed" | "issues-high-background-expanded" | "issues-high-background-collapsed" | "issues-high-border-expanded" | "issues-high-border-collapsed" | "issues-high-line-expanded" | "issues-high-line-collapsed" | "issues-medium-code-expanded" | "issues-medium-code-collapsed" | "issues-medium-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-border-expanded" | "issues-medium-border-collapsed" | "issues-medium-line-expanded" | "issues-medium-line-collapsed" | "issues-critical-code-expanded" | "issues-critical-code-collapsed" | "issues-critical-background-expanded" | "issues-critical-background-collapsed" | "issues-critical-border-expanded" | "issues-critical-border-collapsed" | "issues-critical-line-expanded" | "issues-critical-line-collapsed" | "issues-minor-code-expanded" | "issues-minor-code-collapsed" | "issues-minor-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-border-expanded" | "issues-minor-border-collapsed" | "issues-minor-line-expanded" | "issues-minor-line-collapsed" | "tabs-border-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-text-active" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-icon-active" | "tabs-icon-disabled" | "tabs-icon-enabled" | "drawer-item-background-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-border-active" | "drawer-item-border-disabled" | "drawer-item-border-enabled" | "drawer-item-border-hover" | "drawer-item-text-active" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-icon-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-body-background-active" | "drawer-body-background-disabled" | "drawer-body-background-enabled" | "drawer-body-background-hover" | "drawer-body-border-active" | "drawer-body-border-disabled" | "drawer-body-border-enabled" | "drawer-body-border-hover" | "drawer-body-text-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-text-hover" | "drawer-body-icon-active" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-body-icon-hover" | "filter-background-active" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-active" | "filter-border-disabled" | "filter-border-enabled" | "filter-text-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-icon-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-background" | "modal-body-text" | "modal-backdrop-background" | "modal-backdrop-text" | "tables-link-active" | "tables-link-enabled" | "tables-link-hover" | "tables-background-active" | "tables-background-enabled" | "tables-background-hover" | "tables-border-active" | "tables-border-enabled" | "tables-border-hover" | "tables-text-active" | "tables-text-enabled" | "tables-text-hover" | "tables-icon-active" | "tables-icon-enabled" | "tables-icon-hover" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-wrapper-background-active" | "navigation-left-menu-wrapper-background-enabled" | "navigation-left-menu-wrapper-background-hover" | "navigation-left-menu-wrapper-text-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-text-hover" | "navigation-top-bar-item-background-active" | "navigation-top-bar-item-background-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-item-text-active" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-text-hover" | "navigation-top-bar-wrapper-background-active" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-background-hover" | "navigation-top-bar-wrapper-text-active" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-text-hover" | undefined;
|
|
6
6
|
}, {}, {}>;
|
|
7
7
|
export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
|
|
8
8
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -12,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
|
|
|
12
12
|
} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
13
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
14
|
} & import("..").FlexboxProps & import("..").GridboxProps & {
|
|
15
|
-
primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | undefined;
|
|
15
|
+
primaryColor?: "link-high" | "link-medium" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-minor" | "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "alerts-success-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-text" | "alerts-success-icon" | "alerts-danger-link" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-text" | "alerts-danger-icon" | "alerts-warning-link" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-text" | "alerts-warning-icon" | "alerts-info-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-text" | "alerts-info-icon" | "alerts-attention-link" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-text" | "alerts-attention-icon" | "alerts-primary-link" | "alerts-primary-background" | "alerts-primary-border" | "alerts-primary-text" | "alerts-primary-icon" | "alerts-secondary-link" | "alerts-secondary-background" | "alerts-secondary-border" | "alerts-secondary-text" | "alerts-secondary-icon" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-2" | "effect-elevation-1" | "button-text-danger-background-focus" | "button-text-danger-background-disabled" | "button-text-danger-background-enabled" | "button-text-danger-background-hover" | "button-text-danger-background-pressed" | "button-text-danger-border-focus" | "button-text-danger-border-disabled" | "button-text-danger-border-enabled" | "button-text-danger-border-hover" | "button-text-danger-border-pressed" | "button-text-danger-text-focus" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-pressed" | "button-text-danger-icon-focus" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-pressed" | "button-text-secondary-background-focus" | "button-text-secondary-background-disabled" | "button-text-secondary-background-enabled" | "button-text-secondary-background-hover" | "button-text-secondary-background-pressed" | "button-text-secondary-border-focus" | "button-text-secondary-border-disabled" | "button-text-secondary-border-enabled" | "button-text-secondary-border-hover" | "button-text-secondary-border-pressed" | "button-text-secondary-text-focus" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-pressed" | "button-text-brand-background-focus" | "button-text-brand-background-disabled" | "button-text-brand-background-enabled" | "button-text-brand-background-hover" | "button-text-brand-background-pressed" | "button-text-brand-border-focus" | "button-text-brand-border-disabled" | "button-text-brand-border-enabled" | "button-text-brand-border-hover" | "button-text-brand-border-pressed" | "button-text-brand-text-focus" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-pressed" | "button-text-brand-icon-focus" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-pressed" | "button-primary-danger-background-focus" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-pressed" | "button-primary-danger-border-focus" | "button-primary-danger-border-disabled" | "button-primary-danger-border-enabled" | "button-primary-danger-border-hover" | "button-primary-danger-border-pressed" | "button-primary-danger-text-focus" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-pressed" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-pressed" | "button-primary-secondary-background-focus" | "button-primary-secondary-background-disabled" | "button-primary-secondary-background-enabled" | "button-primary-secondary-background-hover" | "button-primary-secondary-background-pressed" | "button-primary-secondary-border-focus" | "button-primary-secondary-border-disabled" | "button-primary-secondary-border-enabled" | "button-primary-secondary-border-hover" | "button-primary-secondary-border-pressed" | "button-primary-secondary-text-focus" | "button-primary-secondary-text-disabled" | "button-primary-secondary-text-enabled" | "button-primary-secondary-text-hover" | "button-primary-secondary-text-pressed" | "button-primary-secondary-icon-focus" | "button-primary-secondary-icon-disabled" | "button-primary-secondary-icon-enabled" | "button-primary-secondary-icon-hover" | "button-primary-secondary-icon-pressed" | "button-primary-brand-background-focus" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-pressed" | "button-primary-brand-border-focus" | "button-primary-brand-border-disabled" | "button-primary-brand-border-enabled" | "button-primary-brand-border-hover" | "button-primary-brand-border-pressed" | "button-primary-brand-text-focus" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-pressed" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-pressed" | "button-secondary-danger-background-focus" | "button-secondary-danger-background-disabled" | "button-secondary-danger-background-enabled" | "button-secondary-danger-background-hover" | "button-secondary-danger-background-pressed" | "button-secondary-danger-border-focus" | "button-secondary-danger-border-disabled" | "button-secondary-danger-border-enabled" | "button-secondary-danger-border-hover" | "button-secondary-danger-border-pressed" | "button-secondary-danger-text-focus" | "button-secondary-danger-text-disabled" | "button-secondary-danger-text-enabled" | "button-secondary-danger-text-hover" | "button-secondary-danger-text-pressed" | "button-secondary-danger-icon-focus" | "button-secondary-danger-icon-disabled" | "button-secondary-danger-icon-enabled" | "button-secondary-danger-icon-hover" | "button-secondary-danger-icon-pressed" | "button-secondary-secondary-background-focus" | "button-secondary-secondary-background-disabled" | "button-secondary-secondary-background-enabled" | "button-secondary-secondary-background-hover" | "button-secondary-secondary-background-pressed" | "button-secondary-secondary-border-focus" | "button-secondary-secondary-border-disabled" | "button-secondary-secondary-border-enabled" | "button-secondary-secondary-border-hover" | "button-secondary-secondary-border-pressed" | "button-secondary-secondary-text-focus" | "button-secondary-secondary-text-disabled" | "button-secondary-secondary-text-enabled" | "button-secondary-secondary-text-hover" | "button-secondary-secondary-text-pressed" | "button-secondary-secondary-icon-focus" | "button-secondary-secondary-icon-disabled" | "button-secondary-secondary-icon-enabled" | "button-secondary-secondary-icon-hover" | "button-secondary-secondary-icon-pressed" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-pressed" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-pressed" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-pressed" | "cards-success-link-disabled" | "cards-success-link-enabled" | "cards-success-background-disabled" | "cards-success-background-enabled" | "cards-success-border-disabled" | "cards-success-border-enabled" | "cards-success-text-disabled" | "cards-success-text-enabled" | "cards-success-icon-disabled" | "cards-success-icon-enabled" | "cards-danger-link-disabled" | "cards-danger-link-enabled" | "cards-danger-background-disabled" | "cards-danger-background-enabled" | "cards-danger-border-disabled" | "cards-danger-border-enabled" | "cards-danger-text-disabled" | "cards-danger-text-enabled" | "cards-danger-icon-disabled" | "cards-danger-icon-enabled" | "cards-primary-link-disabled" | "cards-primary-link-enabled" | "cards-primary-background-disabled" | "cards-primary-background-enabled" | "cards-primary-border-disabled" | "cards-primary-border-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-icon-disabled" | "cards-primary-icon-enabled" | "cards-secondary-link-disabled" | "cards-secondary-link-enabled" | "cards-secondary-background-disabled" | "cards-secondary-background-enabled" | "cards-secondary-border-disabled" | "cards-secondary-border-enabled" | "cards-secondary-text-disabled" | "cards-secondary-text-enabled" | "cards-secondary-icon-disabled" | "cards-secondary-icon-enabled" | "cards-tertiary-link-disabled" | "cards-tertiary-link-enabled" | "cards-tertiary-background-disabled" | "cards-tertiary-background-enabled" | "cards-tertiary-border-disabled" | "cards-tertiary-border-enabled" | "cards-tertiary-text-disabled" | "cards-tertiary-text-enabled" | "cards-tertiary-icon-disabled" | "cards-tertiary-icon-enabled" | "cards-subtle-link-disabled" | "cards-subtle-link-enabled" | "cards-subtle-background-disabled" | "cards-subtle-background-enabled" | "cards-subtle-border-disabled" | "cards-subtle-border-enabled" | "cards-subtle-text-disabled" | "cards-subtle-text-enabled" | "cards-subtle-icon-disabled" | "cards-subtle-icon-enabled" | "charts-high-link-active" | "charts-high-link-disabled" | "charts-high-link-enabled" | "charts-high-background-active" | "charts-high-background-disabled" | "charts-high-background-enabled" | "charts-high-border-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-text-active" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-icon-active" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-high-iconLink-active" | "charts-high-iconLink-disabled" | "charts-high-iconLink-enabled" | "charts-medium-link-active" | "charts-medium-link-disabled" | "charts-medium-link-enabled" | "charts-medium-background-active" | "charts-medium-background-disabled" | "charts-medium-background-enabled" | "charts-medium-border-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-text-active" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-icon-active" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-medium-iconLink-active" | "charts-medium-iconLink-disabled" | "charts-medium-iconLink-enabled" | "charts-success-link-active" | "charts-success-link-disabled" | "charts-success-link-enabled" | "charts-success-background-active" | "charts-success-background-disabled" | "charts-success-background-enabled" | "charts-success-border-active" | "charts-success-border-disabled" | "charts-success-border-enabled" | "charts-success-text-active" | "charts-success-text-disabled" | "charts-success-text-enabled" | "charts-success-icon-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-success-iconLink-active" | "charts-success-iconLink-disabled" | "charts-success-iconLink-enabled" | "charts-danger-link-active" | "charts-danger-link-disabled" | "charts-danger-link-enabled" | "charts-danger-background-active" | "charts-danger-background-disabled" | "charts-danger-background-enabled" | "charts-danger-border-active" | "charts-danger-border-disabled" | "charts-danger-border-enabled" | "charts-danger-text-active" | "charts-danger-text-disabled" | "charts-danger-text-enabled" | "charts-danger-icon-active" | "charts-danger-icon-disabled" | "charts-danger-icon-enabled" | "charts-danger-iconLink-active" | "charts-danger-iconLink-disabled" | "charts-danger-iconLink-enabled" | "charts-warning-link-active" | "charts-warning-link-disabled" | "charts-warning-link-enabled" | "charts-warning-background-active" | "charts-warning-background-disabled" | "charts-warning-background-enabled" | "charts-warning-border-active" | "charts-warning-border-disabled" | "charts-warning-border-enabled" | "charts-warning-text-active" | "charts-warning-text-disabled" | "charts-warning-text-enabled" | "charts-warning-icon-active" | "charts-warning-icon-disabled" | "charts-warning-icon-enabled" | "charts-warning-iconLink-active" | "charts-warning-iconLink-disabled" | "charts-warning-iconLink-enabled" | "charts-info-link-active" | "charts-info-link-disabled" | "charts-info-link-enabled" | "charts-info-background-active" | "charts-info-background-disabled" | "charts-info-background-enabled" | "charts-info-border-active" | "charts-info-border-disabled" | "charts-info-border-enabled" | "charts-info-text-active" | "charts-info-text-disabled" | "charts-info-text-enabled" | "charts-info-icon-active" | "charts-info-icon-disabled" | "charts-info-icon-enabled" | "charts-info-iconLink-active" | "charts-info-iconLink-disabled" | "charts-info-iconLink-enabled" | "charts-attention-link-active" | "charts-attention-link-disabled" | "charts-attention-link-enabled" | "charts-attention-background-active" | "charts-attention-background-disabled" | "charts-attention-background-enabled" | "charts-attention-border-active" | "charts-attention-border-disabled" | "charts-attention-border-enabled" | "charts-attention-text-active" | "charts-attention-text-disabled" | "charts-attention-text-enabled" | "charts-attention-icon-active" | "charts-attention-icon-disabled" | "charts-attention-icon-enabled" | "charts-attention-iconLink-active" | "charts-attention-iconLink-disabled" | "charts-attention-iconLink-enabled" | "charts-critical-link-active" | "charts-critical-link-disabled" | "charts-critical-link-enabled" | "charts-critical-background-active" | "charts-critical-background-disabled" | "charts-critical-background-enabled" | "charts-critical-border-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-text-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-icon-active" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-critical-iconLink-active" | "charts-critical-iconLink-disabled" | "charts-critical-iconLink-enabled" | "charts-minor-link-active" | "charts-minor-link-disabled" | "charts-minor-link-enabled" | "charts-minor-background-active" | "charts-minor-background-disabled" | "charts-minor-background-enabled" | "charts-minor-border-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-text-active" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-icon-active" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-minor-iconLink-active" | "charts-minor-iconLink-disabled" | "charts-minor-iconLink-enabled" | "charts-primary-link-active" | "charts-primary-link-disabled" | "charts-primary-link-enabled" | "charts-primary-background-active" | "charts-primary-background-disabled" | "charts-primary-background-enabled" | "charts-primary-border-active" | "charts-primary-border-disabled" | "charts-primary-border-enabled" | "charts-primary-text-active" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-icon-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-iconLink-active" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-link-active" | "charts-secondary-link-disabled" | "charts-secondary-link-enabled" | "charts-secondary-background-active" | "charts-secondary-background-disabled" | "charts-secondary-background-enabled" | "charts-secondary-border-active" | "charts-secondary-border-disabled" | "charts-secondary-border-enabled" | "charts-secondary-text-active" | "charts-secondary-text-disabled" | "charts-secondary-text-enabled" | "charts-secondary-icon-active" | "charts-secondary-icon-disabled" | "charts-secondary-icon-enabled" | "charts-secondary-iconLink-active" | "charts-secondary-iconLink-disabled" | "charts-secondary-iconLink-enabled" | "charts-tertiary-link-active" | "charts-tertiary-link-disabled" | "charts-tertiary-link-enabled" | "charts-tertiary-background-active" | "charts-tertiary-background-disabled" | "charts-tertiary-background-enabled" | "charts-tertiary-border-active" | "charts-tertiary-border-disabled" | "charts-tertiary-border-enabled" | "charts-tertiary-text-active" | "charts-tertiary-text-disabled" | "charts-tertiary-text-enabled" | "charts-tertiary-icon-active" | "charts-tertiary-icon-disabled" | "charts-tertiary-icon-enabled" | "charts-tertiary-iconLink-active" | "charts-tertiary-iconLink-disabled" | "charts-tertiary-iconLink-enabled" | "charts-subtle-link-active" | "charts-subtle-link-disabled" | "charts-subtle-link-enabled" | "charts-subtle-background-active" | "charts-subtle-background-disabled" | "charts-subtle-background-enabled" | "charts-subtle-border-active" | "charts-subtle-border-disabled" | "charts-subtle-border-enabled" | "charts-subtle-text-active" | "charts-subtle-text-disabled" | "charts-subtle-text-enabled" | "charts-subtle-icon-active" | "charts-subtle-icon-disabled" | "charts-subtle-icon-enabled" | "charts-subtle-iconLink-active" | "charts-subtle-iconLink-disabled" | "charts-subtle-iconLink-enabled" | "charts-value2-link-active" | "charts-value2-link-disabled" | "charts-value2-link-enabled" | "charts-value2-background-active" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-active" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value2-text-active" | "charts-value2-text-disabled" | "charts-value2-text-enabled" | "charts-value2-icon-active" | "charts-value2-icon-disabled" | "charts-value2-icon-enabled" | "charts-value2-iconLink-active" | "charts-value2-iconLink-disabled" | "charts-value2-iconLink-enabled" | "charts-value1-link-active" | "charts-value1-link-disabled" | "charts-value1-link-enabled" | "charts-value1-background-active" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-active" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value1-text-active" | "charts-value1-text-disabled" | "charts-value1-text-enabled" | "charts-value1-icon-active" | "charts-value1-icon-disabled" | "charts-value1-icon-enabled" | "charts-value1-iconLink-active" | "charts-value1-iconLink-disabled" | "charts-value1-iconLink-enabled" | "charts-value3-link-active" | "charts-value3-link-disabled" | "charts-value3-link-enabled" | "charts-value3-background-active" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-active" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value3-text-active" | "charts-value3-text-disabled" | "charts-value3-text-enabled" | "charts-value3-icon-active" | "charts-value3-icon-disabled" | "charts-value3-icon-enabled" | "charts-value3-iconLink-active" | "charts-value3-iconLink-disabled" | "charts-value3-iconLink-enabled" | "charts-value4-link-active" | "charts-value4-link-disabled" | "charts-value4-link-enabled" | "charts-value4-background-active" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-active" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value4-text-active" | "charts-value4-text-disabled" | "charts-value4-text-enabled" | "charts-value4-icon-active" | "charts-value4-icon-disabled" | "charts-value4-icon-enabled" | "charts-value4-iconLink-active" | "charts-value4-iconLink-disabled" | "charts-value4-iconLink-enabled" | "charts-value5-link-active" | "charts-value5-link-disabled" | "charts-value5-link-enabled" | "charts-value5-background-active" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-active" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value5-text-active" | "charts-value5-text-disabled" | "charts-value5-text-enabled" | "charts-value5-icon-active" | "charts-value5-icon-disabled" | "charts-value5-icon-enabled" | "charts-value5-iconLink-active" | "charts-value5-iconLink-disabled" | "charts-value5-iconLink-enabled" | "charts-value6-link-active" | "charts-value6-link-disabled" | "charts-value6-link-enabled" | "charts-value6-background-active" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-active" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value6-text-active" | "charts-value6-text-disabled" | "charts-value6-text-enabled" | "charts-value6-icon-active" | "charts-value6-icon-disabled" | "charts-value6-icon-enabled" | "charts-value6-iconLink-active" | "charts-value6-iconLink-disabled" | "charts-value6-iconLink-enabled" | "charts-value7-link-active" | "charts-value7-link-disabled" | "charts-value7-link-enabled" | "charts-value7-background-active" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-active" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value7-text-active" | "charts-value7-text-disabled" | "charts-value7-text-enabled" | "charts-value7-icon-active" | "charts-value7-icon-disabled" | "charts-value7-icon-enabled" | "charts-value7-iconLink-active" | "charts-value7-iconLink-disabled" | "charts-value7-iconLink-enabled" | "label-default-background" | "label-default-text" | "label-default-icon" | "label-high-background" | "label-high-text" | "label-high-icon" | "label-medium-background" | "label-medium-text" | "label-medium-icon" | "label-success-background" | "label-success-text" | "label-success-icon" | "label-danger-background" | "label-danger-text" | "label-danger-icon" | "label-warning-background" | "label-warning-text" | "label-warning-icon" | "label-info-background" | "label-info-text" | "label-info-icon" | "label-attention-background" | "label-attention-text" | "label-attention-icon" | "label-critical-background" | "label-critical-text" | "label-critical-icon" | "label-minor-background" | "label-minor-text" | "label-minor-icon" | "checkboxInput-primary-background-active" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-border-disabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-text-active" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-icon-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-background-active" | "checkboxInput-secondary-background-disabled" | "checkboxInput-secondary-background-enabled" | "checkboxInput-secondary-border-active" | "checkboxInput-secondary-border-disabled" | "checkboxInput-secondary-border-enabled" | "checkboxInput-secondary-text-active" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "checkboxInput-secondary-icon-active" | "checkboxInput-secondary-icon-disabled" | "checkboxInput-secondary-icon-enabled" | "listOrb-primary-background" | "listOrb-primary-text" | "listOrb-primary-icon" | "listOrb-secondary-background" | "listOrb-secondary-text" | "listOrb-secondary-icon" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-text-hover" | "selector-base-text-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-hover" | "selector-base-icon-unselected" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-slider-border-disabled" | "selector-slider-border-enabled" | "selector-slider-border-hover" | "selector-slider-border-unselected" | "selector-slider-text-disabled" | "selector-slider-text-enabled" | "selector-slider-text-hover" | "selector-slider-text-unselected" | "selector-slider-icon-disabled" | "selector-slider-icon-enabled" | "selector-slider-icon-hover" | "selector-slider-icon-unselected" | "input-background-error" | "input-background-focus" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-border-error" | "input-border-focus" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-label-error" | "input-label-focus" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-text-error" | "input-text-focus" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-icon-error" | "input-icon-focus" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-placeholder-error" | "input-placeholder-focus" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-helper-error" | "input-helper-focus" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "loading-background" | "divider-enabled" | "issues-high-code-expanded" | "issues-high-code-collapsed" | "issues-high-background-expanded" | "issues-high-background-collapsed" | "issues-high-border-expanded" | "issues-high-border-collapsed" | "issues-high-line-expanded" | "issues-high-line-collapsed" | "issues-medium-code-expanded" | "issues-medium-code-collapsed" | "issues-medium-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-border-expanded" | "issues-medium-border-collapsed" | "issues-medium-line-expanded" | "issues-medium-line-collapsed" | "issues-critical-code-expanded" | "issues-critical-code-collapsed" | "issues-critical-background-expanded" | "issues-critical-background-collapsed" | "issues-critical-border-expanded" | "issues-critical-border-collapsed" | "issues-critical-line-expanded" | "issues-critical-line-collapsed" | "issues-minor-code-expanded" | "issues-minor-code-collapsed" | "issues-minor-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-border-expanded" | "issues-minor-border-collapsed" | "issues-minor-line-expanded" | "issues-minor-line-collapsed" | "tabs-border-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-text-active" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-icon-active" | "tabs-icon-disabled" | "tabs-icon-enabled" | "drawer-item-background-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-border-active" | "drawer-item-border-disabled" | "drawer-item-border-enabled" | "drawer-item-border-hover" | "drawer-item-text-active" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-icon-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-body-background-active" | "drawer-body-background-disabled" | "drawer-body-background-enabled" | "drawer-body-background-hover" | "drawer-body-border-active" | "drawer-body-border-disabled" | "drawer-body-border-enabled" | "drawer-body-border-hover" | "drawer-body-text-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-text-hover" | "drawer-body-icon-active" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-body-icon-hover" | "filter-background-active" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-active" | "filter-border-disabled" | "filter-border-enabled" | "filter-text-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-icon-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-background" | "modal-body-text" | "modal-backdrop-background" | "modal-backdrop-text" | "tables-link-active" | "tables-link-enabled" | "tables-link-hover" | "tables-background-active" | "tables-background-enabled" | "tables-background-hover" | "tables-border-active" | "tables-border-enabled" | "tables-border-hover" | "tables-text-active" | "tables-text-enabled" | "tables-text-hover" | "tables-icon-active" | "tables-icon-enabled" | "tables-icon-hover" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-wrapper-background-active" | "navigation-left-menu-wrapper-background-enabled" | "navigation-left-menu-wrapper-background-hover" | "navigation-left-menu-wrapper-text-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-text-hover" | "navigation-top-bar-item-background-active" | "navigation-top-bar-item-background-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-item-text-active" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-text-hover" | "navigation-top-bar-wrapper-background-active" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-background-hover" | "navigation-top-bar-wrapper-text-active" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-text-hover" | undefined;
|
|
16
16
|
expanded?: boolean | undefined;
|
|
17
17
|
}, {}, {}>;
|
|
18
18
|
export declare const StyledBox: import("@emotion/styled").StyledComponent<{
|
|
@@ -21,7 +21,7 @@ var StyledAnimateHeight = exports.StyledAnimateHeight = /*#__PURE__*/(0, _base["
|
|
|
21
21
|
}, ";border-radius:", function (_ref2) {
|
|
22
22
|
var theme = _ref2.theme;
|
|
23
23
|
return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
|
|
24
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00RiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEFsbENvbG9yc0tleXMgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCBBbmltYXRlSGVpZ2h0IGZyb20gJ3JlYWN0LWFuaW1hdGUtaGVpZ2h0J1xuXG4vLyA/PyBiYWl4bywgbGF0ZXJhbFxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IEFsbENvbG9yc0tleXMgfT5gXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNlY29uZGFyeUNvbG9yIH0pID0+XG4gICAgc2Vjb25kYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtzZWNvbmRhcnlDb2xvcn1gXX0gLCAwIDAuMjVyZW0gMC4zNXJlbSAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXVxuICAgICAgICB9LCAtMC4zNXJlbSAwLjE1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc3VidGxlLWRpc2FibGVkJ119YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IEFsbENvbG9yc0tleXM7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1twcmltYXJ5Q29sb3JdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuMzVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW3ByaW1hcnlDb2xvcl19YFxuICAgICAgICA6IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgMCAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXN1YnRsZS1lbmFibGVkJ119YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGV4cGFuZGVkIH0pID0+IChleHBhbmRlZCA/IGAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfSAwIDBgIDogdGhlbWUucmFkaWlbMV0pfTtcbmBcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuIl19 */"));
|
|
25
25
|
var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
|
|
26
26
|
target: "e1sxq8nk1"
|
|
27
27
|
} : {
|
|
@@ -34,12 +34,12 @@ var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["
|
|
|
34
34
|
var theme = _ref4.theme,
|
|
35
35
|
expanded = _ref4.expanded,
|
|
36
36
|
primaryColor = _ref4.primaryColor;
|
|
37
|
-
return expanded && primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors[
|
|
37
|
+
return expanded && primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors[primaryColor], ", 0 0.25rem 0.35rem ".concat(theme.colors['border-primary'], ", -0.35rem 0.05rem 0.35rem ").concat(theme.colors['background-subtle-disabled'])) : primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors[primaryColor]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['border-subtle-enabled']);
|
|
38
38
|
}, ";border-radius:", function (_ref5) {
|
|
39
39
|
var theme = _ref5.theme,
|
|
40
40
|
expanded = _ref5.expanded;
|
|
41
41
|
return expanded ? "".concat(theme.radii[1], " ").concat(theme.radii[1], " 0 0") : theme.radii[1];
|
|
42
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
42
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCb0ciLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBBbGxDb2xvcnNLZXlzIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuLy8gPz8gYmFpeG8sIGxhdGVyYWxcbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBBbGxDb2xvcnNLZXlzIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuMzVyZW0gMC4xNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWBcbiAgICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlQm94ID0gc3R5bGVkKEJveCk8eyBwcmltYXJ5Q29sb3I/OiBBbGxDb2xvcnNLZXlzOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbcHJpbWFyeUNvbG9yXVxuICAgICAgICB9JHtgLCAwIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX0sIC0wLjM1cmVtIDAuMDVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1twcmltYXJ5Q29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1zdWJ0bGUtZW5hYmxlZCddfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
|
|
43
43
|
var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
|
|
44
44
|
target: "e1sxq8nk0"
|
|
45
45
|
} : {
|
|
@@ -51,4 +51,4 @@ var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.
|
|
|
51
51
|
}, ";border-top:none;border-radius:", function (_ref7) {
|
|
52
52
|
var theme = _ref7.theme;
|
|
53
53
|
return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
|
|
54
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
54
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCb0MiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBBbGxDb2xvcnNLZXlzIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuLy8gPz8gYmFpeG8sIGxhdGVyYWxcbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBBbGxDb2xvcnNLZXlzIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuMzVyZW0gMC4xNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWBcbiAgICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlQm94ID0gc3R5bGVkKEJveCk8eyBwcmltYXJ5Q29sb3I/OiBBbGxDb2xvcnNLZXlzOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbcHJpbWFyeUNvbG9yXVxuICAgICAgICB9JHtgLCAwIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX0sIC0wLjM1cmVtIDAuMDVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1twcmltYXJ5Q29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1zdWJ0bGUtZW5hYmxlZCddfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ContainerComponentProps } from '../types';
|
|
3
3
|
import { SpaceProps, LayoutProps, ColorProps } from '../system-props/types';
|
|
4
|
-
import {
|
|
4
|
+
import { AllColorsKeys } from '../theme';
|
|
5
5
|
export interface ExpandableBoxProps extends ContainerComponentProps, SpaceProps, LayoutProps, ColorProps {
|
|
6
|
-
primaryColor?:
|
|
7
|
-
secondaryColor?:
|
|
6
|
+
primaryColor?: AllColorsKeys;
|
|
7
|
+
secondaryColor?: AllColorsKeys;
|
|
8
8
|
expanded?: boolean;
|
|
9
9
|
animating?: boolean;
|
|
10
10
|
setAnimating?: (animating: boolean) => void;
|
|
@@ -17,4 +17,4 @@ var GroupWrapper = exports.GroupWrapper = /*#__PURE__*/(0, _base["default"])(_Fl
|
|
|
17
17
|
})("align-items:flex-start;&>:not(:last-child){input,", _styles.StyledCheckbox, "{border-top-right-radius:0;border-bottom-right-radius:0;}}&>:not(:first-child){margin-left:-1px;z-index:", function (_ref) {
|
|
18
18
|
var theme = _ref.theme;
|
|
19
19
|
return theme.zIndices['content'];
|
|
20
|
-
}, ";input,button,", _styles.StyledCheckbox, ",&{border-top-left-radius:0;border-bottom-left-radius:0;}}", _styles.CheckboxWrap, "{min-width:2rem;}", _styles.StyledCheckbox, "{width:2rem;height:2rem;margin-right:0;}", _styles.CheckboxWrap, "+", _styles2.InputWrapper, "{", _styles2.InputHelp, ",", _styles2.InputErrorMessage, "{margin-left:-2rem;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Hcm91cC9Hcm91cC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9Hcm91cC9Hcm91cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgR3JvdXBQcm9wcyB9IGZyb20gJy4vR3JvdXAudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRDaGVja2JveCwgQ2hlY2tib3hXcmFwIH0gZnJvbSAnLi4vQ2hlY2tib3gvc3R5bGVzJ1xuaW1wb3J0IHsgSW5wdXRXcmFwcGVyLCBJbnB1dEVycm9yTWVzc2FnZSwgSW5wdXRIZWxwIH0gZnJvbSAnLi4vSW5wdXQvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgR3JvdXBXcmFwcGVyID0gc3R5bGVkKEZsZXgpPEdyb3VwUHJvcHM+YFxuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAmID4gOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGlucHV0LFxuICAgICR7U3R5bGVkQ2hlY2tib3h9IHtcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICB9XG5cbiAgJiA+
|
|
20
|
+
}, ";input,button,", _styles.StyledCheckbox, ",&{border-top-left-radius:0;border-bottom-left-radius:0;}}", _styles.CheckboxWrap, "{min-width:2rem;}", _styles.StyledCheckbox, "{width:2rem;height:2rem;margin-right:0;}", _styles.CheckboxWrap, "+", _styles2.InputWrapper, "{", _styles2.InputHelp, ",", _styles2.InputErrorMessage, "{margin-left:-2rem;}}input:focus{box-shadow:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Hcm91cC9Hcm91cC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9Hcm91cC9Hcm91cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgR3JvdXBQcm9wcyB9IGZyb20gJy4vR3JvdXAudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRDaGVja2JveCwgQ2hlY2tib3hXcmFwIH0gZnJvbSAnLi4vQ2hlY2tib3gvc3R5bGVzJ1xuaW1wb3J0IHsgSW5wdXRXcmFwcGVyLCBJbnB1dEVycm9yTWVzc2FnZSwgSW5wdXRIZWxwIH0gZnJvbSAnLi4vSW5wdXQvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgR3JvdXBXcmFwcGVyID0gc3R5bGVkKEZsZXgpPEdyb3VwUHJvcHM+YFxuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAmID4gOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGlucHV0LFxuICAgICR7U3R5bGVkQ2hlY2tib3h9IHtcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDA7XG4gICAgfVxuICB9XG5cbiAgJiA+IDpub3QoOmZpcnN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLWxlZnQ6IC0xcHg7XG4gICAgei1pbmRleDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS56SW5kaWNlc1snY29udGVudCddfTtcblxuICAgIGlucHV0LFxuICAgIGJ1dHRvbixcbiAgICAke1N0eWxlZENoZWNrYm94fSwgJiB7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICB9XG4gIH1cblxuICAke0NoZWNrYm94V3JhcH0ge1xuICAgIG1pbi13aWR0aDogMnJlbTtcbiAgfVxuXG4gICR7U3R5bGVkQ2hlY2tib3h9IHtcbiAgICB3aWR0aDogMnJlbTtcbiAgICBoZWlnaHQ6IDJyZW07XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJHtDaGVja2JveFdyYXB9ICsgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAke0lucHV0SGVscH0sICR7SW5wdXRFcnJvck1lc3NhZ2V9IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMnJlbTtcbiAgICB9XG4gIH1cblxuICBpbnB1dDpmb2N1cyB7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYFxuIl19 */"));
|
package/lib/Icon/Icon.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from '../types';
|
|
2
|
-
import {
|
|
2
|
+
import { AllColorsKeys, Size } from '../theme';
|
|
3
3
|
import { BoxProps } from '../Flexbox';
|
|
4
4
|
import { HTMLAttributes } from 'react';
|
|
5
5
|
export declare type IconSize = Size | 'inherit';
|
|
@@ -7,8 +7,8 @@ export declare type IconFile = React.FunctionComponent<React.SVGProps<SVGSVGElem
|
|
|
7
7
|
export interface IconProps extends ComponentProps, BoxProps, HTMLAttributes<HTMLDivElement> {
|
|
8
8
|
/** SVG icon to use as the source of the icon */
|
|
9
9
|
icon: IconFile;
|
|
10
|
-
/**
|
|
11
|
-
color?:
|
|
10
|
+
/** AllColorsKeys for the icon from the theme; defaults to parent's font color if not defined. */
|
|
11
|
+
color?: AllColorsKeys;
|
|
12
12
|
/** Size for the icon; defaults to parent's font size if not defined */
|
|
13
13
|
size?: IconSize;
|
|
14
14
|
/** Determines if the icon should be rendered as an inline element with the proper line adjustment */
|
package/lib/Icons/Messages.d.ts
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AllColorsKeys } from '../theme';
|
|
3
|
+
export declare const ErrorIcon: React.FC<{
|
|
4
|
+
color?: AllColorsKeys;
|
|
5
|
+
}>;
|
|
6
|
+
export declare const SuccessIcon: React.FC<{
|
|
7
|
+
color?: AllColorsKeys;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const InfoIcon: React.FC<{
|
|
10
|
+
color?: AllColorsKeys;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const WarningIcon: React.FC<{
|
|
13
|
+
color?: AllColorsKeys;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const RocketFilledIcon: React.FC<{
|
|
16
|
+
color?: AllColorsKeys;
|
|
17
|
+
}>;
|
package/lib/Icons/Messages.js
CHANGED
|
@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.WarningIcon = exports.SuccessIcon = exports.InfoIcon = exports.ErrorIcon = void 0;
|
|
7
|
+
exports.WarningIcon = exports.SuccessIcon = exports.RocketFilledIcon = exports.InfoIcon = exports.ErrorIcon = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
var ErrorIcon = exports.ErrorIcon = function ErrorIcon() {
|
|
11
|
+
var ErrorIcon = exports.ErrorIcon = function ErrorIcon(_ref) {
|
|
12
|
+
var _ref$color = _ref.color,
|
|
13
|
+
color = _ref$color === void 0 ? 'icon-danger' : _ref$color;
|
|
12
14
|
var theme = (0, _react2.useTheme)();
|
|
13
15
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
14
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -17,12 +19,14 @@ var ErrorIcon = exports.ErrorIcon = function ErrorIcon() {
|
|
|
17
19
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
18
20
|
children: "Error"
|
|
19
21
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
20
|
-
fill: theme.colors[
|
|
22
|
+
fill: theme.colors[color],
|
|
21
23
|
d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z"
|
|
22
24
|
})]
|
|
23
25
|
});
|
|
24
26
|
};
|
|
25
|
-
var SuccessIcon = exports.SuccessIcon = function SuccessIcon() {
|
|
27
|
+
var SuccessIcon = exports.SuccessIcon = function SuccessIcon(_ref2) {
|
|
28
|
+
var _ref2$color = _ref2.color,
|
|
29
|
+
color = _ref2$color === void 0 ? 'icon-success' : _ref2$color;
|
|
26
30
|
var theme = (0, _react2.useTheme)();
|
|
27
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
28
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -31,12 +35,14 @@ var SuccessIcon = exports.SuccessIcon = function SuccessIcon() {
|
|
|
31
35
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
32
36
|
children: "Success"
|
|
33
37
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
34
|
-
fill: theme.colors[
|
|
38
|
+
fill: theme.colors[color],
|
|
35
39
|
d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm108.25 138.29l-134.4 160a16 16 0 01-12 5.71h-.27a16 16 0 01-11.89-5.3l-57.6-64a16 16 0 1123.78-21.4l45.29 50.32 122.59-145.91a16 16 0 0124.5 20.58z"
|
|
36
40
|
})]
|
|
37
41
|
});
|
|
38
42
|
};
|
|
39
|
-
var InfoIcon = exports.InfoIcon = function InfoIcon() {
|
|
43
|
+
var InfoIcon = exports.InfoIcon = function InfoIcon(_ref3) {
|
|
44
|
+
var _ref3$color = _ref3.color,
|
|
45
|
+
color = _ref3$color === void 0 ? 'icon-info' : _ref3$color;
|
|
40
46
|
var theme = (0, _react2.useTheme)();
|
|
41
47
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
42
48
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -45,12 +51,14 @@ var InfoIcon = exports.InfoIcon = function InfoIcon() {
|
|
|
45
51
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
46
52
|
children: "Info"
|
|
47
53
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
48
|
-
fill: theme.colors[
|
|
54
|
+
fill: theme.colors[color],
|
|
49
55
|
d: "M256 56C145.72 56 56 145.72 56 256s89.72 200 200 200 200-89.72 200-200S366.28 56 256 56zm0 82a26 26 0 11-26 26 26 26 0 0126-26zm48 226h-88a16 16 0 010-32h28v-88h-16a16 16 0 010-32h32a16 16 0 0116 16v104h28a16 16 0 010 32z"
|
|
50
56
|
})]
|
|
51
57
|
});
|
|
52
58
|
};
|
|
53
|
-
var WarningIcon = exports.WarningIcon = function WarningIcon() {
|
|
59
|
+
var WarningIcon = exports.WarningIcon = function WarningIcon(_ref4) {
|
|
60
|
+
var _ref4$color = _ref4.color,
|
|
61
|
+
color = _ref4$color === void 0 ? 'icon-warning' : _ref4$color;
|
|
54
62
|
var theme = (0, _react2.useTheme)();
|
|
55
63
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
56
64
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -59,8 +67,28 @@ var WarningIcon = exports.WarningIcon = function WarningIcon() {
|
|
|
59
67
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
|
|
60
68
|
children: "Warning"
|
|
61
69
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
62
|
-
fill: theme.colors[
|
|
70
|
+
fill: theme.colors[color],
|
|
63
71
|
d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z"
|
|
64
72
|
})]
|
|
65
73
|
});
|
|
74
|
+
};
|
|
75
|
+
var RocketFilledIcon = exports.RocketFilledIcon = function RocketFilledIcon(_ref5) {
|
|
76
|
+
var _ref5$color = _ref5.color,
|
|
77
|
+
color = _ref5$color === void 0 ? 'icon-warning' : _ref5$color;
|
|
78
|
+
var theme = (0, _react2.useTheme)();
|
|
79
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
80
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
+
className: "ionicon",
|
|
82
|
+
viewBox: "0 0 512 512",
|
|
83
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
84
|
+
d: "M328.85 156.79a26.69 26.69 0 1018.88 7.81 26.6 26.6 0 00-18.88-7.81z",
|
|
85
|
+
fill: theme.colors[color]
|
|
86
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
87
|
+
d: "M477.44 50.06a.29.29 0 010-.09 20.4 20.4 0 00-15.13-15.3c-29.8-7.27-76.68.48-128.63 21.28-52.36 21-101.42 52-134.58 85.22A320.7 320.7 0 00169.55 175c-22.33-1-42 2.18-58.57 9.41-57.74 25.41-74.23 90.44-78.62 117.14a25 25 0 0027.19 29h.13l64.32-7.02c.08.82.17 1.57.24 2.26a34.36 34.36 0 009.9 20.72l31.39 31.41a34.27 34.27 0 0020.71 9.91l2.15.23-7 64.24v.13A25 25 0 00206 480a25.25 25.25 0 004.15-.34C237 475.34 302 459.05 327.34 401c7.17-16.46 10.34-36.05 9.45-58.34a314.78 314.78 0 0033.95-29.55c33.43-33.26 64.53-81.92 85.31-133.52 20.69-51.36 28.48-98.59 21.39-129.53zM370.38 224.94a58.77 58.77 0 110-83.07 58.3 58.3 0 010 83.07z",
|
|
88
|
+
fill: theme.colors[color]
|
|
89
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
90
|
+
d: "M161.93 386.44a16 16 0 00-11 2.67c-6.39 4.37-12.81 8.69-19.29 12.9-13.11 8.52-28.79-6.44-21-20l12.15-21a16 16 0 00-15.16-24.91A61.25 61.25 0 0072 353.56c-3.66 3.67-14.79 14.81-20.78 57.26A357.94 357.94 0 0048 447.59 16 16 0 0064 464h.4a359.87 359.87 0 0036.8-3.2c42.47-6 53.61-17.14 57.27-20.8a60.49 60.49 0 0017.39-35.74 16 16 0 00-13.93-17.82z",
|
|
91
|
+
fill: theme.colors[color]
|
|
92
|
+
})]
|
|
93
|
+
});
|
|
66
94
|
};
|
package/lib/Icons/Symbols.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AllColorsKeys } from '../theme/ColorSchemes/light';
|
|
2
3
|
export declare const CheckIcon: () => JSX.Element;
|
|
3
4
|
export declare const MinusIcon: () => JSX.Element;
|
|
4
5
|
export declare const CloseIcon: () => JSX.Element;
|
|
5
6
|
export declare const DangerIcon: () => JSX.Element;
|
|
6
|
-
export declare const RocketIcon:
|
|
7
|
+
export declare const RocketIcon: React.FC<{
|
|
8
|
+
color?: AllColorsKeys;
|
|
9
|
+
}>;
|
package/lib/Icons/Symbols.js
CHANGED
|
@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.RocketIcon = exports.MinusIcon = exports.DangerIcon = exports.CloseIcon = exports.CheckIcon = void 0;
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("@emotion/react");
|
|
9
|
+
var _react2 = _interopRequireDefault(require("react"));
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
var CheckIcon = exports.CheckIcon = function CheckIcon() {
|
|
11
12
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
|
|
@@ -65,7 +66,10 @@ var DangerIcon = exports.DangerIcon = function DangerIcon() {
|
|
|
65
66
|
})]
|
|
66
67
|
});
|
|
67
68
|
};
|
|
68
|
-
var RocketIcon = exports.RocketIcon = function RocketIcon() {
|
|
69
|
+
var RocketIcon = exports.RocketIcon = function RocketIcon(_ref) {
|
|
70
|
+
var _ref$color = _ref.color,
|
|
71
|
+
color = _ref$color === void 0 ? 'icon-attention' : _ref$color;
|
|
72
|
+
var theme = (0, _react.useTheme)();
|
|
69
73
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
70
74
|
xmlns: "http://www.w3.org/2000/svg",
|
|
71
75
|
className: "ionicon",
|
|
@@ -76,12 +80,14 @@ var RocketIcon = exports.RocketIcon = function RocketIcon() {
|
|
|
76
80
|
d: "M461.81 53.81a4.4 4.4 0 00-3.3-3.39c-54.38-13.3-180 34.09-248.13 102.17a294.9 294.9 0 00-33.09 39.08c-21-1.9-42-.3-59.88 7.5-50.49 22.2-65.18 80.18-69.28 105.07a9 9 0 009.8 10.4l81.07-8.9a180.29 180.29 0 001.1 18.3 18.15 18.15 0 005.3 11.09l31.39 31.39a18.15 18.15 0 0011.1 5.3 179.91 179.91 0 0018.19 1.1l-8.89 81a9 9 0 0010.39 9.79c24.9-4 83-18.69 105.07-69.17 7.8-17.9 9.4-38.79 7.6-59.69a293.91 293.91 0 0039.19-33.09c68.38-68 115.47-190.86 102.37-247.95zM298.66 213.67a42.7 42.7 0 1160.38 0 42.65 42.65 0 01-60.38 0z",
|
|
77
81
|
strokeLinecap: "round",
|
|
78
82
|
strokeLinejoin: "round",
|
|
79
|
-
className: "ionicon-fill-none ionicon-stroke-width"
|
|
83
|
+
className: "ionicon-fill-none ionicon-stroke-width",
|
|
84
|
+
stroke: theme.colors[color]
|
|
80
85
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
81
86
|
d: "M109.64 352a45.06 45.06 0 00-26.35 12.84C65.67 382.52 64 448 64 448s65.52-1.67 83.15-19.31A44.73 44.73 0 00160 402.32",
|
|
82
87
|
strokeLinecap: "round",
|
|
83
88
|
strokeLinejoin: "round",
|
|
84
|
-
className: "ionicon-fill-none ionicon-stroke-width"
|
|
89
|
+
className: "ionicon-fill-none ionicon-stroke-width",
|
|
90
|
+
stroke: theme.colors[color]
|
|
85
91
|
})]
|
|
86
92
|
});
|
|
87
93
|
};
|
|
@@ -11,12 +11,28 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
var _Icons = require("../Icons");
|
|
12
12
|
var _ = require("../");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _excluded = ["children", "id", "status", "
|
|
14
|
+
var _excluded = ["children", "id", "status", "size", "toRight", "tooltipProps"];
|
|
15
15
|
var statuses = {
|
|
16
|
-
success:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
success: function success() {
|
|
17
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.SuccessIcon, {
|
|
18
|
+
color: "alerts-success-icon"
|
|
19
|
+
});
|
|
20
|
+
},
|
|
21
|
+
info: function info() {
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.InfoIcon, {
|
|
23
|
+
color: "alerts-info-icon"
|
|
24
|
+
});
|
|
25
|
+
},
|
|
26
|
+
warning: function warning() {
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.WarningIcon, {
|
|
28
|
+
color: "alerts-warning-icon"
|
|
29
|
+
});
|
|
30
|
+
},
|
|
31
|
+
error: function error() {
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ErrorIcon, {
|
|
33
|
+
color: "alerts-danger-icon"
|
|
34
|
+
});
|
|
35
|
+
}
|
|
20
36
|
};
|
|
21
37
|
var scales = {
|
|
22
38
|
xs: 1.1,
|
|
@@ -32,8 +48,6 @@ var InlineMessage = exports.InlineMessage = /*#__PURE__*/_react["default"].forwa
|
|
|
32
48
|
var children = _ref.children,
|
|
33
49
|
id = _ref.id,
|
|
34
50
|
status = _ref.status,
|
|
35
|
-
_ref$color = _ref.color,
|
|
36
|
-
color = _ref$color === void 0 ? 'tertiary' : _ref$color,
|
|
37
51
|
_ref$size = _ref.size,
|
|
38
52
|
size = _ref$size === void 0 ? 'sm' : _ref$size,
|
|
39
53
|
_ref$toRight = _ref.toRight,
|
|
@@ -43,7 +57,7 @@ var InlineMessage = exports.InlineMessage = /*#__PURE__*/_react["default"].forwa
|
|
|
43
57
|
var InlineMessageContent = function InlineMessageContent() {
|
|
44
58
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Paragraph, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
45
59
|
id: id,
|
|
46
|
-
color:
|
|
60
|
+
color: "alerts-secondary-text",
|
|
47
61
|
size: size
|
|
48
62
|
}, props), {}, {
|
|
49
63
|
ref: ref,
|