nve-designsystem 3.1.0 → 3.3.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/chunks/chunk.2PCBEMQZ.js +163 -226
- package/chunks/chunk.36O46B5H.js +15 -15
- package/chunks/chunk.4TUIT776.js +78 -96
- package/chunks/chunk.5JY5FUCG.js +965 -1245
- package/chunks/chunk.5P45LHIX.js +668 -96
- package/chunks/chunk.6CTB5ZDJ.js +107 -100
- package/chunks/chunk.B4BZKR24.js +29 -39
- package/chunks/chunk.D5YQDJ7X.js +122 -166
- package/chunks/chunk.EA437WHD.js +5 -5
- package/chunks/chunk.GI7VDIWX.js +14 -15
- package/chunks/chunk.GMYPQTFK.js +18 -20
- package/chunks/chunk.HVTXQL7M.js +191 -215
- package/chunks/chunk.IKV4VH3T.js +18 -16
- package/chunks/chunk.IVVHNXMC.js +26 -27
- package/chunks/chunk.JHOXTQXA.js +65 -74
- package/chunks/chunk.JXOKFADN.js +63 -90
- package/chunks/chunk.K7JGTRV7.js +24 -23
- package/chunks/chunk.KPLQLAWP.js +132 -147
- package/chunks/chunk.LD4M4QGE.js +61 -74
- package/chunks/chunk.MSKEYBDI.js +53 -71
- package/chunks/chunk.NYIIDP5N.js +39 -45
- package/chunks/chunk.RWUUFNUL.js +91 -114
- package/chunks/chunk.SAPQLUO4.js +249 -228
- package/chunks/chunk.SI4ACBFK.js +139 -5
- package/chunks/chunk.TP2GB2HO.js +361 -460
- package/chunks/chunk.UDWRA64J.js +185 -223
- package/chunks/chunk.URTPIBTY.js +119 -151
- package/chunks/chunk.VESXC477.js +63 -66
- package/chunks/chunk.XA43ZQPC.js +198 -313
- package/chunks/chunk.XQ2OKYYA.js +25 -26
- package/chunks/chunk.XZNBUGX7.js +6 -6
- package/chunks/chunk.YHLNUJ7P.js +93 -116
- package/chunks/chunk.ZH2AND3P.js +340 -399
- package/chunks/chunk.ZL53POKZ.js +61 -156
- package/chunks/chunk.js +20 -0
- package/chunks/class-map.js +49 -45
- package/chunks/decorate.js +105 -0
- package/chunks/directive-helpers.js +5 -7
- package/chunks/if-defined.js +5 -5
- package/chunks/lit.js +525 -0
- package/chunks/live.js +24 -24
- package/chunks/nve-alert.component.js +163 -0
- package/chunks/nve-carousel-item.component.js +36 -0
- package/chunks/nve-carousel.component.js +41 -0
- package/chunks/nve-checkbox-group.component.js +114 -0
- package/chunks/nve-checkbox.component.js +28 -0
- package/chunks/nve-dialog.component.js +39 -0
- package/chunks/nve-divider.component.js +23 -0
- package/chunks/nve-drawer.component.js +40 -0
- package/chunks/nve-dropdown.component.js +83 -0
- package/chunks/nve-input.component.js +80 -0
- package/chunks/nve-label.component.js +89 -0
- package/chunks/nve-menu-item.component.js +35 -0
- package/chunks/nve-menu.component.js +17 -0
- package/chunks/nve-option.component.js +27 -0
- package/chunks/nve-popup.component.js +15 -0
- package/chunks/nve-radio-button.component.js +20 -0
- package/chunks/nve-radio-group.component.js +78 -0
- package/chunks/nve-radio.component.js +18 -0
- package/chunks/nve-select.component.js +58 -0
- package/chunks/nve-skeleton.component.js +20 -0
- package/chunks/nve-spinner.component.js +23 -0
- package/chunks/nve-tooltip.component.js +20 -0
- package/chunks/nve-warning-level.component.js +57 -0
- package/chunks/ref.js +75 -84
- package/chunks/shoelace.js +10006 -0
- package/chunks/static-html.js +27 -0
- package/chunks/unsafe-html.js +24 -20
- package/chunks/updateInvalidProperty.js +7 -7
- package/chunks/watch.js +20 -20
- package/components/nve-accordion/nve-accordion.component.js +24 -30
- package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
- package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
- package/components/nve-alert/nve-alert.component.js +2 -227
- package/components/nve-alert/nve-alert.styles.js +45 -27
- package/components/nve-badge/nve-badge.component.js +41 -45
- package/components/nve-badge/nve-badge.styles.js +33 -31
- package/components/nve-button/nve-button.component.d.ts +110 -10
- package/components/nve-button/nve-button.component.js +146 -39
- package/components/nve-button/nve-button.styles.js +214 -157
- package/components/nve-carousel/nve-carousel.component.js +2 -47
- package/components/nve-carousel/nve-carousel.styles.js +6 -6
- package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
- package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
- package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
- package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
- package/components/nve-checkbox/nve-checkbox.component.js +2 -34
- package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
- package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
- package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
- package/components/nve-combobox/nve-combobox.component.js +222 -440
- package/components/nve-combobox/nve-combobox.styles.js +6 -6
- package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
- package/components/nve-dialog/nve-dialog-styles.js +6 -6
- package/components/nve-dialog/nve-dialog.component.js +2 -54
- package/components/nve-divider/nve-divider.component.js +2 -30
- package/components/nve-drawer/nve-drawer.component.js +2 -44
- package/components/nve-drawer/nve-drawer.styles.js +6 -6
- package/components/nve-dropdown/nve-dropdown.component.js +2 -79
- package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
- package/components/nve-heading/nve-heading.component.d.ts +29 -0
- package/components/nve-heading/nve-heading.component.js +45 -0
- package/components/nve-heading/nve-heading.styles.d.ts +2 -0
- package/components/nve-heading/nve-heading.styles.js +41 -0
- package/components/nve-icon/nve-icon.component.js +145 -164
- package/components/nve-icon/nve-icon.styles.js +11 -6
- package/components/nve-icon/offline-icons.js +16 -13
- package/components/nve-input/nve-input.component.js +2 -100
- package/components/nve-input/nve-input.styles.js +5 -5
- package/components/nve-label/nve-label.component.js +2 -115
- package/components/nve-label/nve-label.styles.js +5 -5
- package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
- package/components/nve-link-card/nve-link-card.component.js +44 -80
- package/components/nve-link-card/nve-link-card.styles.js +71 -66
- package/components/nve-menu/nve-menu.component.js +2 -22
- package/components/nve-menu/nve-menu.styles.js +5 -5
- package/components/nve-menu-item/nve-menu-item.component.js +2 -43
- package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
- package/components/nve-message-card/nve-message-card.component.js +61 -91
- package/components/nve-message-card/nve-message-card.styles.js +24 -27
- package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
- package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
- package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
- package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
- package/components/nve-option/nve-option.component.js +2 -41
- package/components/nve-option/nve-option.styles.js +5 -5
- package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
- package/components/nve-paragraph/nve-paragraph.component.js +26 -0
- package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
- package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
- package/components/nve-popup/nve-popup.component.js +2 -22
- package/components/nve-radio/nve-radio.component.js +2 -23
- package/components/nve-radio/nve-radio.styles.js +5 -5
- package/components/nve-radio-button/nve-radio-button.component.js +2 -25
- package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
- package/components/nve-radio-group/nve-radio-group.component.js +2 -119
- package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
- package/components/nve-relative-time/nve-relative-time.component.js +21 -56
- package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
- package/components/nve-select/nve-select.component.js +2 -80
- package/components/nve-select/nve-select.styles.js +6 -6
- package/components/nve-skeleton/nve-skeleton.component.js +2 -27
- package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
- package/components/nve-spinner/nve-spinner.component.js +2 -31
- package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
- package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
- package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
- package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
- package/components/nve-stepper/nve-stepper.component.js +94 -139
- package/components/nve-stepper/nve-stepper.styles.js +5 -5
- package/components/nve-switch/nve-switch.component.js +75 -107
- package/components/nve-switch/nve-switch.styles.js +7 -7
- package/components/nve-tab/nve-tab.component.js +30 -42
- package/components/nve-tab/nve-tab.styles.js +7 -7
- package/components/nve-tab-group/nve-tab-group.component.js +180 -260
- package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
- package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
- package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
- package/components/nve-tag/nve-tag.component.d.ts +3 -3
- package/components/nve-tag/nve-tag.component.js +71 -72
- package/components/nve-tag/nve-tag.styles.js +23 -22
- package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
- package/components/nve-textarea/nve-textarea.component.js +112 -173
- package/components/nve-textarea/nve-textarea.styles.js +10 -5
- package/components/nve-tooltip/nve-tooltip.component.js +2 -30
- package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
- package/components/nve-warning-level/nve-warning-level.component.js +2 -78
- package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
- package/css/global.css +13 -55
- package/css/nve.css +1048 -393
- package/css/nve_dark.css +406 -305
- package/css/rme.css +1050 -395
- package/css/rme_dark.css +408 -307
- package/css/shoelace-styles.css +539 -0
- package/css/varsom.css +1046 -391
- package/css/varsom_dark.css +404 -303
- package/custom-elements.json +2905 -12389
- package/fonts/LICENSE.txt +37 -0
- package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
- package/interfaces/NveComponent.interface.js +0 -1
- package/nve-designsystem.d.ts +5 -0
- package/nve-designsystem.js +46 -86
- package/package.json +26 -8
- package/registerIcons/systemLibraryCustomization.js +23 -91
- package/vite-env.d.js +0 -1
- package/chunks/chunk.3RPBFEDE.js +0 -162
- package/chunks/chunk.JCXLDPQF.js +0 -225
- package/chunks/chunk.JQBT7BOV.js +0 -8446
- package/chunks/chunk.MAQXLKQ7.js +0 -598
- package/chunks/lit-element.js +0 -508
- package/chunks/property.js +0 -37
- package/chunks/query.js +0 -13
- package/chunks/state.js +0 -7
- package/chunks/static.js +0 -26
- package/nve-designsystem.css +0 -1
- package/vscode.css-custom-data.json +0 -621
- package/vscode.html-custom-data.json +0 -2354
package/css/varsom_dark.css
CHANGED
|
@@ -20,6 +20,16 @@
|
|
|
20
20
|
--color-shades-brand-999: #491c08;
|
|
21
21
|
--color-shades-brand-000: #432301;
|
|
22
22
|
--color-shades-brand-050: #ffdeb8;
|
|
23
|
+
--color-shades-accent-100: #ffa866;
|
|
24
|
+
--color-shades-accent-200: #ff773d;
|
|
25
|
+
--color-shades-accent-300: #ff5e1a;
|
|
26
|
+
--color-shades-accent-400: #f05000;
|
|
27
|
+
--color-shades-accent-500: #cc3d00;
|
|
28
|
+
--color-shades-accent-600: #ad3400;
|
|
29
|
+
--color-shades-accent-700: #8f2b00;
|
|
30
|
+
--color-shades-accent-800: #6b2305;
|
|
31
|
+
--color-shades-accent-900: #4c1b06;
|
|
32
|
+
--color-shades-accent-000: #ffc38f;
|
|
23
33
|
--color-shades-grey-100: #dff1f9;
|
|
24
34
|
--color-shades-grey-150: #cce9f5;
|
|
25
35
|
--color-shades-grey-200: #a6d8ee;
|
|
@@ -28,180 +38,204 @@
|
|
|
28
38
|
--color-shades-grey-500: #2d99c8;
|
|
29
39
|
--color-shades-grey-600: #006b99;
|
|
30
40
|
--color-shades-grey-700: #004766;
|
|
31
|
-
--color-shades-grey-800: #
|
|
32
|
-
--color-shades-grey-850: #
|
|
33
|
-
--color-shades-grey-900: #
|
|
34
|
-
--color-shades-grey-950: #
|
|
41
|
+
--color-shades-grey-800: #00405c;
|
|
42
|
+
--color-shades-grey-850: #003852;
|
|
43
|
+
--color-shades-grey-900: #003147;
|
|
44
|
+
--color-shades-grey-950: #002b3d;
|
|
35
45
|
--color-shades-grey-999: #00070a;
|
|
46
|
+
--color-shades-grey-999-040: rgba(0, 7, 10, 0.4);
|
|
47
|
+
--color-shades-grey-999-080: rgba(0, 7, 10, 0.8);
|
|
36
48
|
--color-shades-grey-000: #ffffff;
|
|
37
49
|
--color-shades-grey-050: #eaf6fb;
|
|
38
|
-
--color-shades-
|
|
39
|
-
--color-shades-
|
|
40
|
-
--color-shades-
|
|
41
|
-
--color-shades-
|
|
42
|
-
--color-shades-
|
|
43
|
-
--color-shades-
|
|
44
|
-
--color-shades-
|
|
45
|
-
--color-shades-
|
|
46
|
-
--color-shades-
|
|
47
|
-
--color-shades-
|
|
48
|
-
--color-shades-
|
|
49
|
-
--color-shades-
|
|
50
|
-
--color-shades-
|
|
51
|
-
--color-shades-
|
|
52
|
-
--color-shades-
|
|
53
|
-
--color-shades-
|
|
54
|
-
--color-shades-
|
|
55
|
-
--color-shades-
|
|
56
|
-
--color-shades-
|
|
57
|
-
--color-shades-
|
|
58
|
-
--color-shades-
|
|
59
|
-
--color-shades-
|
|
60
|
-
--color-shades-
|
|
61
|
-
--color-shades-
|
|
62
|
-
--color-shades-
|
|
63
|
-
--color-shades-
|
|
64
|
-
--color-shades-
|
|
65
|
-
--color-shades-
|
|
66
|
-
--color-shades-
|
|
67
|
-
--color-shades-
|
|
68
|
-
--color-shades-
|
|
69
|
-
--color-shades-
|
|
70
|
-
--color-shades-
|
|
71
|
-
--color-shades-
|
|
72
|
-
--color-shades-
|
|
73
|
-
--color-shades-blue-
|
|
74
|
-
--color-shades-blue-
|
|
75
|
-
--color-shades-blue-
|
|
76
|
-
--color-shades-blue-
|
|
77
|
-
--color-shades-blue-
|
|
78
|
-
--color-shades-blue-
|
|
79
|
-
--color-shades-blue-
|
|
80
|
-
--color-shades-blue-
|
|
81
|
-
--color-shades-blue-
|
|
82
|
-
--color-shades-blue-
|
|
83
|
-
--color-shades-
|
|
84
|
-
--color-shades-
|
|
85
|
-
--color-shades-
|
|
86
|
-
--color-shades-
|
|
87
|
-
--color-shades-
|
|
88
|
-
--color-shades-
|
|
89
|
-
--color-shades-
|
|
90
|
-
--color-shades-
|
|
91
|
-
--color-shades-
|
|
92
|
-
--color-shades-
|
|
93
|
-
--color-shades-
|
|
94
|
-
--color-shades-
|
|
95
|
-
--color-shades-
|
|
96
|
-
--color-shades-
|
|
97
|
-
--color-shades-
|
|
98
|
-
--color-shades-
|
|
99
|
-
--color-shades-
|
|
100
|
-
--color-shades-
|
|
101
|
-
--color-shades-
|
|
102
|
-
--color-shades-
|
|
103
|
-
--color-shades-orange-
|
|
104
|
-
--color-shades-orange-
|
|
105
|
-
--color-shades-orange-
|
|
106
|
-
--color-shades-orange-
|
|
107
|
-
--color-shades-orange-
|
|
108
|
-
--color-shades-orange-
|
|
109
|
-
--color-shades-orange-
|
|
110
|
-
--color-shades-orange-
|
|
111
|
-
--color-shades-orange-
|
|
112
|
-
--color-shades-orange-
|
|
113
|
-
--color-shades-
|
|
114
|
-
--color-shades-
|
|
115
|
-
--color-shades-
|
|
116
|
-
--color-shades-
|
|
117
|
-
--color-shades-
|
|
118
|
-
--color-shades-
|
|
119
|
-
--color-shades-
|
|
120
|
-
--color-shades-
|
|
121
|
-
--color-shades-
|
|
122
|
-
--color-shades-
|
|
123
|
-
--color-shades-
|
|
124
|
-
--color-shades-
|
|
125
|
-
--color-shades-
|
|
126
|
-
--color-shades-
|
|
127
|
-
--color-shades-
|
|
128
|
-
--color-shades-
|
|
129
|
-
--color-shades-
|
|
130
|
-
--color-shades-
|
|
131
|
-
--color-shades-
|
|
132
|
-
--color-shades-
|
|
133
|
-
--color-shades-
|
|
134
|
-
--color-shades-
|
|
135
|
-
--color-shades-
|
|
136
|
-
--color-shades-
|
|
137
|
-
--color-shades-
|
|
138
|
-
--color-shades-
|
|
139
|
-
--color-shades-
|
|
140
|
-
--color-shades-
|
|
141
|
-
--color-shades-
|
|
142
|
-
--color-shades-
|
|
143
|
-
--color-shades-
|
|
144
|
-
--color-shades-
|
|
145
|
-
--color-shades-
|
|
146
|
-
--color-shades-
|
|
147
|
-
--color-shades-
|
|
148
|
-
--color-shades-
|
|
149
|
-
--color-shades-
|
|
150
|
-
--color-shades-
|
|
151
|
-
--color-shades-
|
|
152
|
-
--color-shades-
|
|
153
|
-
--color-shades-
|
|
154
|
-
--color-shades-
|
|
155
|
-
--color-shades-
|
|
156
|
-
--color-shades-
|
|
157
|
-
--color-shades-
|
|
158
|
-
--color-shades-
|
|
159
|
-
--color-shades-
|
|
160
|
-
--color-shades-
|
|
161
|
-
--color-shades-
|
|
162
|
-
--color-shades-
|
|
163
|
-
--color-shades-
|
|
164
|
-
--color-shades-
|
|
165
|
-
--color-shades-lime-
|
|
166
|
-
--color-shades-lime-
|
|
167
|
-
--color-shades-lime-
|
|
168
|
-
--color-shades-lime-
|
|
169
|
-
--color-shades-lime-
|
|
170
|
-
--color-shades-lime-
|
|
171
|
-
--color-shades-lime-
|
|
172
|
-
--color-shades-lime-
|
|
173
|
-
--color-shades-
|
|
174
|
-
--color-shades-
|
|
175
|
-
--color-shades-
|
|
176
|
-
--color-shades-
|
|
177
|
-
--color-shades-
|
|
178
|
-
--color-shades-
|
|
179
|
-
--color-shades-
|
|
180
|
-
--color-shades-
|
|
181
|
-
--color-shades-
|
|
182
|
-
--color-shades-
|
|
183
|
-
--color-shades-
|
|
184
|
-
--color-shades-
|
|
185
|
-
--color-shades-
|
|
186
|
-
--color-shades-
|
|
187
|
-
--color-shades-
|
|
188
|
-
--color-shades-
|
|
189
|
-
--color-shades-
|
|
190
|
-
--color-shades-
|
|
191
|
-
--color-shades-
|
|
192
|
-
--color-shades-
|
|
193
|
-
--color-shades-
|
|
194
|
-
--color-shades-
|
|
195
|
-
--color-shades-
|
|
196
|
-
--color-shades-
|
|
197
|
-
--color-shades-
|
|
198
|
-
--color-shades-
|
|
199
|
-
--color-shades-
|
|
200
|
-
--color-shades-
|
|
201
|
-
--color-shades-
|
|
202
|
-
--color-shades-
|
|
50
|
+
--color-shades-data-color-a-100: #98d3ec;
|
|
51
|
+
--color-shades-data-color-a-150: #43addb;
|
|
52
|
+
--color-shades-data-color-a-250: #1d91c3;
|
|
53
|
+
--color-shades-data-color-a-300: #0b83b6;
|
|
54
|
+
--color-shades-data-color-a-600: #00638f;
|
|
55
|
+
--color-shades-data-color-a-800: #0f4157;
|
|
56
|
+
--color-shades-data-color-a-950: #0d1f26;
|
|
57
|
+
--color-shades-data-color-a-000: #ddf0f9;
|
|
58
|
+
--color-shades-data-color-a-300-005: rgba(11, 124, 173, 0.02);
|
|
59
|
+
--color-shades-data-color-a-300-015: rgba(11, 124, 173, 0.15);
|
|
60
|
+
--color-shades-data-color-b-200: #ffb657;
|
|
61
|
+
--color-shades-data-color-b-400: #ff9914;
|
|
62
|
+
--color-shades-data-color-b-500: #d67900;
|
|
63
|
+
--color-shades-data-color-b-600: #bc6c2f;
|
|
64
|
+
--color-shades-data-color-b-800: #905527;
|
|
65
|
+
--color-shades-data-color-b-900: #683e1c;
|
|
66
|
+
--color-shades-data-color-c-400: #b4c87e;
|
|
67
|
+
--color-shades-data-color-c-500: #97b34d;
|
|
68
|
+
--color-shades-data-color-c-600: #7f9640;
|
|
69
|
+
--color-shades-data-color-c-800: #647632;
|
|
70
|
+
--color-shades-data-color-c-900: #526029;
|
|
71
|
+
--color-shades-data-color-d-400: #57c7b4;
|
|
72
|
+
--color-shades-data-color-d-500: #3db8a3;
|
|
73
|
+
--color-shades-data-color-d-600: #349d8b;
|
|
74
|
+
--color-shades-data-color-d-800: #2b8274;
|
|
75
|
+
--color-shades-data-color-d-900: #246b5f;
|
|
76
|
+
--color-shades-data-color-e-100: #e99b9b;
|
|
77
|
+
--color-shades-data-color-e-200: #e27979;
|
|
78
|
+
--color-shades-data-color-e-300: #da5858;
|
|
79
|
+
--color-shades-data-color-e-400: #c02a2a;
|
|
80
|
+
--color-shades-data-color-e-500: #7d1c1c;
|
|
81
|
+
--color-shades-data-color-f-600: #9f65b8;
|
|
82
|
+
--color-shades-data-color-f-800: #874aa1;
|
|
83
|
+
--color-shades-data-color-g-600: #d289b6;
|
|
84
|
+
--color-shades-data-color-g-800: #c76ba3;
|
|
85
|
+
--color-shades-functional-blue-100: #c2e3ff;
|
|
86
|
+
--color-shades-functional-blue-150: #a8d7ff;
|
|
87
|
+
--color-shades-functional-blue-200: #8fcbff;
|
|
88
|
+
--color-shades-functional-blue-300: #66b8ff;
|
|
89
|
+
--color-shades-functional-blue-400: #38a2ff;
|
|
90
|
+
--color-shades-functional-blue-500: #0085fa;
|
|
91
|
+
--color-shades-functional-blue-600: #087cf7;
|
|
92
|
+
--color-shades-functional-blue-700: #1d6dd7;
|
|
93
|
+
--color-shades-functional-blue-800: #1f5fb2;
|
|
94
|
+
--color-shades-functional-blue-850: #1e4476;
|
|
95
|
+
--color-shades-functional-blue-900: #1e3d67;
|
|
96
|
+
--color-shades-functional-blue-950: #1c3759;
|
|
97
|
+
--color-shades-functional-blue-999: #162841;
|
|
98
|
+
--color-shades-functional-blue-000: #d6ecff;
|
|
99
|
+
--color-shades-functional-blue-050: #cce7ff;
|
|
100
|
+
--color-shades-functional-red-100: #ffc2c2;
|
|
101
|
+
--color-shades-functional-red-150: #ffa8a8;
|
|
102
|
+
--color-shades-functional-red-200: #ff9494;
|
|
103
|
+
--color-shades-functional-red-300: #ff7575;
|
|
104
|
+
--color-shades-functional-red-400: #ff5757;
|
|
105
|
+
--color-shades-functional-red-500: #ff3131;
|
|
106
|
+
--color-shades-functional-red-600: #e81c1c;
|
|
107
|
+
--color-shades-functional-red-700: #c41c1c;
|
|
108
|
+
--color-shades-functional-red-800: #b02121;
|
|
109
|
+
--color-shades-functional-red-850: #972626;
|
|
110
|
+
--color-shades-functional-red-900: #7a2929;
|
|
111
|
+
--color-shades-functional-red-950: #581d1d;
|
|
112
|
+
--color-shades-functional-red-999: #411616;
|
|
113
|
+
--color-shades-functional-red-000: #ffebee;
|
|
114
|
+
--color-shades-functional-red-050: #ffd8de;
|
|
115
|
+
--color-shades-functional-orange-100: #ffe3c2;
|
|
116
|
+
--color-shades-functional-orange-150: #ffd9ad;
|
|
117
|
+
--color-shades-functional-orange-200: #ffc98a;
|
|
118
|
+
--color-shades-functional-orange-300: #ffb35c;
|
|
119
|
+
--color-shades-functional-orange-400: #ff9a24;
|
|
120
|
+
--color-shades-functional-orange-500: #ff8d0a;
|
|
121
|
+
--color-shades-functional-orange-600: #f47c06;
|
|
122
|
+
--color-shades-functional-orange-700: #dc6c09;
|
|
123
|
+
--color-shades-functional-orange-800: #bd570a;
|
|
124
|
+
--color-shades-functional-orange-850: #af4e0d;
|
|
125
|
+
--color-shades-functional-orange-900: #9d4615;
|
|
126
|
+
--color-shades-functional-orange-950: #88431b;
|
|
127
|
+
--color-shades-functional-orange-999: #54301c;
|
|
128
|
+
--color-shades-functional-orange-000: #fff8f0;
|
|
129
|
+
--color-shades-functional-orange-050: #ffecd6;
|
|
130
|
+
--color-shades-functional-yellow-100: #fff4d1;
|
|
131
|
+
--color-shades-functional-yellow-150: #ffedb8;
|
|
132
|
+
--color-shades-functional-yellow-200: #ffe8a5;
|
|
133
|
+
--color-shades-functional-yellow-300: #ffe087;
|
|
134
|
+
--color-shades-functional-yellow-400: #ffd867;
|
|
135
|
+
--color-shades-functional-yellow-500: #ffd046;
|
|
136
|
+
--color-shades-functional-yellow-600: #ecbf38;
|
|
137
|
+
--color-shades-functional-yellow-700: #dcae28;
|
|
138
|
+
--color-shades-functional-yellow-800: #bf9722;
|
|
139
|
+
--color-shades-functional-yellow-850: #b08c21;
|
|
140
|
+
--color-shades-functional-yellow-900: #a88324;
|
|
141
|
+
--color-shades-functional-yellow-950: #977726;
|
|
142
|
+
--color-shades-functional-yellow-999: #7a5f29;
|
|
143
|
+
--color-shades-functional-yellow-000: #fff9e9;
|
|
144
|
+
--color-shades-functional-yellow-050: #fff5d9;
|
|
145
|
+
--color-shades-functional-green-100: #ddfddd;
|
|
146
|
+
--color-shades-functional-green-150: #cbf9cb;
|
|
147
|
+
--color-shades-functional-green-200: #acf6b3;
|
|
148
|
+
--color-shades-functional-green-300: #95f3a5;
|
|
149
|
+
--color-shades-functional-green-400: #81ef9c;
|
|
150
|
+
--color-shades-functional-green-500: #6cea96;
|
|
151
|
+
--color-shades-functional-green-600: #3fcf87;
|
|
152
|
+
--color-shades-functional-green-700: #2aa773;
|
|
153
|
+
--color-shades-functional-green-800: #207e57;
|
|
154
|
+
--color-shades-functional-green-850: #1c6e4c;
|
|
155
|
+
--color-shades-functional-green-900: #165a3e;
|
|
156
|
+
--color-shades-functional-green-950: #143d2c;
|
|
157
|
+
--color-shades-functional-green-999: #122b21;
|
|
158
|
+
--color-shades-functional-green-000: #ebffeb;
|
|
159
|
+
--color-shades-functional-green-050: #e5ffe5;
|
|
160
|
+
--color-shades-functional-neutralgrey-100: #edeef0;
|
|
161
|
+
--color-shades-functional-neutralgrey-150: #e4e5e7;
|
|
162
|
+
--color-shades-functional-neutralgrey-200: #c9cbcf;
|
|
163
|
+
--color-shades-functional-neutralgrey-300: #b7babf;
|
|
164
|
+
--color-shades-functional-neutralgrey-400: #9fa3a9;
|
|
165
|
+
--color-shades-functional-neutralgrey-500: #878c94;
|
|
166
|
+
--color-shades-functional-neutralgrey-600: #60656c;
|
|
167
|
+
--color-shades-functional-neutralgrey-700: #515459;
|
|
168
|
+
--color-shades-functional-neutralgrey-800: #3c3f44;
|
|
169
|
+
--color-shades-functional-neutralgrey-850: #292a2c;
|
|
170
|
+
--color-shades-functional-neutralgrey-900: #1b1c1e;
|
|
171
|
+
--color-shades-functional-neutralgrey-950: #0d0d0e;
|
|
172
|
+
--color-shades-functional-neutralgrey-999: #0d0d0e;
|
|
173
|
+
--color-shades-functional-neutralgrey-000: #ffffff;
|
|
174
|
+
--color-shades-functional-neutralgrey-100-050: rgba(238, 239, 241, 0.5);
|
|
175
|
+
--color-shades-functional-neutralgrey-600-050: rgba(96, 101, 108, 0.5);
|
|
176
|
+
--color-shades-functional-neutralgrey-050: #f7f7f8;
|
|
177
|
+
--color-shades-additional-lime-100: #eaf4da;
|
|
178
|
+
--color-shades-additional-lime-150: #dfeec8;
|
|
179
|
+
--color-shades-additional-lime-200: #d4e9b6;
|
|
180
|
+
--color-shades-additional-lime-300: #bfdd91;
|
|
181
|
+
--color-shades-additional-lime-400: #a9d26d;
|
|
182
|
+
--color-shades-additional-lime-500: #87bb3a;
|
|
183
|
+
--color-shades-additional-lime-600: #709636;
|
|
184
|
+
--color-shades-additional-lime-700: #59772b;
|
|
185
|
+
--color-shades-additional-lime-800: #3b501d;
|
|
186
|
+
--color-shades-additional-lime-850: #2c3c16;
|
|
187
|
+
--color-shades-additional-lime-900: #1e280e;
|
|
188
|
+
--color-shades-additional-lime-950: #0f1407;
|
|
189
|
+
--color-shades-additional-lime-999: #000000;
|
|
190
|
+
--color-shades-additional-lime-000: #ffffff;
|
|
191
|
+
--color-shades-additional-lime-050: #f4f9ed;
|
|
192
|
+
--color-shades-additional-purple-100: #ece9fc;
|
|
193
|
+
--color-shades-additional-purple-150: #e2ddfa;
|
|
194
|
+
--color-shades-additional-purple-200: #d9d2f9;
|
|
195
|
+
--color-shades-additional-purple-300: #c5bcf5;
|
|
196
|
+
--color-shades-additional-purple-400: #b2a5f2;
|
|
197
|
+
--color-shades-additional-purple-500: #9f8fef;
|
|
198
|
+
--color-shades-additional-purple-600: #8475ce;
|
|
199
|
+
--color-shades-additional-purple-700: #685aad;
|
|
200
|
+
--color-shades-additional-purple-800: #4d408d;
|
|
201
|
+
--color-shades-additional-purple-850: #3f337c;
|
|
202
|
+
--color-shades-additional-purple-900: #31256c;
|
|
203
|
+
--color-shades-additional-purple-950: #24185b;
|
|
204
|
+
--color-shades-additional-purple-999: #160b4b;
|
|
205
|
+
--color-shades-additional-purple-000: #ffffff;
|
|
206
|
+
--color-shades-additional-purple-050: #f5f4fd;
|
|
207
|
+
--color-shades-additional-magenta-100: #fae3f1;
|
|
208
|
+
--color-shades-additional-magenta-150: #f8d5eb;
|
|
209
|
+
--color-shades-additional-magenta-200: #f5c7e4;
|
|
210
|
+
--color-shades-additional-magenta-300: #f1acd6;
|
|
211
|
+
--color-shades-additional-magenta-400: #ec90c9;
|
|
212
|
+
--color-shades-additional-magenta-500: #e774bb;
|
|
213
|
+
--color-shades-additional-magenta-600: #c76ba4;
|
|
214
|
+
--color-shades-additional-magenta-700: #9c497c;
|
|
215
|
+
--color-shades-additional-magenta-800: #77335d;
|
|
216
|
+
--color-shades-additional-magenta-850: #64284d;
|
|
217
|
+
--color-shades-additional-magenta-900: #511e3d;
|
|
218
|
+
--color-shades-additional-magenta-950: #3f132e;
|
|
219
|
+
--color-shades-additional-magenta-999: #2c081e;
|
|
220
|
+
--color-shades-additional-magenta-000: #ffffff;
|
|
221
|
+
--color-shades-additional-magenta-050: #fdf1f8;
|
|
222
|
+
--color-shades-additional-teal-100: #e2f3f9;
|
|
223
|
+
--color-shades-additional-teal-150: #d3edf6;
|
|
224
|
+
--color-shades-additional-teal-200: #c4e7f3;
|
|
225
|
+
--color-shades-additional-teal-300: #a7dbec;
|
|
226
|
+
--color-shades-additional-teal-400: #89cfe6;
|
|
227
|
+
--color-shades-additional-teal-500: #6cc3e0;
|
|
228
|
+
--color-shades-additional-teal-600: #4893ad;
|
|
229
|
+
--color-shades-additional-teal-700: #407a8c;
|
|
230
|
+
--color-shades-additional-teal-800: #2f5c6c;
|
|
231
|
+
--color-shades-additional-teal-850: #254b58;
|
|
232
|
+
--color-shades-additional-teal-900: #1a3a45;
|
|
233
|
+
--color-shades-additional-teal-950: #102931;
|
|
234
|
+
--color-shades-additional-teal-999: #06181e;
|
|
235
|
+
--color-shades-additional-teal-000: #ffffff;
|
|
236
|
+
--color-shades-additional-teal-050: #f0f9fc;
|
|
203
237
|
--opacity-disabled: 0.38;
|
|
204
|
-
--font-family-
|
|
238
|
+
--font-family-primary-family: 'Source Sans 3';
|
|
205
239
|
--line-height-0: 1.15;
|
|
206
240
|
--line-height-1: 1.20;
|
|
207
241
|
--line-height-2: 1.25;
|
|
@@ -221,149 +255,216 @@
|
|
|
221
255
|
--box-shadow-hard: -45px 80px 26px 0 rgba(0,0,0,0.00), -29px 51px 23px 0 rgba(0,0,0,0.01), -16px 29px 20px 0 rgba(0,0,0,0.02), -7px 13px 15px 0 rgba(0,0,0,0.03), -2px 3px 8px 0 rgba(0,0,0,0.04);
|
|
222
256
|
--box-shadow-header: 0 4px 032px 0 rgba(0,0,0,0.02);
|
|
223
257
|
--box-shadow-dropdown: 0 54px 15px 0 rgba(0,0,0,0.00), 0 35px 14px 0 rgba(0,0,0,0.00), 0 19px 12px 0 rgba(0,0,0,0.02), 0 9px 9px 0 rgba(0,0,0,0.03), 0 2px 5px 0 rgba(0,0,0,0.03);
|
|
258
|
+
--boolean-brand-nve: false;
|
|
259
|
+
--boolean-brand-varsom: true;
|
|
260
|
+
--boolean-brand-rme: false;
|
|
261
|
+
--boolean-brand-nve-rme: false;
|
|
262
|
+
--text-brand-name: Varsom – en tjeneste levert av NVE, MET og Statens vegvesen;
|
|
224
263
|
--color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
|
|
225
264
|
--color-brand-background-secondary: var(--color-shades-brand-250);
|
|
226
265
|
--color-brand-background-tertiary: var(--color-shades-brand-800);
|
|
227
|
-
--color-brand-
|
|
228
|
-
--color-brand-foreground-
|
|
229
|
-
--color-brand-foreground-
|
|
266
|
+
--color-brand-background-quaternary: var(--color-shades-brand-200);
|
|
267
|
+
--color-brand-foreground-primary: var(--color-shades-accent-200);
|
|
268
|
+
--color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
|
|
269
|
+
--color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
|
|
270
|
+
--color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
|
|
271
|
+
--color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
|
|
272
|
+
--color-brand-border-primary: var(--color-shades-brand-100);
|
|
273
|
+
--color-brand-border-secondary: var(--color-shades-brand-200);
|
|
274
|
+
--color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
|
|
275
|
+
--color-brand-border-emphasized: var(--color-shades-accent-400);
|
|
230
276
|
--color-neutrals-background-canvas: var(--color-shades-grey-950);
|
|
231
277
|
--color-neutrals-background-primary: var(--color-shades-grey-850);
|
|
232
278
|
--color-neutrals-background-primary-contrast: var(--color-shades-grey-800);
|
|
233
279
|
--color-neutrals-background-secondary: var(--color-shades-grey-700);
|
|
280
|
+
--color-neutrals-background-secondary-dim: var(--color-shades-grey-850);
|
|
281
|
+
--color-neutrals-background-tertiary-dim: var(--color-shades-grey-800);
|
|
282
|
+
--color-neutrals-background-modal-overlay: var(--color-shades-grey-999-080); /** transparent */
|
|
234
283
|
--color-neutrals-foreground-primary: var(--color-shades-grey-000);
|
|
235
|
-
--color-neutrals-foreground-
|
|
284
|
+
--color-neutrals-foreground-secondary: var(--color-shades-functional-neutralgrey-200);
|
|
285
|
+
--color-neutrals-foreground-subtle: var(--color-shades-functional-neutralgrey-400);
|
|
286
|
+
--color-neutrals-foreground-faint: var(--color-shades-functional-neutralgrey-300);
|
|
287
|
+
--color-neutrals-foreground-inverted: var(--color-shades-functional-neutralgrey-999);
|
|
288
|
+
--color-neutrals-foreground-white: var(--color-shades-functional-neutralgrey-000); /** Fargen forblir hvit i darkmode */
|
|
236
289
|
--color-neutrals-border-default: var(--color-shades-grey-300);
|
|
290
|
+
--color-neutrals-border-emphasized: var(--color-shades-grey-000);
|
|
237
291
|
--color-neutrals-border-mute: var(--color-shades-grey-600);
|
|
238
|
-
--color-neutrals-border-subtle: var(--color-shades-grey-
|
|
292
|
+
--color-neutrals-border-subtle: var(--color-shades-grey-700);
|
|
239
293
|
--color-neutrals-border-disabled: var(--color-shades-grey-500);
|
|
240
|
-
--color-interactive-primary-
|
|
241
|
-
--color-interactive-primary-
|
|
242
|
-
--color-interactive-primary-
|
|
243
|
-
--color-interactive-primary-
|
|
244
|
-
--color-interactive-
|
|
245
|
-
--color-interactive-
|
|
246
|
-
--color-interactive-
|
|
247
|
-
--color-interactive-secondary-
|
|
248
|
-
--color-interactive-
|
|
249
|
-
--color-interactive-
|
|
250
|
-
--color-interactive-
|
|
251
|
-
--color-interactive-
|
|
252
|
-
--color-interactive-
|
|
253
|
-
--color-interactive-
|
|
254
|
-
--color-interactive-
|
|
255
|
-
--color-interactive-
|
|
256
|
-
--color-interactive-
|
|
257
|
-
--color-interactive-
|
|
258
|
-
--color-interactive-
|
|
259
|
-
--color-interactive-
|
|
260
|
-
--color-interactive-
|
|
261
|
-
--color-interactive-
|
|
262
|
-
--color-interactive-
|
|
263
|
-
--color-interactive-
|
|
264
|
-
--color-interactive-
|
|
265
|
-
--color-interactive-
|
|
266
|
-
--color-interactive-
|
|
267
|
-
--color-interactive-
|
|
268
|
-
--color-interactive-
|
|
269
|
-
--color-interactive-
|
|
270
|
-
--color-interactive-
|
|
271
|
-
--color-interactive-
|
|
272
|
-
--color-interactive-
|
|
273
|
-
--color-interactive-
|
|
274
|
-
--color-interactive-
|
|
275
|
-
--color-interactive-
|
|
276
|
-
--color-interactive-
|
|
277
|
-
--color-
|
|
278
|
-
--color-
|
|
279
|
-
--color-
|
|
280
|
-
--color-feedback-background-default-
|
|
281
|
-
--color-feedback-background-default-
|
|
282
|
-
--color-feedback-background-
|
|
283
|
-
--color-feedback-background-
|
|
284
|
-
--color-feedback-background-
|
|
285
|
-
--color-feedback-background-subtle-
|
|
286
|
-
--color-feedback-background-subtle-
|
|
287
|
-
--color-feedback-background-
|
|
288
|
-
--color-feedback-background-
|
|
289
|
-
--color-feedback-background-
|
|
290
|
-
--color-feedback-background-emphasized-
|
|
291
|
-
--color-feedback-background-emphasized-
|
|
292
|
-
--color-feedback-
|
|
293
|
-
--color-feedback-
|
|
294
|
-
--color-feedback-
|
|
295
|
-
--color-feedback-foreground-
|
|
296
|
-
--color-feedback-foreground-
|
|
297
|
-
--color-feedback-foreground-
|
|
298
|
-
--color-feedback-foreground-
|
|
299
|
-
--color-feedback-foreground-
|
|
300
|
-
--color-feedback-foreground-subtle-
|
|
301
|
-
--color-feedback-foreground-subtle-
|
|
302
|
-
--color-feedback-foreground-
|
|
303
|
-
--color-feedback-foreground-
|
|
304
|
-
--color-feedback-foreground-
|
|
305
|
-
--color-feedback-foreground-emphasized-
|
|
306
|
-
--color-feedback-foreground-emphasized-
|
|
307
|
-
--color-
|
|
308
|
-
--color-
|
|
309
|
-
--color-
|
|
310
|
-
--color-
|
|
311
|
-
--color-
|
|
312
|
-
--color-
|
|
313
|
-
--color-
|
|
314
|
-
--color-
|
|
315
|
-
--color-
|
|
316
|
-
--color-
|
|
317
|
-
--color-
|
|
318
|
-
--color-
|
|
319
|
-
--color-
|
|
320
|
-
--color-
|
|
321
|
-
--color-
|
|
322
|
-
--color-
|
|
323
|
-
--color-
|
|
324
|
-
--color-
|
|
325
|
-
--color-
|
|
326
|
-
--color-
|
|
327
|
-
--color-
|
|
328
|
-
--color-
|
|
329
|
-
--color-
|
|
330
|
-
--color-
|
|
331
|
-
--color-
|
|
332
|
-
--color-
|
|
333
|
-
--color-
|
|
334
|
-
--color-
|
|
335
|
-
--color-dangerlevel-
|
|
336
|
-
--color-dangerlevel-
|
|
337
|
-
--color-
|
|
338
|
-
--color-
|
|
339
|
-
--color-
|
|
340
|
-
--color-
|
|
341
|
-
--color-
|
|
342
|
-
--color-
|
|
343
|
-
--color-
|
|
344
|
-
--color-
|
|
345
|
-
--color-
|
|
346
|
-
--color-
|
|
347
|
-
--color-
|
|
348
|
-
--color-
|
|
349
|
-
--color-
|
|
350
|
-
--color-
|
|
351
|
-
--color-
|
|
352
|
-
--color-
|
|
353
|
-
--color-
|
|
354
|
-
--color-
|
|
355
|
-
--color-
|
|
356
|
-
--color-
|
|
357
|
-
--color-
|
|
358
|
-
--color-
|
|
359
|
-
--color-
|
|
360
|
-
--color-
|
|
361
|
-
--color-
|
|
362
|
-
--color-
|
|
363
|
-
--color-
|
|
364
|
-
--color-
|
|
365
|
-
--color-supplemental-
|
|
366
|
-
--color-supplemental-
|
|
367
|
-
--color-supplemental-
|
|
294
|
+
--color-interactive-background-primary-enabled: var(--color-shades-grey-000);
|
|
295
|
+
--color-interactive-background-primary-hover: var(--color-shades-grey-150);
|
|
296
|
+
--color-interactive-background-primary-pressed: var(--color-shades-grey-200);
|
|
297
|
+
--color-interactive-background-primary-disabled: var(--color-shades-grey-700);
|
|
298
|
+
--color-interactive-background-secondary-enabled: var(--color-shades-grey-700);
|
|
299
|
+
--color-interactive-background-secondary-hover: var(--color-shades-grey-600);
|
|
300
|
+
--color-interactive-background-secondary-pressed: var(--color-shades-grey-500);
|
|
301
|
+
--color-interactive-background-secondary-disabled: var(--color-shades-grey-800);
|
|
302
|
+
--color-interactive-background-tertiary-enabled: var(--color-shades-grey-700);
|
|
303
|
+
--color-interactive-background-tertiary-hover: var(--color-shades-grey-600);
|
|
304
|
+
--color-interactive-background-tertiary-pressed: var(--color-shades-grey-500);
|
|
305
|
+
--color-interactive-background-tertiary-disabled: var(--color-shades-grey-800);
|
|
306
|
+
--color-interactive-background-danger-enabled: var(--color-shades-functional-red-500);
|
|
307
|
+
--color-interactive-background-danger-hover: var(--color-shades-functional-red-400);
|
|
308
|
+
--color-interactive-background-danger-pressed: var(--color-shades-functional-red-300);
|
|
309
|
+
--color-interactive-background-danger-disabled: var(--color-shades-functional-red-900);
|
|
310
|
+
--color-interactive-foreground-primary-enabled: var(--color-shades-grey-950);
|
|
311
|
+
--color-interactive-foreground-primary-hover: var(--color-shades-grey-950);
|
|
312
|
+
--color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
|
|
313
|
+
--color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
|
|
314
|
+
--color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
|
|
315
|
+
--color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
|
|
316
|
+
--color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
|
|
317
|
+
--color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
|
|
318
|
+
--color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
|
|
319
|
+
--color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
|
|
320
|
+
--color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
|
|
321
|
+
--color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
|
|
322
|
+
--color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
|
|
323
|
+
--color-interactive-foreground-link-visited: var(--color-shades-grey-200);
|
|
324
|
+
--color-interactive-border-primary-enabled: var(--color-shades-grey-000);
|
|
325
|
+
--color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
|
|
326
|
+
--color-interactive-border-primary-disabled: var(--color-shades-grey-700);
|
|
327
|
+
--color-interactive-border-secondary-enabled: var(--color-shades-grey-500);
|
|
328
|
+
--color-interactive-border-secondary-hover: var(--color-shades-grey-000);
|
|
329
|
+
--color-interactive-border-secondary-disabled: var(--color-shades-grey-700);
|
|
330
|
+
--color-interactive-border-tertiary-enabled: var(--color-shades-grey-600);
|
|
331
|
+
--color-interactive-border-tertiary-hover: var(--color-shades-grey-400);
|
|
332
|
+
--color-interactive-border-tertiary-disabled: var(--color-shades-grey-700);
|
|
333
|
+
--color-interactive-border-accessibility-focus: var(--color-shades-functional-blue-500);
|
|
334
|
+
--color-feedback-background-default-neutral: var(--color-shades-functional-neutralgrey-800);
|
|
335
|
+
--color-feedback-background-default-info: var(--color-shades-functional-blue-850);
|
|
336
|
+
--color-feedback-background-default-error: var(--color-shades-functional-red-850);
|
|
337
|
+
--color-feedback-background-default-warning: var(--color-shades-functional-yellow-950);
|
|
338
|
+
--color-feedback-background-default-success: var(--color-shades-functional-green-850);
|
|
339
|
+
--color-feedback-background-subtle-neutral: var(--color-shades-functional-neutralgrey-850);
|
|
340
|
+
--color-feedback-background-subtle-info: var(--color-shades-functional-blue-900);
|
|
341
|
+
--color-feedback-background-subtle-error: var(--color-shades-functional-red-900);
|
|
342
|
+
--color-feedback-background-subtle-warning: var(--color-shades-functional-yellow-999);
|
|
343
|
+
--color-feedback-background-subtle-success: var(--color-shades-functional-green-900);
|
|
344
|
+
--color-feedback-background-emphasized-neutral: var(--color-shades-functional-neutralgrey-150);
|
|
345
|
+
--color-feedback-background-emphasized-info: var(--color-shades-functional-blue-800);
|
|
346
|
+
--color-feedback-background-emphasized-error: var(--color-shades-functional-red-700);
|
|
347
|
+
--color-feedback-background-emphasized-warning: var(--color-shades-functional-yellow-600);
|
|
348
|
+
--color-feedback-background-emphasized-success: var(--color-shades-functional-green-800);
|
|
349
|
+
--color-feedback-foreground-neutral: var(--color-shades-functional-neutralgrey-000);
|
|
350
|
+
--color-feedback-foreground-info: var(--color-shades-functional-blue-300);
|
|
351
|
+
--color-feedback-foreground-error: var(--color-shades-functional-red-400);
|
|
352
|
+
--color-feedback-foreground-warning: var(--color-shades-functional-orange-300);
|
|
353
|
+
--color-feedback-foreground-success: var(--color-shades-functional-green-300);
|
|
354
|
+
--color-feedback-foreground-on-bg-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
|
|
355
|
+
--color-feedback-foreground-on-bg-subtle-info: var(--color-shades-functional-blue-050);
|
|
356
|
+
--color-feedback-foreground-on-bg-subtle-error: var(--color-shades-functional-red-050);
|
|
357
|
+
--color-feedback-foreground-on-bg-subtle-warning: var(--color-shades-functional-orange-050);
|
|
358
|
+
--color-feedback-foreground-on-bg-subtle-success: var(--color-shades-functional-green-050);
|
|
359
|
+
--color-feedback-foreground-on-bg-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
|
|
360
|
+
--color-feedback-foreground-on-bg-emphasized-info: var(--color-shades-functional-neutralgrey-000);
|
|
361
|
+
--color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
|
|
362
|
+
--color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
|
|
363
|
+
--color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
|
|
364
|
+
--color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
|
|
365
|
+
--color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
|
|
366
|
+
--color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
|
|
367
|
+
--color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
|
|
368
|
+
--color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
|
|
369
|
+
--color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
|
|
370
|
+
--color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
|
|
371
|
+
--color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
|
|
372
|
+
--color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
|
|
373
|
+
--color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
|
|
374
|
+
--color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
|
|
375
|
+
--color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
|
|
376
|
+
--color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
|
|
377
|
+
--color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
|
|
378
|
+
--color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
|
|
379
|
+
--color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
|
|
380
|
+
--color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
|
|
381
|
+
--color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
|
|
382
|
+
--color-feedback-border-subtle-warning: var(--color-shades-functional-yellow-300);
|
|
383
|
+
--color-feedback-border-subtle-success: var(--color-shades-functional-green-800);
|
|
384
|
+
--color-feedback-border-emphasized-neutral: var(--color-shades-functional-neutralgrey-600);
|
|
385
|
+
--color-feedback-border-emphasized-info: var(--color-shades-functional-blue-700);
|
|
386
|
+
--color-feedback-border-emphasized-error: var(--color-shades-functional-red-400);
|
|
387
|
+
--color-feedback-border-emphasized-warning: var(--color-shades-functional-yellow-700);
|
|
388
|
+
--color-feedback-border-emphasized-success: var(--color-shades-functional-green-700);
|
|
389
|
+
--color-dangerlevel-background-default-level1: var(--color-shades-functional-green-500);
|
|
390
|
+
--color-dangerlevel-background-default-level2: var(--color-shades-functional-yellow-500);
|
|
391
|
+
--color-dangerlevel-background-default-level3: var(--color-shades-functional-orange-400);
|
|
392
|
+
--color-dangerlevel-background-default-level4: var(--color-shades-functional-red-500);
|
|
393
|
+
--color-dangerlevel-background-default-level5: var(--color-shades-functional-neutralgrey-950);
|
|
394
|
+
--color-dangerlevel-background-mute-level1: var(--color-shades-functional-green-150);
|
|
395
|
+
--color-dangerlevel-background-mute-level2: var(--color-shades-functional-yellow-200);
|
|
396
|
+
--color-dangerlevel-background-mute-level3: var(--color-shades-functional-orange-150);
|
|
397
|
+
--color-dangerlevel-background-mute-level4: var(--color-shades-functional-red-050);
|
|
398
|
+
--color-dangerlevel-background-mute-level5: var(--color-shades-functional-neutralgrey-200);
|
|
399
|
+
--color-dangerlevel-background-subtle-level1: var(--color-shades-functional-green-100);
|
|
400
|
+
--color-dangerlevel-background-subtle-level2: var(--color-shades-functional-yellow-100);
|
|
401
|
+
--color-dangerlevel-background-subtle-level3: var(--color-shades-functional-orange-050);
|
|
402
|
+
--color-dangerlevel-background-subtle-level4: var(--color-shades-functional-red-000);
|
|
403
|
+
--color-dangerlevel-background-subtle-level5: var(--color-shades-functional-neutralgrey-150);
|
|
404
|
+
--color-dangerlevel-foreground-default-level1: var(--color-shades-functional-neutralgrey-999);
|
|
405
|
+
--color-dangerlevel-foreground-default-level2: var(--color-shades-functional-neutralgrey-999);
|
|
406
|
+
--color-dangerlevel-foreground-default-level3: var(--color-shades-functional-neutralgrey-999);
|
|
407
|
+
--color-dangerlevel-foreground-default-level4: var(--color-shades-functional-neutralgrey-999);
|
|
408
|
+
--color-dangerlevel-foreground-default-level5: var(--color-shades-functional-neutralgrey-000);
|
|
409
|
+
--color-dangerlevel-foreground-mute-level1: var(--color-shades-functional-neutralgrey-999);
|
|
410
|
+
--color-dangerlevel-foreground-mute-level2: var(--color-shades-functional-neutralgrey-999);
|
|
411
|
+
--color-dangerlevel-foreground-mute-level3: var(--color-shades-functional-neutralgrey-999);
|
|
412
|
+
--color-dangerlevel-foreground-mute-level4: var(--color-shades-functional-neutralgrey-999);
|
|
413
|
+
--color-dangerlevel-foreground-mute-level5: var(--color-shades-functional-neutralgrey-999);
|
|
414
|
+
--color-dangerlevel-foreground-subtle-level1: var(--color-shades-functional-neutralgrey-999);
|
|
415
|
+
--color-dangerlevel-foreground-subtle-level2: var(--color-shades-functional-neutralgrey-999);
|
|
416
|
+
--color-dangerlevel-foreground-subtle-level3: var(--color-shades-functional-neutralgrey-999);
|
|
417
|
+
--color-dangerlevel-foreground-subtle-level4: var(--color-shades-functional-neutralgrey-999);
|
|
418
|
+
--color-dangerlevel-foreground-subtle-level5: var(--color-shades-functional-neutralgrey-999);
|
|
419
|
+
--color-supplemental-subtle-teal-background: var(--color-shades-additional-teal-850);
|
|
420
|
+
--color-supplemental-subtle-teal-foreground: var(--color-shades-additional-teal-150);
|
|
421
|
+
--color-supplemental-subtle-purple-background: var(--color-shades-additional-purple-950);
|
|
422
|
+
--color-supplemental-subtle-purple-foreground: var(--color-shades-additional-purple-150);
|
|
423
|
+
--color-supplemental-subtle-lime-background: var(--color-shades-additional-lime-850);
|
|
424
|
+
--color-supplemental-subtle-lime-foreground: var(--color-shades-additional-lime-150);
|
|
425
|
+
--color-supplemental-subtle-magenta-background: var(--color-shades-additional-magenta-850);
|
|
426
|
+
--color-supplemental-subtle-magenta-foreground: var(--color-shades-additional-magenta-100);
|
|
427
|
+
--color-supplemental-subtle-yellow-background: var(--color-shades-functional-yellow-999);
|
|
428
|
+
--color-supplemental-subtle-yellow-foreground: var(--color-shades-functional-yellow-050);
|
|
429
|
+
--color-supplemental-subtle-grey-background: var(--color-shades-functional-neutralgrey-900);
|
|
430
|
+
--color-supplemental-subtle-grey-foreground: var(--color-shades-functional-neutralgrey-000);
|
|
431
|
+
--color-supplemental-subtle-red-background: var(--color-shades-functional-red-950);
|
|
432
|
+
--color-supplemental-subtle-red-foreground: var(--color-shades-functional-red-100);
|
|
433
|
+
--color-supplemental-subtle-blue-background: var(--color-shades-functional-blue-950);
|
|
434
|
+
--color-supplemental-subtle-blue-foreground: var(--color-shades-functional-blue-100);
|
|
435
|
+
--color-supplemental-emphasized-teal-background: var(--color-shades-additional-teal-400);
|
|
436
|
+
--color-supplemental-emphasized-teal-foreground: var(--color-shades-additional-teal-950);
|
|
437
|
+
--color-supplemental-emphasized-purple-background: var(--color-shades-additional-purple-150);
|
|
438
|
+
--color-supplemental-emphasized-purple-foreground: var(--color-shades-additional-purple-950);
|
|
439
|
+
--color-supplemental-emphasized-lime-background: var(--color-shades-additional-lime-300);
|
|
440
|
+
--color-supplemental-emphasized-lime-foreground: var(--color-shades-additional-lime-950);
|
|
441
|
+
--color-supplemental-emphasized-magenta-background: var(--color-shades-additional-magenta-300);
|
|
442
|
+
--color-supplemental-emphasized-magenta-foreground: var(--color-shades-additional-magenta-950);
|
|
443
|
+
--color-supplemental-emphasized-yellow-background: var(--color-shades-functional-yellow-300);
|
|
444
|
+
--color-supplemental-emphasized-yellow-foreground: var(--color-shades-functional-neutralgrey-999);
|
|
445
|
+
--color-supplemental-emphasized-grey-background: var(--color-shades-functional-neutralgrey-400);
|
|
446
|
+
--color-supplemental-emphasized-grey-foreground: var(--color-shades-functional-neutralgrey-999);
|
|
447
|
+
--color-supplemental-emphasized-red-background: var(--color-shades-functional-red-300);
|
|
448
|
+
--color-supplemental-emphasized-red-foreground: var(--color-shades-functional-neutralgrey-999);
|
|
449
|
+
--color-supplemental-emphasized-blue-background: var(--color-shades-functional-blue-300);
|
|
368
450
|
--color-supplemental-emphasized-blue-foreground: var(--color-shades-grey-999);
|
|
451
|
+
--color-supplemental-charts-background-primary-transparent: var(--color-shades-data-color-a-300-015);
|
|
452
|
+
--color-supplemental-charts-foreground-data-01: var(--color-shades-data-color-a-300);
|
|
453
|
+
--color-supplemental-charts-foreground-data-02: var(--color-shades-data-color-a-150);
|
|
454
|
+
--color-supplemental-charts-foreground-data-03: var(--color-shades-data-color-a-100);
|
|
455
|
+
--color-supplemental-charts-foreground-data-04: var(--color-shades-data-color-a-000);
|
|
456
|
+
--color-supplemental-charts-foreground-data-05: var(--color-shades-data-color-d-400);
|
|
457
|
+
--color-supplemental-charts-foreground-data-06: var(--color-shades-data-color-b-200);
|
|
458
|
+
--color-supplemental-charts-foreground-data-07: var(--color-shades-data-color-e-100);
|
|
459
|
+
--color-supplemental-charts-foreground-data-08: var(--color-shades-data-color-g-600);
|
|
460
|
+
--color-supplemental-charts-foreground-data-09: var(--color-shades-data-color-f-600);
|
|
461
|
+
--color-supplemental-charts-foreground-data-10: var(--color-shades-data-color-e-200);
|
|
462
|
+
--color-supplemental-charts-foreground-data-11: var(--color-shades-data-color-b-400);
|
|
463
|
+
--color-supplemental-charts-foreground-data-12: var(--color-shades-data-color-d-600);
|
|
464
|
+
--color-supplemental-charts-foreground-data-13: var(--color-shades-data-color-c-500);
|
|
465
|
+
--color-supplemental-charts-foreground-data-14: var(--color-shades-data-color-e-300);
|
|
466
|
+
--color-supplemental-charts-foreground-data-15: var(--color-shades-data-color-d-500);
|
|
467
|
+
--color-supplemental-charts-foreground-data-16: var(--color-shades-data-color-c-600);
|
|
468
|
+
--color-supplemental-charts-foreground-data-17: var(--color-shades-data-color-c-400);
|
|
469
|
+
--color-supplemental-charts-foreground-data-18: var(--color-shades-data-color-b-500);
|
|
369
470
|
}
|