@amboss/design-system 1.16.3 → 1.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -3
- package/build/cjs/build-tokens/visualConfig.js +12 -8
- package/build/cjs/src/components/Container/Container.js +5 -5
- package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +5 -5
- package/build/cjs/src/components/Form/Select/Select.js +6 -6
- package/build/esm/build-tokens/_colors.json +40 -0
- package/build/esm/build-tokens/_subThemeType.d.ts +1 -1
- package/build/esm/build-tokens/visualConfig.d.ts +10 -12
- package/build/esm/build-tokens/visualConfig.js +12 -8
- package/build/esm/build-tokens/visualConfig.js.map +1 -1
- package/build/esm/src/components/Badge/Badge.d.ts +1 -1
- package/build/esm/src/components/Box/Box.d.ts +1 -1
- package/build/esm/src/components/Button/Button.d.ts +3 -3
- package/build/esm/src/components/Callout/Callout.d.ts +1 -1
- package/build/esm/src/components/Card/Card.d.ts +1 -1
- package/build/esm/src/components/Card/CardBox.d.ts +1 -1
- package/build/esm/src/components/Collapsible/Collapsible.d.ts +2 -2
- package/build/esm/src/components/Column/Columns.d.ts +2 -2
- package/build/esm/src/components/Container/Container.d.ts +1 -1
- package/build/esm/src/components/Container/Container.js +5 -5
- package/build/esm/src/components/Container/Container.js.map +1 -1
- package/build/esm/src/components/DataTable/DataTable.d.ts +1 -1
- package/build/esm/src/components/DataTable/TableBody.d.ts +1 -1
- package/build/esm/src/components/DataTable/TableCell.d.ts +1 -1
- package/build/esm/src/components/DataTable/TableHeader.d.ts +1 -1
- package/build/esm/src/components/DataTable/types.d.ts +2 -2
- package/build/esm/src/components/DataTable/useDataTableSort.d.ts +1 -1
- package/build/esm/src/components/Divider/Divider.d.ts +1 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +5 -5
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js +5 -5
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +1 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +1 -1
- package/build/esm/src/components/Form/FormField/FormField.d.ts +2 -2
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +1 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +1 -1
- package/build/esm/src/components/Form/Input/Input.d.ts +1 -1
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +2 -2
- package/build/esm/src/components/Form/Radio/Radio.d.ts +1 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +1 -1
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +2 -2
- package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +1 -1
- package/build/esm/src/components/Form/Select/Select.d.ts +2 -2
- package/build/esm/src/components/Form/Select/Select.js +6 -6
- package/build/esm/src/components/Form/Select/Select.js.map +1 -1
- package/build/esm/src/components/Form/Textarea/Textarea.d.ts +1 -1
- package/build/esm/src/components/Form/Toggle/Toggle.d.ts +1 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +1 -1
- package/build/esm/src/components/Icon/Icon.d.ts +3 -3
- package/build/esm/src/components/Inline/Inline.d.ts +1 -1
- package/build/esm/src/components/Link/Link.d.ts +2 -2
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +1 -1
- package/build/esm/src/components/Logo/Logo.d.ts +1 -1
- package/build/esm/src/components/MediaItem/MediaItem.d.ts +1 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +1 -1
- package/build/esm/src/components/Notification/Notification.d.ts +1 -1
- package/build/esm/src/components/Pagination/Pagination.d.ts +1 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/build/esm/src/components/Patterns/Modal/Modal.d.ts +1 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +2 -2
- package/build/esm/src/components/Portal/Portal.d.ts +1 -1
- package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.d.ts +1 -1
- package/build/esm/src/components/SearchResult/SearchResult.d.ts +3 -3
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +6 -6
- package/build/esm/src/components/Stack/Stack.d.ts +1 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +1 -1
- package/build/esm/src/components/Tabs/Tabs.d.ts +2 -2
- package/build/esm/src/components/Tag/Tag.d.ts +3 -3
- package/build/esm/src/components/TagGroup/TagGroup.d.ts +3 -3
- package/build/esm/src/components/Tooltip/Tooltip.d.ts +4 -4
- package/build/esm/src/components/Typography/Header/Header.d.ts +1 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +2 -2
- package/build/esm/src/components/Typography/Text/Text.d.ts +1 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +1 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +1 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +3 -3
- package/build/esm/src/shared/mediaQueries.d.ts +6 -6
- package/build/esm/src/shared/useAutoPosition.d.ts +3 -3
- package/build/esm/src/types/index.d.ts +28 -28
- package/build/scss/_theming.scss +239 -0
- package/build/scss/_variables.scss +226 -0
- package/package.json +2 -2
- package/build/scss/themes/dark.scss +0 -111
- package/build/scss/themes/light.scss +0 -111
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Thu, 05 Oct 2023 11:16:00 GMT
|
|
4
|
-
|
|
5
|
-
$light-color-canvas: #eef2f5;
|
|
6
|
-
$light-color-background-primary-default: #ffffff;
|
|
7
|
-
$light-color-background-secondary-default: #f5f7f9;
|
|
8
|
-
$light-color-background-secondary-hover: #eef2f5;
|
|
9
|
-
$light-color-background-secondary-active: #ffffff;
|
|
10
|
-
$light-color-background-accent-default: #0fa980;
|
|
11
|
-
$light-color-background-accent-hover: #0b8363;
|
|
12
|
-
$light-color-background-accent-active: #0a5c45;
|
|
13
|
-
$light-color-background-accent-disabled: rgba(15, 169, 128, 0.3);
|
|
14
|
-
$light-color-background-onAccent-default: #ffffff;
|
|
15
|
-
$light-color-background-onAccent-hover: #ffffff;
|
|
16
|
-
$light-color-background-onAccent-active: #ffffff;
|
|
17
|
-
$light-color-background-onAccent-disabled: rgba(255, 255, 255, 0.6);
|
|
18
|
-
$light-color-background-error-default: #dc4847;
|
|
19
|
-
$light-color-background-error-hover: #c02725;
|
|
20
|
-
$light-color-background-error-active: #c02725;
|
|
21
|
-
$light-color-background-error-disabled: rgba(238, 97, 96, 0.3);
|
|
22
|
-
$light-color-background-success-default: #0b8363;
|
|
23
|
-
$light-color-background-info-default: #295dae;
|
|
24
|
-
$light-color-background-warning-default: #df9411;
|
|
25
|
-
$light-color-background-accentSubtle-default: #e8f8f4;
|
|
26
|
-
$light-color-background-errorSubtle-default: #fde8e8;
|
|
27
|
-
$light-color-background-successSubtle-default: #e8f8f4;
|
|
28
|
-
$light-color-background-infoSubtle-default: #e7effe;
|
|
29
|
-
$light-color-background-warningSubtle-default: #fef3e1;
|
|
30
|
-
$light-color-background-highlight-default: #607585;
|
|
31
|
-
$light-color-background-highlight-hover: #40515e;
|
|
32
|
-
$light-color-background-contrast-default: #314554;
|
|
33
|
-
$light-color-background-transparent-default: rgba(255, 255, 255, 0);
|
|
34
|
-
$light-color-background-transparent-hover: rgba(96, 117, 133, 0.08);
|
|
35
|
-
$light-color-background-transparent-active: rgba(96, 117, 133, 0.08);
|
|
36
|
-
$light-color-background-backdrop-default: rgba(0, 0, 0, 0.6);
|
|
37
|
-
$light-color-text-primary-default: #1a1c1c;
|
|
38
|
-
$light-color-text-primary-hover: #1a1c1c;
|
|
39
|
-
$light-color-text-secondary-default: #40515e;
|
|
40
|
-
$light-color-text-secondary-hover: #40515e;
|
|
41
|
-
$light-color-text-tertiary-default: #607585;
|
|
42
|
-
$light-color-text-tertiary-disabled: rgba(64, 81, 94, 0.3);
|
|
43
|
-
$light-color-text-tertiary-hover: #40515e;
|
|
44
|
-
$light-color-text-quaternary-default: #a3b2bd;
|
|
45
|
-
$light-color-text-accent-default: #0b8363;
|
|
46
|
-
$light-color-text-accent-hover: #0a5c45;
|
|
47
|
-
$light-color-text-onAccent-default: #ffffff;
|
|
48
|
-
$light-color-text-onAccent-disabled: rgba(255, 255, 255, 0.6);
|
|
49
|
-
$light-color-text-info-default: #1c427d;
|
|
50
|
-
$light-color-text-error-default: #c02725;
|
|
51
|
-
$light-color-text-error-disabled: rgba(192, 39, 37, 0.3);
|
|
52
|
-
$light-color-text-warning-default: #314554;
|
|
53
|
-
$light-color-text-success-default: #0a5c45;
|
|
54
|
-
$light-color-icon-primary: #1a1c1c;
|
|
55
|
-
$light-color-icon-secondary: #40515e;
|
|
56
|
-
$light-color-icon-tertiary: #607585;
|
|
57
|
-
$light-color-icon-quaternary: #a3b2bd;
|
|
58
|
-
$light-color-icon-accent: #0b8363;
|
|
59
|
-
$light-color-icon-onAccent: #ffffff;
|
|
60
|
-
$light-color-icon-info: #295dae;
|
|
61
|
-
$light-color-icon-error: #dc4847;
|
|
62
|
-
$light-color-icon-warning: #df9411;
|
|
63
|
-
$light-color-icon-success: #0b8363;
|
|
64
|
-
$light-color-icon-brand: #0aa6b8;
|
|
65
|
-
$light-color-border-primary-default: #a3b2bd;
|
|
66
|
-
$light-color-border-primary-hover: #607585;
|
|
67
|
-
$light-color-border-primary-active: #40515e;
|
|
68
|
-
$light-color-border-primary-disabled: rgba(163, 178, 189, 0.3);
|
|
69
|
-
$light-color-border-secondary-default: rgba(163, 178, 189, 0.3);
|
|
70
|
-
$light-color-border-accent-default: #0b8363;
|
|
71
|
-
$light-color-border-error-default: #dc4847;
|
|
72
|
-
$light-color-border-accentSubtle-default: #8adcc6;
|
|
73
|
-
$light-color-divider-primary: #e0e6eb;
|
|
74
|
-
$light-color-divider-secondary: rgba(163, 178, 189, 0.3);
|
|
75
|
-
$light-color-toggle-background-highlight: #f3eb75;
|
|
76
|
-
$light-color-toggle-border-highlight: #f3eb75;
|
|
77
|
-
$light-color-badge-background-default: #ffffff;
|
|
78
|
-
$light-color-badge-background-green: #e8f8f4;
|
|
79
|
-
$light-color-badge-background-blue: #e7effe;
|
|
80
|
-
$light-color-badge-background-yellow: #fef3e1;
|
|
81
|
-
$light-color-badge-background-brand: #e7f6f8;
|
|
82
|
-
$light-color-badge-background-purple: #f2effb;
|
|
83
|
-
$light-color-badge-background-red: #fde8e8;
|
|
84
|
-
$light-color-badge-background-gray: #eef2f5;
|
|
85
|
-
$light-color-badge-text-default: #1a1c1c;
|
|
86
|
-
$light-color-badge-text-green: #0b8363;
|
|
87
|
-
$light-color-badge-text-blue: #295dae;
|
|
88
|
-
$light-color-badge-text-yellow: #9a6304;
|
|
89
|
-
$light-color-badge-text-brand: #067c89;
|
|
90
|
-
$light-color-badge-text-purple: #5d44ab;
|
|
91
|
-
$light-color-badge-text-red: #c02725;
|
|
92
|
-
$light-color-badge-text-gray: #607585;
|
|
93
|
-
$light-color-badge-border-default: #e0e6eb;
|
|
94
|
-
$light-color-badge-border-green: #e8f8f4;
|
|
95
|
-
$light-color-badge-border-blue: #e7effe;
|
|
96
|
-
$light-color-badge-border-yellow: #fef3e1;
|
|
97
|
-
$light-color-badge-border-brand: #e7f6f8;
|
|
98
|
-
$light-color-badge-border-purple: #f2effb;
|
|
99
|
-
$light-color-badge-border-red: #fde8e8;
|
|
100
|
-
$light-color-badge-border-gray: #eef2f5;
|
|
101
|
-
$light-color-segmented-progress-bar-monochrome: #607585;
|
|
102
|
-
$light-color-segmented-progress-bar-success: #39d6ac;
|
|
103
|
-
$light-color-segmented-progress-bar-warning: #f1d56b;
|
|
104
|
-
$light-color-segmented-progress-bar-alert: #f07575;
|
|
105
|
-
$light-color-segmented-progress-bar-in-progress: #e0e6eb;
|
|
106
|
-
$light-color-tag-background-gray: #e0e6eb;
|
|
107
|
-
$light-color-tag-background-blue: #d2e2f9;
|
|
108
|
-
$light-color-tag-text-gray: #40515e;
|
|
109
|
-
$light-color-tag-text-blue: #1c427d;
|
|
110
|
-
$light-color-destructive-tertiary-button-background-hover: rgba(238, 97, 96, 0.08);
|
|
111
|
-
$light-color-destructive-tertiary-button-background-active: rgba(238, 97, 96, 0.08);
|