@navikt/ds-tokens 7.21.0 → 7.22.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/dist/darkside/tokens-cjs.js +1125 -277
- package/dist/darkside/tokens.css +29 -24
- package/dist/darkside/tokens.d.ts +865 -17
- package/dist/darkside/tokens.js +865 -17
- package/dist/darkside/tokens.less +865 -17
- package/dist/darkside/tokens.scss +865 -17
- package/dist/tokens-cjs.js +5 -0
- package/dist/tokens.css +6 -1
- package/dist/tokens.d.ts +5 -0
- package/dist/tokens.js +5 -0
- package/dist/tokens.less +5 -0
- package/dist/tokens.scss +5 -0
- package/docs.json +6 -1
- package/package.json +3 -4
- package/src/future-border.json +11 -0
- package/token_docs.js +282 -433
- package/types.ts +9 -2
|
@@ -4,229 +4,897 @@
|
|
|
4
4
|
|
|
5
5
|
module.exports = {
|
|
6
6
|
/**
|
|
7
|
-
* Used for dialog elements like modals and popovers.
|
|
7
|
+
* Used for dialog elements like modals and popovers. Used in box-shadow property.
|
|
8
8
|
*/
|
|
9
9
|
"ShadowDialog": "var(--ax-shadow-dialog)",
|
|
10
10
|
/**
|
|
11
11
|
* Used for setting opacity on disabled elements.
|
|
12
12
|
*/
|
|
13
13
|
"OpacityDisabled": "var(--ax-opacity-disabled)",
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
14
|
+
/**
|
|
15
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
16
|
+
*/
|
|
17
|
+
"BgNeutralSoft": "var(--ax-bg-neutral-soft)",
|
|
18
|
+
/**
|
|
19
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
20
|
+
*/
|
|
21
|
+
"BgNeutralSoftA": "var(--ax-bg-neutral-softA)",
|
|
22
|
+
/**
|
|
23
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
24
|
+
*/
|
|
25
|
+
"BgNeutralModerate": "var(--ax-bg-neutral-moderate)",
|
|
26
|
+
/**
|
|
27
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
28
|
+
*/
|
|
29
|
+
"BgNeutralModerateA": "var(--ax-bg-neutral-moderateA)",
|
|
30
|
+
/**
|
|
31
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
32
|
+
*/
|
|
33
|
+
"BgNeutralModerateHover": "var(--ax-bg-neutral-moderate-hover)",
|
|
34
|
+
/**
|
|
35
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
36
|
+
*/
|
|
37
|
+
"BgNeutralModerateHoverA": "var(--ax-bg-neutral-moderate-hoverA)",
|
|
38
|
+
/**
|
|
39
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
40
|
+
*/
|
|
41
|
+
"BgNeutralModeratePressed": "var(--ax-bg-neutral-moderate-pressed)",
|
|
42
|
+
/**
|
|
43
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
44
|
+
*/
|
|
45
|
+
"BgNeutralModeratePressedA": "var(--ax-bg-neutral-moderate-pressedA)",
|
|
46
|
+
/**
|
|
47
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button neutral primary).
|
|
48
|
+
*/
|
|
49
|
+
"BgNeutralStrong": "var(--ax-bg-neutral-strong)",
|
|
50
|
+
/**
|
|
51
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button neutral primary hover).
|
|
52
|
+
*/
|
|
53
|
+
"BgNeutralStrongHover": "var(--ax-bg-neutral-strong-hover)",
|
|
54
|
+
/**
|
|
55
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button neutral primary active).
|
|
56
|
+
*/
|
|
57
|
+
"BgNeutralStrongPressed": "var(--ax-bg-neutral-strong-pressed)",
|
|
58
|
+
/**
|
|
59
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
60
|
+
*/
|
|
61
|
+
"BgAccentSoft": "var(--ax-bg-accent-soft)",
|
|
62
|
+
/**
|
|
63
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
64
|
+
*/
|
|
65
|
+
"BgAccentSoftA": "var(--ax-bg-accent-softA)",
|
|
66
|
+
/**
|
|
67
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
68
|
+
*/
|
|
69
|
+
"BgAccentModerate": "var(--ax-bg-accent-moderate)",
|
|
70
|
+
/**
|
|
71
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
72
|
+
*/
|
|
73
|
+
"BgAccentModerateA": "var(--ax-bg-accent-moderateA)",
|
|
74
|
+
/**
|
|
75
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
76
|
+
*/
|
|
77
|
+
"BgAccentModerateHover": "var(--ax-bg-accent-moderate-hover)",
|
|
78
|
+
/**
|
|
79
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent secondary hover). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
80
|
+
*/
|
|
81
|
+
"BgAccentModerateHoverA": "var(--ax-bg-accent-moderate-hoverA)",
|
|
82
|
+
/**
|
|
83
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
84
|
+
*/
|
|
85
|
+
"BgAccentModeratePressed": "var(--ax-bg-accent-moderate-pressed)",
|
|
86
|
+
/**
|
|
87
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent secondary active). Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
88
|
+
*/
|
|
89
|
+
"BgAccentModeratePressedA": "var(--ax-bg-accent-moderate-pressedA)",
|
|
90
|
+
/**
|
|
91
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button accent primary).
|
|
92
|
+
*/
|
|
93
|
+
"BgAccentStrong": "var(--ax-bg-accent-strong)",
|
|
94
|
+
/**
|
|
95
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button accent primary hover).
|
|
96
|
+
*/
|
|
97
|
+
"BgAccentStrongHover": "var(--ax-bg-accent-strong-hover)",
|
|
98
|
+
/**
|
|
99
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button accent primary active).
|
|
100
|
+
*/
|
|
101
|
+
"BgAccentStrongPressed": "var(--ax-bg-accent-strong-pressed)",
|
|
102
|
+
/**
|
|
103
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
104
|
+
*/
|
|
105
|
+
"BgSuccessSoft": "var(--ax-bg-success-soft)",
|
|
106
|
+
/**
|
|
107
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
108
|
+
*/
|
|
109
|
+
"BgSuccessSoftA": "var(--ax-bg-success-softA)",
|
|
110
|
+
/**
|
|
111
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert success).
|
|
112
|
+
*/
|
|
113
|
+
"BgSuccessModerate": "var(--ax-bg-success-moderate)",
|
|
114
|
+
/**
|
|
115
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
116
|
+
*/
|
|
117
|
+
"BgSuccessModerateA": "var(--ax-bg-success-moderateA)",
|
|
118
|
+
/**
|
|
119
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
120
|
+
*/
|
|
121
|
+
"BgSuccessModerateHover": "var(--ax-bg-success-moderate-hover)",
|
|
122
|
+
/**
|
|
123
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
124
|
+
*/
|
|
125
|
+
"BgSuccessModerateHoverA": "var(--ax-bg-success-moderate-hoverA)",
|
|
126
|
+
/**
|
|
127
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
128
|
+
*/
|
|
129
|
+
"BgSuccessModeratePressed": "var(--ax-bg-success-moderate-pressed)",
|
|
130
|
+
/**
|
|
131
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
132
|
+
*/
|
|
133
|
+
"BgSuccessModeratePressedA": "var(--ax-bg-success-moderate-pressedA)",
|
|
134
|
+
/**
|
|
135
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
136
|
+
*/
|
|
137
|
+
"BgSuccessStrong": "var(--ax-bg-success-strong)",
|
|
138
|
+
/**
|
|
139
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
140
|
+
*/
|
|
141
|
+
"BgSuccessStrongHover": "var(--ax-bg-success-strong-hover)",
|
|
142
|
+
/**
|
|
143
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
144
|
+
*/
|
|
145
|
+
"BgSuccessStrongPressed": "var(--ax-bg-success-strong-pressed)",
|
|
146
|
+
/**
|
|
147
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
148
|
+
*/
|
|
149
|
+
"BgWarningSoft": "var(--ax-bg-warning-soft)",
|
|
150
|
+
/**
|
|
151
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
152
|
+
*/
|
|
153
|
+
"BgWarningSoftA": "var(--ax-bg-warning-softA)",
|
|
154
|
+
/**
|
|
155
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert warning).
|
|
156
|
+
*/
|
|
157
|
+
"BgWarningModerate": "var(--ax-bg-warning-moderate)",
|
|
158
|
+
/**
|
|
159
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
160
|
+
*/
|
|
161
|
+
"BgWarningModerateA": "var(--ax-bg-warning-moderateA)",
|
|
162
|
+
/**
|
|
163
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
164
|
+
*/
|
|
165
|
+
"BgWarningModerateHover": "var(--ax-bg-warning-moderate-hover)",
|
|
166
|
+
/**
|
|
167
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
168
|
+
*/
|
|
169
|
+
"BgWarningModerateHoverA": "var(--ax-bg-warning-moderate-hoverA)",
|
|
170
|
+
/**
|
|
171
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
172
|
+
*/
|
|
173
|
+
"BgWarningModeratePressed": "var(--ax-bg-warning-moderate-pressed)",
|
|
174
|
+
/**
|
|
175
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
176
|
+
*/
|
|
177
|
+
"BgWarningModeratePressedA": "var(--ax-bg-warning-moderate-pressedA)",
|
|
178
|
+
/**
|
|
179
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
180
|
+
*/
|
|
181
|
+
"BgWarningStrong": "var(--ax-bg-warning-strong)",
|
|
182
|
+
/**
|
|
183
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
184
|
+
*/
|
|
185
|
+
"BgWarningStrongHover": "var(--ax-bg-warning-strong-hover)",
|
|
186
|
+
/**
|
|
187
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
188
|
+
*/
|
|
189
|
+
"BgWarningStrongPressed": "var(--ax-bg-warning-strong-pressed)",
|
|
190
|
+
/**
|
|
191
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
192
|
+
*/
|
|
193
|
+
"BgDangerSoft": "var(--ax-bg-danger-soft)",
|
|
194
|
+
/**
|
|
195
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
196
|
+
*/
|
|
197
|
+
"BgDangerSoftA": "var(--ax-bg-danger-softA)",
|
|
198
|
+
/**
|
|
199
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert error).
|
|
200
|
+
*/
|
|
201
|
+
"BgDangerModerate": "var(--ax-bg-danger-moderate)",
|
|
202
|
+
/**
|
|
203
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
204
|
+
*/
|
|
205
|
+
"BgDangerModerateA": "var(--ax-bg-danger-moderateA)",
|
|
206
|
+
/**
|
|
207
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
208
|
+
*/
|
|
209
|
+
"BgDangerModerateHover": "var(--ax-bg-danger-moderate-hover)",
|
|
210
|
+
/**
|
|
211
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
212
|
+
*/
|
|
213
|
+
"BgDangerModerateHoverA": "var(--ax-bg-danger-moderate-hoverA)",
|
|
214
|
+
/**
|
|
215
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
216
|
+
*/
|
|
217
|
+
"BgDangerModeratePressed": "var(--ax-bg-danger-moderate-pressed)",
|
|
218
|
+
/**
|
|
219
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
220
|
+
*/
|
|
221
|
+
"BgDangerModeratePressedA": "var(--ax-bg-danger-moderate-pressedA)",
|
|
222
|
+
/**
|
|
223
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer (f.eks. button danger primary).
|
|
224
|
+
*/
|
|
225
|
+
"BgDangerStrong": "var(--ax-bg-danger-strong)",
|
|
226
|
+
/**
|
|
227
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer (f.eks. button danger primary hover).
|
|
228
|
+
*/
|
|
229
|
+
"BgDangerStrongHover": "var(--ax-bg-danger-strong-hover)",
|
|
230
|
+
/**
|
|
231
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer (f.eks. button danger primary active).
|
|
232
|
+
*/
|
|
233
|
+
"BgDangerStrongPressed": "var(--ax-bg-danger-strong-pressed)",
|
|
234
|
+
/**
|
|
235
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
236
|
+
*/
|
|
237
|
+
"BgInfoSoft": "var(--ax-bg-info-soft)",
|
|
238
|
+
/**
|
|
239
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
240
|
+
*/
|
|
241
|
+
"BgInfoSoftA": "var(--ax-bg-info-softA)",
|
|
242
|
+
/**
|
|
243
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border (f.eks. alert info).
|
|
244
|
+
*/
|
|
245
|
+
"BgInfoModerate": "var(--ax-bg-info-moderate)",
|
|
246
|
+
/**
|
|
247
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
248
|
+
*/
|
|
249
|
+
"BgInfoModerateA": "var(--ax-bg-info-moderateA)",
|
|
250
|
+
/**
|
|
251
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
252
|
+
*/
|
|
253
|
+
"BgInfoModerateHover": "var(--ax-bg-info-moderate-hover)",
|
|
254
|
+
/**
|
|
255
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
256
|
+
*/
|
|
257
|
+
"BgInfoModerateHoverA": "var(--ax-bg-info-moderate-hoverA)",
|
|
258
|
+
/**
|
|
259
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
260
|
+
*/
|
|
261
|
+
"BgInfoModeratePressed": "var(--ax-bg-info-moderate-pressed)",
|
|
262
|
+
/**
|
|
263
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
264
|
+
*/
|
|
265
|
+
"BgInfoModeratePressedA": "var(--ax-bg-info-moderate-pressedA)",
|
|
266
|
+
/**
|
|
267
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
268
|
+
*/
|
|
269
|
+
"BgInfoStrong": "var(--ax-bg-info-strong)",
|
|
270
|
+
/**
|
|
271
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
272
|
+
*/
|
|
273
|
+
"BgInfoStrongHover": "var(--ax-bg-info-strong-hover)",
|
|
274
|
+
/**
|
|
275
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
276
|
+
*/
|
|
277
|
+
"BgInfoStrongPressed": "var(--ax-bg-info-strong-pressed)",
|
|
278
|
+
/**
|
|
279
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
280
|
+
*/
|
|
281
|
+
"BgBrandMagentaSoft": "var(--ax-bg-brand-magenta-soft)",
|
|
282
|
+
/**
|
|
283
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
284
|
+
*/
|
|
285
|
+
"BgBrandMagentaSoftA": "var(--ax-bg-brand-magenta-softA)",
|
|
286
|
+
/**
|
|
287
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
288
|
+
*/
|
|
289
|
+
"BgBrandMagentaModerate": "var(--ax-bg-brand-magenta-moderate)",
|
|
290
|
+
/**
|
|
291
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
292
|
+
*/
|
|
293
|
+
"BgBrandMagentaModerateA": "var(--ax-bg-brand-magenta-moderateA)",
|
|
294
|
+
/**
|
|
295
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
296
|
+
*/
|
|
297
|
+
"BgBrandMagentaModerateHover": "var(--ax-bg-brand-magenta-moderate-hover)",
|
|
298
|
+
/**
|
|
299
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
300
|
+
*/
|
|
301
|
+
"BgBrandMagentaModerateHoverA": "var(--ax-bg-brand-magenta-moderate-hoverA)",
|
|
302
|
+
/**
|
|
303
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
304
|
+
*/
|
|
305
|
+
"BgBrandMagentaModeratePressed": "var(--ax-bg-brand-magenta-moderate-pressed)",
|
|
306
|
+
/**
|
|
307
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
308
|
+
*/
|
|
309
|
+
"BgBrandMagentaModeratePressedA": "var(--ax-bg-brand-magenta-moderate-pressedA)",
|
|
310
|
+
/**
|
|
311
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
312
|
+
*/
|
|
313
|
+
"BgBrandMagentaStrong": "var(--ax-bg-brand-magenta-strong)",
|
|
314
|
+
/**
|
|
315
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
316
|
+
*/
|
|
317
|
+
"BgBrandMagentaStrongHover": "var(--ax-bg-brand-magenta-strong-hover)",
|
|
318
|
+
/**
|
|
319
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
320
|
+
*/
|
|
321
|
+
"BgBrandMagentaStrongPressed": "var(--ax-bg-brand-magenta-strong-pressed)",
|
|
322
|
+
/**
|
|
323
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
324
|
+
*/
|
|
325
|
+
"BgBrandBeigeSoft": "var(--ax-bg-brand-beige-soft)",
|
|
326
|
+
/**
|
|
327
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
328
|
+
*/
|
|
329
|
+
"BgBrandBeigeSoftA": "var(--ax-bg-brand-beige-softA)",
|
|
330
|
+
/**
|
|
331
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
332
|
+
*/
|
|
333
|
+
"BgBrandBeigeModerate": "var(--ax-bg-brand-beige-moderate)",
|
|
334
|
+
/**
|
|
335
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
336
|
+
*/
|
|
337
|
+
"BgBrandBeigeModerateA": "var(--ax-bg-brand-beige-moderateA)",
|
|
338
|
+
/**
|
|
339
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
340
|
+
*/
|
|
341
|
+
"BgBrandBeigeModerateHover": "var(--ax-bg-brand-beige-moderate-hover)",
|
|
342
|
+
/**
|
|
343
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
344
|
+
*/
|
|
345
|
+
"BgBrandBeigeModerateHoverA": "var(--ax-bg-brand-beige-moderate-hoverA)",
|
|
346
|
+
/**
|
|
347
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
348
|
+
*/
|
|
349
|
+
"BgBrandBeigeModeratePressed": "var(--ax-bg-brand-beige-moderate-pressed)",
|
|
350
|
+
/**
|
|
351
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
352
|
+
*/
|
|
353
|
+
"BgBrandBeigeModeratePressedA": "var(--ax-bg-brand-beige-moderate-pressedA)",
|
|
354
|
+
/**
|
|
355
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
356
|
+
*/
|
|
357
|
+
"BgBrandBeigeStrong": "var(--ax-bg-brand-beige-strong)",
|
|
358
|
+
/**
|
|
359
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
360
|
+
*/
|
|
361
|
+
"BgBrandBeigeStrongHover": "var(--ax-bg-brand-beige-strong-hover)",
|
|
362
|
+
/**
|
|
363
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
364
|
+
*/
|
|
365
|
+
"BgBrandBeigeStrongPressed": "var(--ax-bg-brand-beige-strong-pressed)",
|
|
366
|
+
/**
|
|
367
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
368
|
+
*/
|
|
369
|
+
"BgBrandBlueSoft": "var(--ax-bg-brand-blue-soft)",
|
|
370
|
+
/**
|
|
371
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
372
|
+
*/
|
|
373
|
+
"BgBrandBlueSoftA": "var(--ax-bg-brand-blue-softA)",
|
|
374
|
+
/**
|
|
375
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
376
|
+
*/
|
|
377
|
+
"BgBrandBlueModerate": "var(--ax-bg-brand-blue-moderate)",
|
|
378
|
+
/**
|
|
379
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
380
|
+
*/
|
|
381
|
+
"BgBrandBlueModerateA": "var(--ax-bg-brand-blue-moderateA)",
|
|
382
|
+
/**
|
|
383
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
384
|
+
*/
|
|
385
|
+
"BgBrandBlueModerateHover": "var(--ax-bg-brand-blue-moderate-hover)",
|
|
386
|
+
/**
|
|
387
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
388
|
+
*/
|
|
389
|
+
"BgBrandBlueModerateHoverA": "var(--ax-bg-brand-blue-moderate-hoverA)",
|
|
390
|
+
/**
|
|
391
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
392
|
+
*/
|
|
393
|
+
"BgBrandBlueModeratePressed": "var(--ax-bg-brand-blue-moderate-pressed)",
|
|
394
|
+
/**
|
|
395
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
396
|
+
*/
|
|
397
|
+
"BgBrandBlueModeratePressedA": "var(--ax-bg-brand-blue-moderate-pressedA)",
|
|
398
|
+
/**
|
|
399
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
400
|
+
*/
|
|
401
|
+
"BgBrandBlueStrong": "var(--ax-bg-brand-blue-strong)",
|
|
402
|
+
/**
|
|
403
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
404
|
+
*/
|
|
405
|
+
"BgBrandBlueStrongHover": "var(--ax-bg-brand-blue-strong-hover)",
|
|
406
|
+
/**
|
|
407
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
408
|
+
*/
|
|
409
|
+
"BgBrandBlueStrongPressed": "var(--ax-bg-brand-blue-strong-pressed)",
|
|
410
|
+
/**
|
|
411
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
412
|
+
*/
|
|
413
|
+
"BgMetaPurpleSoft": "var(--ax-bg-meta-purple-soft)",
|
|
414
|
+
/**
|
|
415
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
416
|
+
*/
|
|
417
|
+
"BgMetaPurpleSoftA": "var(--ax-bg-meta-purple-softA)",
|
|
418
|
+
/**
|
|
419
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
420
|
+
*/
|
|
421
|
+
"BgMetaPurpleModerate": "var(--ax-bg-meta-purple-moderate)",
|
|
422
|
+
/**
|
|
423
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
424
|
+
*/
|
|
425
|
+
"BgMetaPurpleModerateA": "var(--ax-bg-meta-purple-moderateA)",
|
|
426
|
+
/**
|
|
427
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
428
|
+
*/
|
|
429
|
+
"BgMetaPurpleModerateHover": "var(--ax-bg-meta-purple-moderate-hover)",
|
|
430
|
+
/**
|
|
431
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
432
|
+
*/
|
|
433
|
+
"BgMetaPurpleModerateHoverA": "var(--ax-bg-meta-purple-moderate-hoverA)",
|
|
434
|
+
/**
|
|
435
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
436
|
+
*/
|
|
437
|
+
"BgMetaPurpleModeratePressed": "var(--ax-bg-meta-purple-moderate-pressed)",
|
|
438
|
+
/**
|
|
439
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
440
|
+
*/
|
|
441
|
+
"BgMetaPurpleModeratePressedA": "var(--ax-bg-meta-purple-moderate-pressedA)",
|
|
442
|
+
/**
|
|
443
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
444
|
+
*/
|
|
445
|
+
"BgMetaPurpleStrong": "var(--ax-bg-meta-purple-strong)",
|
|
446
|
+
/**
|
|
447
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
448
|
+
*/
|
|
449
|
+
"BgMetaPurpleStrongHover": "var(--ax-bg-meta-purple-strong-hover)",
|
|
450
|
+
/**
|
|
451
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
452
|
+
*/
|
|
453
|
+
"BgMetaPurpleStrongPressed": "var(--ax-bg-meta-purple-strong-pressed)",
|
|
454
|
+
/**
|
|
455
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav.
|
|
456
|
+
*/
|
|
457
|
+
"BgMetaLimeSoft": "var(--ax-bg-meta-lime-soft)",
|
|
458
|
+
/**
|
|
459
|
+
* En svak bakgrunnsfarge som kun brukes til dekor. Dekker ingen kontrastkrav. Er delvis gjennomsiktig.
|
|
460
|
+
*/
|
|
461
|
+
"BgMetaLimeSoftA": "var(--ax-bg-meta-lime-softA)",
|
|
462
|
+
/**
|
|
463
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border.
|
|
464
|
+
*/
|
|
465
|
+
"BgMetaLimeModerate": "var(--ax-bg-meta-lime-moderate)",
|
|
466
|
+
/**
|
|
467
|
+
* En medium-svak bakgrunnsfarge som brukes til dekor. Om den brukes på meningsbærende elementer må den kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
468
|
+
*/
|
|
469
|
+
"BgMetaLimeModerateA": "var(--ax-bg-meta-lime-moderateA)",
|
|
470
|
+
/**
|
|
471
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
472
|
+
*/
|
|
473
|
+
"BgMetaLimeModerateHover": "var(--ax-bg-meta-lime-moderate-hover)",
|
|
474
|
+
/**
|
|
475
|
+
* En medium-svak bakgrunnsfarge som brukes til hover-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
476
|
+
*/
|
|
477
|
+
"BgMetaLimeModerateHoverA": "var(--ax-bg-meta-lime-moderate-hoverA)",
|
|
478
|
+
/**
|
|
479
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border.
|
|
480
|
+
*/
|
|
481
|
+
"BgMetaLimeModeratePressed": "var(--ax-bg-meta-lime-moderate-pressed)",
|
|
482
|
+
/**
|
|
483
|
+
* En medium-svak bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer. Må kombineres med en godkjent border. Er delvis gjennomsiktig.
|
|
484
|
+
*/
|
|
485
|
+
"BgMetaLimeModeratePressedA": "var(--ax-bg-meta-lime-moderate-pressedA)",
|
|
486
|
+
/**
|
|
487
|
+
* En sterk bakgrunnsfarge som brukes på meningsbærende elementer.
|
|
488
|
+
*/
|
|
489
|
+
"BgMetaLimeStrong": "var(--ax-bg-meta-lime-strong)",
|
|
490
|
+
/**
|
|
491
|
+
* En sterk bakgrunnsfarge som brukes til hover-state på meningsbærende elementer.
|
|
492
|
+
*/
|
|
493
|
+
"BgMetaLimeStrongHover": "var(--ax-bg-meta-lime-strong-hover)",
|
|
494
|
+
/**
|
|
495
|
+
* En sterk bakgrunnsfarge som brukes til active/selected-state på meningsbærende elementer.
|
|
496
|
+
*/
|
|
497
|
+
"BgMetaLimeStrongPressed": "var(--ax-bg-meta-lime-strong-pressed)",
|
|
498
|
+
/**
|
|
499
|
+
* Standard bakgrunnsfarge
|
|
500
|
+
*/
|
|
501
|
+
"BgDefault": "var(--ax-bg-default)",
|
|
502
|
+
/**
|
|
503
|
+
* Bakgrunnsfargen som brukes på input-elementer (tekstfelt, sjekkbokser, o.l.)
|
|
504
|
+
*/
|
|
505
|
+
"BgInput": "var(--ax-bg-input)",
|
|
506
|
+
/**
|
|
507
|
+
* Bakgrunnsfarge på bokser som svever eller som skal fremheves i darkmode. F.eks. Card.
|
|
508
|
+
*/
|
|
509
|
+
"BgRaised": "var(--ax-bg-raised)",
|
|
510
|
+
/**
|
|
511
|
+
* Bakgrunnsfarge på en side eller deler av en side som fremstår nedsunket, dvs. «lavere» enn standard bakgrunn.
|
|
512
|
+
*/
|
|
513
|
+
"BgSunken": "var(--ax-bg-sunken)",
|
|
514
|
+
/**
|
|
515
|
+
* Fargen på det mørke gjennomsiktige laget som legges oppå en side når en modal åpnes.
|
|
516
|
+
*/
|
|
517
|
+
"BgOverlay": "var(--ax-bg-overlay)",
|
|
518
|
+
/**
|
|
519
|
+
* Standard farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong.
|
|
520
|
+
*/
|
|
521
|
+
"TextNeutral": "var(--ax-text-neutral)",
|
|
522
|
+
/**
|
|
523
|
+
* En nedtonet farge for tekst og ikoner med rollen neutral. Godkjent på alle bakgrunner unntatt strong.
|
|
524
|
+
*/
|
|
525
|
+
"TextNeutralSubtle": "var(--ax-text-neutral-subtle)",
|
|
526
|
+
/**
|
|
527
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
528
|
+
*/
|
|
529
|
+
"TextNeutralDecoration": "var(--ax-text-neutral-decoration)",
|
|
530
|
+
/**
|
|
531
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button neutral primary).
|
|
532
|
+
*/
|
|
533
|
+
"TextNeutralContrast": "var(--ax-text-neutral-contrast)",
|
|
534
|
+
/**
|
|
535
|
+
* Sterk farge for tekst og ikoner for rollen accent. Godkjent på alle bakgrunner unntatt strong.
|
|
536
|
+
*/
|
|
537
|
+
"TextAccent": "var(--ax-text-accent)",
|
|
538
|
+
/**
|
|
539
|
+
* Standard farge for tekst og ikoner med rollen accent. Godkjent på alle bakgrunner unntatt strong.
|
|
540
|
+
*/
|
|
541
|
+
"TextAccentSubtle": "var(--ax-text-accent-subtle)",
|
|
542
|
+
/**
|
|
543
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
544
|
+
*/
|
|
545
|
+
"TextAccentDecoration": "var(--ax-text-accent-decoration)",
|
|
546
|
+
/**
|
|
547
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button accent primary).
|
|
548
|
+
*/
|
|
549
|
+
"TextAccentContrast": "var(--ax-text-accent-contrast)",
|
|
550
|
+
/**
|
|
551
|
+
* Sterk farge for tekst og ikoner for rollen success. Godkjent på alle bakgrunner unntatt strong.
|
|
552
|
+
*/
|
|
553
|
+
"TextSuccess": "var(--ax-text-success)",
|
|
554
|
+
/**
|
|
555
|
+
* Standard farge for tekst og ikoner med rollen success. Godkjent på alle bakgrunner unntatt strong.
|
|
556
|
+
*/
|
|
557
|
+
"TextSuccessSubtle": "var(--ax-text-success-subtle)",
|
|
558
|
+
/**
|
|
559
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
560
|
+
*/
|
|
561
|
+
"TextSuccessDecoration": "var(--ax-text-success-decoration)",
|
|
562
|
+
/**
|
|
563
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
564
|
+
*/
|
|
565
|
+
"TextSuccessContrast": "var(--ax-text-success-contrast)",
|
|
566
|
+
/**
|
|
567
|
+
* Sterk farge for tekst og ikoner for rollen warning. Godkjent på alle bakgrunner unntatt strong.
|
|
568
|
+
*/
|
|
569
|
+
"TextWarning": "var(--ax-text-warning)",
|
|
570
|
+
/**
|
|
571
|
+
* Standard farge for tekst og ikoner med rollen warning. Godkjent på alle bakgrunner unntatt strong.
|
|
572
|
+
*/
|
|
573
|
+
"TextWarningSubtle": "var(--ax-text-warning-subtle)",
|
|
574
|
+
/**
|
|
575
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
576
|
+
*/
|
|
577
|
+
"TextWarningDecoration": "var(--ax-text-warning-decoration)",
|
|
578
|
+
/**
|
|
579
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
580
|
+
*/
|
|
581
|
+
"TextWarningContrast": "var(--ax-text-warning-contrast)",
|
|
582
|
+
/**
|
|
583
|
+
* Sterk farge for tekst og ikoner for rollen danger. Godkjent på alle bakgrunner unntatt strong.
|
|
584
|
+
*/
|
|
585
|
+
"TextDanger": "var(--ax-text-danger)",
|
|
586
|
+
/**
|
|
587
|
+
* Standard farge for tekst og ikoner med rollen danger. Godkjent på alle bakgrunner unntatt strong.
|
|
588
|
+
*/
|
|
589
|
+
"TextDangerSubtle": "var(--ax-text-danger-subtle)",
|
|
590
|
+
/**
|
|
591
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
592
|
+
*/
|
|
593
|
+
"TextDangerDecoration": "var(--ax-text-danger-decoration)",
|
|
594
|
+
/**
|
|
595
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong (f.eks. button danger primary).
|
|
596
|
+
*/
|
|
597
|
+
"TextDangerContrast": "var(--ax-text-danger-contrast)",
|
|
598
|
+
/**
|
|
599
|
+
* Sterk farge for tekst og ikoner for rollen info. Godkjent på alle bakgrunner unntatt strong.
|
|
600
|
+
*/
|
|
601
|
+
"TextInfo": "var(--ax-text-info)",
|
|
602
|
+
/**
|
|
603
|
+
* Standard farge for tekst og ikoner med rollen info. Godkjent på alle bakgrunner unntatt strong.
|
|
604
|
+
*/
|
|
605
|
+
"TextInfoSubtle": "var(--ax-text-info-subtle)",
|
|
606
|
+
/**
|
|
607
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
608
|
+
*/
|
|
609
|
+
"TextInfoDecoration": "var(--ax-text-info-decoration)",
|
|
610
|
+
/**
|
|
611
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
612
|
+
*/
|
|
613
|
+
"TextInfoContrast": "var(--ax-text-info-contrast)",
|
|
614
|
+
/**
|
|
615
|
+
* Sterk farge for tekst og ikoner for rollen brand magenta. Godkjent på alle bakgrunner unntatt strong.
|
|
616
|
+
*/
|
|
617
|
+
"TextBrandMagenta": "var(--ax-text-brand-magenta)",
|
|
618
|
+
/**
|
|
619
|
+
* Standard farge for tekst og ikoner med rollen brand magenta. Godkjent på alle bakgrunner unntatt strong.
|
|
620
|
+
*/
|
|
621
|
+
"TextBrandMagentaSubtle": "var(--ax-text-brand-magenta-subtle)",
|
|
622
|
+
/**
|
|
623
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
624
|
+
*/
|
|
625
|
+
"TextBrandMagentaDecoration": "var(--ax-text-brand-magenta-decoration)",
|
|
626
|
+
/**
|
|
627
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
628
|
+
*/
|
|
629
|
+
"TextBrandMagentaContrast": "var(--ax-text-brand-magenta-contrast)",
|
|
630
|
+
/**
|
|
631
|
+
* Sterk farge for tekst og ikoner for rollen brand beige. Godkjent på alle bakgrunner unntatt strong.
|
|
632
|
+
*/
|
|
633
|
+
"TextBrandBeige": "var(--ax-text-brand-beige)",
|
|
634
|
+
/**
|
|
635
|
+
* Standard farge for tekst og ikoner med rollen brand beige. Godkjent på alle bakgrunner unntatt strong.
|
|
636
|
+
*/
|
|
637
|
+
"TextBrandBeigeSubtle": "var(--ax-text-brand-beige-subtle)",
|
|
638
|
+
/**
|
|
639
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
640
|
+
*/
|
|
641
|
+
"TextBrandBeigeDecoration": "var(--ax-text-brand-beige-decoration)",
|
|
642
|
+
/**
|
|
643
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
644
|
+
*/
|
|
645
|
+
"TextBrandBeigeContrast": "var(--ax-text-brand-beige-contrast)",
|
|
646
|
+
/**
|
|
647
|
+
* Sterk farge for tekst og ikoner for rollen brand blue. Godkjent på alle bakgrunner unntatt strong.
|
|
648
|
+
*/
|
|
649
|
+
"TextBrandBlue": "var(--ax-text-brand-blue)",
|
|
650
|
+
/**
|
|
651
|
+
* Standard farge for tekst og ikoner med rollen brand blue. Godkjent på alle bakgrunner unntatt strong.
|
|
652
|
+
*/
|
|
653
|
+
"TextBrandBlueSubtle": "var(--ax-text-brand-blue-subtle)",
|
|
654
|
+
/**
|
|
655
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
656
|
+
*/
|
|
657
|
+
"TextBrandBlueDecoration": "var(--ax-text-brand-blue-decoration)",
|
|
658
|
+
/**
|
|
659
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
660
|
+
*/
|
|
661
|
+
"TextBrandBlueContrast": "var(--ax-text-brand-blue-contrast)",
|
|
662
|
+
/**
|
|
663
|
+
* Sterk farge for tekst og ikoner for rollen meta purple. Godkjent på alle bakgrunner unntatt strong.
|
|
664
|
+
*/
|
|
665
|
+
"TextMetaPurple": "var(--ax-text-meta-purple)",
|
|
666
|
+
/**
|
|
667
|
+
* Standard farge for tekst og ikoner med rollen meta purple. Godkjent på alle bakgrunner unntatt strong.
|
|
668
|
+
*/
|
|
669
|
+
"TextMetaPurpleSubtle": "var(--ax-text-meta-purple-subtle)",
|
|
670
|
+
/**
|
|
671
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
672
|
+
*/
|
|
673
|
+
"TextMetaPurpleDecoration": "var(--ax-text-meta-purple-decoration)",
|
|
674
|
+
/**
|
|
675
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
676
|
+
*/
|
|
677
|
+
"TextMetaPurpleContrast": "var(--ax-text-meta-purple-contrast)",
|
|
678
|
+
/**
|
|
679
|
+
* Sterk farge for tekst og ikoner for rollen meta lime. Godkjent på alle bakgrunner unntatt strong.
|
|
680
|
+
*/
|
|
681
|
+
"TextMetaLime": "var(--ax-text-meta-lime)",
|
|
682
|
+
/**
|
|
683
|
+
* Standard farge for tekst og ikoner med rollen meta lime. Godkjent på alle bakgrunner unntatt strong.
|
|
684
|
+
*/
|
|
685
|
+
"TextMetaLimeSubtle": "var(--ax-text-meta-lime-subtle)",
|
|
686
|
+
/**
|
|
687
|
+
* En farge som kun brukes på ikke-tekstlig innhold (ikoner og andre grafiske elementer). Ikke godkjent på tekst altså.
|
|
688
|
+
*/
|
|
689
|
+
"TextMetaLimeDecoration": "var(--ax-text-meta-lime-decoration)",
|
|
690
|
+
/**
|
|
691
|
+
* En farge som brukes på tekst og ikoner som plasseres oppå bakgrunnen strong.
|
|
692
|
+
*/
|
|
693
|
+
"TextMetaLimeContrast": "var(--ax-text-meta-lime-contrast)",
|
|
694
|
+
/**
|
|
695
|
+
* Navs logo-farge
|
|
696
|
+
*/
|
|
697
|
+
"TextLogo": "var(--ax-text-logo)",
|
|
698
|
+
/**
|
|
699
|
+
* Standard farge for border.
|
|
700
|
+
*/
|
|
701
|
+
"BorderNeutral": "var(--ax-border-neutral)",
|
|
702
|
+
/**
|
|
703
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
704
|
+
*/
|
|
705
|
+
"BorderNeutralSubtle": "var(--ax-border-neutral-subtle)",
|
|
706
|
+
/**
|
|
707
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
708
|
+
*/
|
|
709
|
+
"BorderNeutralSubtleA": "var(--ax-border-neutral-subtleA)",
|
|
710
|
+
/**
|
|
711
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
712
|
+
*/
|
|
713
|
+
"BorderNeutralStrong": "var(--ax-border-neutral-strong)",
|
|
714
|
+
/**
|
|
715
|
+
* Standard farge for border.
|
|
716
|
+
*/
|
|
717
|
+
"BorderAccent": "var(--ax-border-accent)",
|
|
718
|
+
/**
|
|
719
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
720
|
+
*/
|
|
721
|
+
"BorderAccentSubtle": "var(--ax-border-accent-subtle)",
|
|
722
|
+
/**
|
|
723
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
724
|
+
*/
|
|
725
|
+
"BorderAccentSubtleA": "var(--ax-border-accent-subtleA)",
|
|
726
|
+
/**
|
|
727
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
728
|
+
*/
|
|
729
|
+
"BorderAccentStrong": "var(--ax-border-accent-strong)",
|
|
730
|
+
/**
|
|
731
|
+
* Standard farge for border.
|
|
732
|
+
*/
|
|
733
|
+
"BorderSuccess": "var(--ax-border-success)",
|
|
734
|
+
/**
|
|
735
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
736
|
+
*/
|
|
737
|
+
"BorderSuccessSubtle": "var(--ax-border-success-subtle)",
|
|
738
|
+
/**
|
|
739
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
740
|
+
*/
|
|
741
|
+
"BorderSuccessSubtleA": "var(--ax-border-success-subtleA)",
|
|
742
|
+
/**
|
|
743
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
744
|
+
*/
|
|
745
|
+
"BorderSuccessStrong": "var(--ax-border-success-strong)",
|
|
746
|
+
/**
|
|
747
|
+
* Standard farge for border.
|
|
748
|
+
*/
|
|
749
|
+
"BorderWarning": "var(--ax-border-warning)",
|
|
750
|
+
/**
|
|
751
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
752
|
+
*/
|
|
753
|
+
"BorderWarningSubtle": "var(--ax-border-warning-subtle)",
|
|
754
|
+
/**
|
|
755
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
756
|
+
*/
|
|
757
|
+
"BorderWarningSubtleA": "var(--ax-border-warning-subtleA)",
|
|
758
|
+
/**
|
|
759
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
760
|
+
*/
|
|
761
|
+
"BorderWarningStrong": "var(--ax-border-warning-strong)",
|
|
762
|
+
/**
|
|
763
|
+
* Standard farge for border.
|
|
764
|
+
*/
|
|
765
|
+
"BorderDanger": "var(--ax-border-danger)",
|
|
766
|
+
/**
|
|
767
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
768
|
+
*/
|
|
769
|
+
"BorderDangerSubtle": "var(--ax-border-danger-subtle)",
|
|
770
|
+
/**
|
|
771
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
772
|
+
*/
|
|
773
|
+
"BorderDangerSubtleA": "var(--ax-border-danger-subtleA)",
|
|
774
|
+
/**
|
|
775
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
776
|
+
*/
|
|
777
|
+
"BorderDangerStrong": "var(--ax-border-danger-strong)",
|
|
778
|
+
/**
|
|
779
|
+
* Standard farge for border.
|
|
780
|
+
*/
|
|
781
|
+
"BorderInfo": "var(--ax-border-info)",
|
|
782
|
+
/**
|
|
783
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
784
|
+
*/
|
|
785
|
+
"BorderInfoSubtle": "var(--ax-border-info-subtle)",
|
|
786
|
+
/**
|
|
787
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
788
|
+
*/
|
|
789
|
+
"BorderInfoSubtleA": "var(--ax-border-info-subtleA)",
|
|
790
|
+
/**
|
|
791
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
792
|
+
*/
|
|
793
|
+
"BorderInfoStrong": "var(--ax-border-info-strong)",
|
|
794
|
+
/**
|
|
795
|
+
* Standard farge for border.
|
|
796
|
+
*/
|
|
797
|
+
"BorderBrandMagenta": "var(--ax-border-brand-magenta)",
|
|
798
|
+
/**
|
|
799
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
800
|
+
*/
|
|
801
|
+
"BorderBrandMagentaSubtle": "var(--ax-border-brand-magenta-subtle)",
|
|
802
|
+
/**
|
|
803
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
804
|
+
*/
|
|
805
|
+
"BorderBrandMagentaSubtleA": "var(--ax-border-brand-magenta-subtleA)",
|
|
806
|
+
/**
|
|
807
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
808
|
+
*/
|
|
809
|
+
"BorderBrandMagentaStrong": "var(--ax-border-brand-magenta-strong)",
|
|
810
|
+
/**
|
|
811
|
+
* Standard farge for border.
|
|
812
|
+
*/
|
|
813
|
+
"BorderBrandBeige": "var(--ax-border-brand-beige)",
|
|
814
|
+
/**
|
|
815
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
816
|
+
*/
|
|
817
|
+
"BorderBrandBeigeSubtle": "var(--ax-border-brand-beige-subtle)",
|
|
818
|
+
/**
|
|
819
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
820
|
+
*/
|
|
821
|
+
"BorderBrandBeigeSubtleA": "var(--ax-border-brand-beige-subtleA)",
|
|
822
|
+
/**
|
|
823
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
824
|
+
*/
|
|
825
|
+
"BorderBrandBeigeStrong": "var(--ax-border-brand-beige-strong)",
|
|
826
|
+
/**
|
|
827
|
+
* Standard farge for border.
|
|
828
|
+
*/
|
|
829
|
+
"BorderBrandBlue": "var(--ax-border-brand-blue)",
|
|
830
|
+
/**
|
|
831
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
832
|
+
*/
|
|
833
|
+
"BorderBrandBlueSubtle": "var(--ax-border-brand-blue-subtle)",
|
|
834
|
+
/**
|
|
835
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
836
|
+
*/
|
|
837
|
+
"BorderBrandBlueSubtleA": "var(--ax-border-brand-blue-subtleA)",
|
|
838
|
+
/**
|
|
839
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
840
|
+
*/
|
|
841
|
+
"BorderBrandBlueStrong": "var(--ax-border-brand-blue-strong)",
|
|
842
|
+
/**
|
|
843
|
+
* Standard farge for border.
|
|
844
|
+
*/
|
|
845
|
+
"BorderMetaPurple": "var(--ax-border-meta-purple)",
|
|
846
|
+
/**
|
|
847
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
848
|
+
*/
|
|
849
|
+
"BorderMetaPurpleSubtle": "var(--ax-border-meta-purple-subtle)",
|
|
850
|
+
/**
|
|
851
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
852
|
+
*/
|
|
853
|
+
"BorderMetaPurpleSubtleA": "var(--ax-border-meta-purple-subtleA)",
|
|
854
|
+
/**
|
|
855
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
856
|
+
*/
|
|
857
|
+
"BorderMetaPurpleStrong": "var(--ax-border-meta-purple-strong)",
|
|
858
|
+
/**
|
|
859
|
+
* Standard farge for border.
|
|
860
|
+
*/
|
|
861
|
+
"BorderMetaLime": "var(--ax-border-meta-lime)",
|
|
862
|
+
/**
|
|
863
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon.
|
|
864
|
+
*/
|
|
865
|
+
"BorderMetaLimeSubtle": "var(--ax-border-meta-lime-subtle)",
|
|
866
|
+
/**
|
|
867
|
+
* En svak border-farge som brukes til dekor. Om den brukes på interaktive elementer må den kombineres med elementer som tydelig signaliserer interaksjon. Er delvis gjennomsiktig.
|
|
868
|
+
*/
|
|
869
|
+
"BorderMetaLimeSubtleA": "var(--ax-border-meta-lime-subtleA)",
|
|
870
|
+
/**
|
|
871
|
+
* En sterk border-farge. Kan brukes som hover-state til border-default.
|
|
872
|
+
*/
|
|
873
|
+
"BorderMetaLimeStrong": "var(--ax-border-meta-lime-strong)",
|
|
874
|
+
/**
|
|
875
|
+
* Farge på fokusmarkering.
|
|
876
|
+
*/
|
|
877
|
+
"BorderFocus": "var(--ax-border-focus)",
|
|
878
|
+
/**
|
|
879
|
+
* TODO: Sjur fyller ut
|
|
880
|
+
*/
|
|
881
|
+
"BorderRadiusFull": "var(--ax-border-radius-full)",
|
|
882
|
+
/**
|
|
883
|
+
* TODO: Sjur fyller ut
|
|
884
|
+
*/
|
|
885
|
+
"BorderRadiusSmall": "var(--ax-border-radius-small)",
|
|
886
|
+
/**
|
|
887
|
+
* TODO: Sjur fyller ut
|
|
888
|
+
*/
|
|
889
|
+
"BorderRadiusMedium": "var(--ax-border-radius-medium)",
|
|
890
|
+
/**
|
|
891
|
+
* TODO: Sjur fyller ut
|
|
892
|
+
*/
|
|
893
|
+
"BorderRadiusLarge": "var(--ax-border-radius-large)",
|
|
894
|
+
/**
|
|
895
|
+
* TODO: Sjur fyller ut
|
|
896
|
+
*/
|
|
897
|
+
"BorderRadiusXlarge": "var(--ax-border-radius-xlarge)",
|
|
230
898
|
"Neutral100": "var(--ax-neutral-100)",
|
|
231
899
|
"Neutral200": "var(--ax-neutral-200)",
|
|
232
900
|
"Neutral300": "var(--ax-neutral-300)",
|
|
@@ -382,64 +1050,244 @@ module.exports = {
|
|
|
382
1050
|
"MetaLime200A": "var(--ax-meta-lime-200A)",
|
|
383
1051
|
"MetaLime300A": "var(--ax-meta-lime-300A)",
|
|
384
1052
|
"MetaLime400A": "var(--ax-meta-lime-400A)",
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
1053
|
+
/**
|
|
1054
|
+
* TODO: Sjur fyller ut
|
|
1055
|
+
*/
|
|
1056
|
+
"Space0": "var(--ax-space-0)",
|
|
1057
|
+
/**
|
|
1058
|
+
* TODO: Sjur fyller ut
|
|
1059
|
+
*/
|
|
1060
|
+
"Space1": "var(--ax-space-1)",
|
|
1061
|
+
/**
|
|
1062
|
+
* TODO: Sjur fyller ut
|
|
1063
|
+
*/
|
|
1064
|
+
"Space2": "var(--ax-space-2)",
|
|
1065
|
+
/**
|
|
1066
|
+
* TODO: Sjur fyller ut
|
|
1067
|
+
*/
|
|
1068
|
+
"Space4": "var(--ax-space-4)",
|
|
1069
|
+
/**
|
|
1070
|
+
* TODO: Sjur fyller ut
|
|
1071
|
+
*/
|
|
1072
|
+
"Space6": "var(--ax-space-6)",
|
|
1073
|
+
/**
|
|
1074
|
+
* TODO: Sjur fyller ut
|
|
1075
|
+
*/
|
|
1076
|
+
"Space8": "var(--ax-space-8)",
|
|
1077
|
+
/**
|
|
1078
|
+
* TODO: Sjur fyller ut
|
|
1079
|
+
*/
|
|
1080
|
+
"Space12": "var(--ax-space-12)",
|
|
1081
|
+
/**
|
|
1082
|
+
* TODO: Sjur fyller ut
|
|
1083
|
+
*/
|
|
1084
|
+
"Space16": "var(--ax-space-16)",
|
|
1085
|
+
/**
|
|
1086
|
+
* TODO: Sjur fyller ut
|
|
1087
|
+
*/
|
|
1088
|
+
"Space20": "var(--ax-space-20)",
|
|
1089
|
+
/**
|
|
1090
|
+
* TODO: Sjur fyller ut
|
|
1091
|
+
*/
|
|
1092
|
+
"Space24": "var(--ax-space-24)",
|
|
1093
|
+
/**
|
|
1094
|
+
* TODO: Sjur fyller ut
|
|
1095
|
+
*/
|
|
1096
|
+
"Space28": "var(--ax-space-28)",
|
|
1097
|
+
/**
|
|
1098
|
+
* TODO: Sjur fyller ut
|
|
1099
|
+
*/
|
|
1100
|
+
"Space32": "var(--ax-space-32)",
|
|
1101
|
+
/**
|
|
1102
|
+
* TODO: Sjur fyller ut
|
|
1103
|
+
*/
|
|
1104
|
+
"Space36": "var(--ax-space-36)",
|
|
1105
|
+
/**
|
|
1106
|
+
* TODO: Sjur fyller ut
|
|
1107
|
+
*/
|
|
1108
|
+
"Space40": "var(--ax-space-40)",
|
|
1109
|
+
/**
|
|
1110
|
+
* TODO: Sjur fyller ut
|
|
1111
|
+
*/
|
|
1112
|
+
"Space44": "var(--ax-space-44)",
|
|
1113
|
+
/**
|
|
1114
|
+
* TODO: Sjur fyller ut
|
|
1115
|
+
*/
|
|
1116
|
+
"Space48": "var(--ax-space-48)",
|
|
1117
|
+
/**
|
|
1118
|
+
* TODO: Sjur fyller ut
|
|
1119
|
+
*/
|
|
1120
|
+
"Space56": "var(--ax-space-56)",
|
|
1121
|
+
/**
|
|
1122
|
+
* TODO: Sjur fyller ut
|
|
1123
|
+
*/
|
|
1124
|
+
"Space64": "var(--ax-space-64)",
|
|
1125
|
+
/**
|
|
1126
|
+
* TODO: Sjur fyller ut
|
|
1127
|
+
*/
|
|
1128
|
+
"Space72": "var(--ax-space-72)",
|
|
1129
|
+
/**
|
|
1130
|
+
* TODO: Sjur fyller ut
|
|
1131
|
+
*/
|
|
1132
|
+
"Space80": "var(--ax-space-80)",
|
|
1133
|
+
/**
|
|
1134
|
+
* TODO: Sjur fyller ut
|
|
1135
|
+
*/
|
|
1136
|
+
"Space96": "var(--ax-space-96)",
|
|
1137
|
+
/**
|
|
1138
|
+
* TODO: Sjur fyller ut
|
|
1139
|
+
*/
|
|
1140
|
+
"Space128": "var(--ax-space-128)",
|
|
1141
|
+
/**
|
|
1142
|
+
* TODO: Sjur fyller ut
|
|
1143
|
+
*/
|
|
1144
|
+
"Radius2": "var(--ax-radius-2)",
|
|
1145
|
+
/**
|
|
1146
|
+
* TODO: Sjur fyller ut
|
|
1147
|
+
*/
|
|
1148
|
+
"Radius4": "var(--ax-radius-4)",
|
|
1149
|
+
/**
|
|
1150
|
+
* TODO: Sjur fyller ut
|
|
1151
|
+
*/
|
|
1152
|
+
"Radius8": "var(--ax-radius-8)",
|
|
1153
|
+
/**
|
|
1154
|
+
* TODO: Sjur fyller ut
|
|
1155
|
+
*/
|
|
1156
|
+
"Radius12": "var(--ax-radius-12)",
|
|
1157
|
+
/**
|
|
1158
|
+
* TODO: Sjur fyller ut
|
|
1159
|
+
*/
|
|
1160
|
+
"RadiusFull": "var(--ax-radius-full)",
|
|
1161
|
+
/**
|
|
1162
|
+
* TODO: Sjur fyller ut
|
|
1163
|
+
*/
|
|
1164
|
+
"BreakpointXs": "0",
|
|
1165
|
+
/**
|
|
1166
|
+
* TODO: Sjur fyller ut
|
|
1167
|
+
*/
|
|
1168
|
+
"BreakpointSm": "480px",
|
|
1169
|
+
/**
|
|
1170
|
+
* TODO: Sjur fyller ut
|
|
1171
|
+
*/
|
|
1172
|
+
"BreakpointSmDown": "479px",
|
|
1173
|
+
/**
|
|
1174
|
+
* TODO: Sjur fyller ut
|
|
1175
|
+
*/
|
|
1176
|
+
"BreakpointMd": "768px",
|
|
1177
|
+
/**
|
|
1178
|
+
* TODO: Sjur fyller ut
|
|
1179
|
+
*/
|
|
1180
|
+
"BreakpointMdDown": "767px",
|
|
1181
|
+
/**
|
|
1182
|
+
* TODO: Sjur fyller ut
|
|
1183
|
+
*/
|
|
1184
|
+
"BreakpointLg": "1024px",
|
|
1185
|
+
/**
|
|
1186
|
+
* TODO: Sjur fyller ut
|
|
1187
|
+
*/
|
|
1188
|
+
"BreakpointLgDown": "1023px",
|
|
1189
|
+
/**
|
|
1190
|
+
* TODO: Sjur fyller ut
|
|
1191
|
+
*/
|
|
1192
|
+
"BreakpointXl": "1280px",
|
|
1193
|
+
/**
|
|
1194
|
+
* TODO: Sjur fyller ut
|
|
1195
|
+
*/
|
|
1196
|
+
"BreakpointXlDown": "1279px",
|
|
1197
|
+
/**
|
|
1198
|
+
* TODO: Sjur fyller ut
|
|
1199
|
+
*/
|
|
1200
|
+
"Breakpoint2xl": "1440px",
|
|
1201
|
+
/**
|
|
1202
|
+
* TODO: Sjur fyller ut
|
|
1203
|
+
*/
|
|
1204
|
+
"Breakpoint2xlDown": "1439px",
|
|
1205
|
+
/**
|
|
1206
|
+
* TODO: Sjur fyller ut
|
|
1207
|
+
*/
|
|
1208
|
+
"FontFamily": "var(--ax-font-family)",
|
|
1209
|
+
/**
|
|
1210
|
+
* TODO: Sjur fyller ut
|
|
1211
|
+
*/
|
|
1212
|
+
"FontLineHeightHeading2xlarge": "var(--ax-font-line-height-heading-2xlarge)",
|
|
1213
|
+
/**
|
|
1214
|
+
* TODO: Sjur fyller ut
|
|
1215
|
+
*/
|
|
1216
|
+
"FontLineHeightHeadingXlarge": "var(--ax-font-line-height-heading-xlarge)",
|
|
1217
|
+
/**
|
|
1218
|
+
* TODO: Sjur fyller ut
|
|
1219
|
+
*/
|
|
1220
|
+
"FontLineHeightHeadingLarge": "var(--ax-font-line-height-heading-large)",
|
|
1221
|
+
/**
|
|
1222
|
+
* TODO: Sjur fyller ut
|
|
1223
|
+
*/
|
|
1224
|
+
"FontLineHeightHeadingMedium": "var(--ax-font-line-height-heading-medium)",
|
|
1225
|
+
/**
|
|
1226
|
+
* TODO: Sjur fyller ut
|
|
1227
|
+
*/
|
|
1228
|
+
"FontLineHeightHeadingSmall": "var(--ax-font-line-height-heading-small)",
|
|
1229
|
+
/**
|
|
1230
|
+
* TODO: Sjur fyller ut
|
|
1231
|
+
*/
|
|
1232
|
+
"FontLineHeightHeadingXsmall": "var(--ax-font-line-height-heading-xsmall)",
|
|
1233
|
+
/**
|
|
1234
|
+
* TODO: Sjur fyller ut
|
|
1235
|
+
*/
|
|
1236
|
+
"FontLineHeightXlarge": "var(--ax-font-line-height-xlarge)",
|
|
1237
|
+
/**
|
|
1238
|
+
* TODO: Sjur fyller ut
|
|
1239
|
+
*/
|
|
1240
|
+
"FontLineHeightLarge": "var(--ax-font-line-height-large)",
|
|
1241
|
+
/**
|
|
1242
|
+
* TODO: Sjur fyller ut
|
|
1243
|
+
*/
|
|
1244
|
+
"FontLineHeightMedium": "var(--ax-font-line-height-medium)",
|
|
1245
|
+
/**
|
|
1246
|
+
* TODO: Sjur fyller ut
|
|
1247
|
+
*/
|
|
1248
|
+
"FontSizeHeading2xlarge": "var(--ax-font-size-heading-2xlarge)",
|
|
1249
|
+
/**
|
|
1250
|
+
* TODO: Sjur fyller ut
|
|
1251
|
+
*/
|
|
1252
|
+
"FontSizeHeadingXlarge": "var(--ax-font-size-heading-xlarge)",
|
|
1253
|
+
/**
|
|
1254
|
+
* TODO: Sjur fyller ut
|
|
1255
|
+
*/
|
|
1256
|
+
"FontSizeHeadingLarge": "var(--ax-font-size-heading-large)",
|
|
1257
|
+
/**
|
|
1258
|
+
* TODO: Sjur fyller ut
|
|
1259
|
+
*/
|
|
1260
|
+
"FontSizeHeadingMedium": "var(--ax-font-size-heading-medium)",
|
|
1261
|
+
/**
|
|
1262
|
+
* TODO: Sjur fyller ut
|
|
1263
|
+
*/
|
|
1264
|
+
"FontSizeHeadingSmall": "var(--ax-font-size-heading-small)",
|
|
1265
|
+
/**
|
|
1266
|
+
* TODO: Sjur fyller ut
|
|
1267
|
+
*/
|
|
1268
|
+
"FontSizeHeadingXsmall": "var(--ax-font-size-heading-xsmall)",
|
|
1269
|
+
/**
|
|
1270
|
+
* TODO: Sjur fyller ut
|
|
1271
|
+
*/
|
|
1272
|
+
"FontSizeXlarge": "var(--ax-font-size-xlarge)",
|
|
1273
|
+
/**
|
|
1274
|
+
* TODO: Sjur fyller ut
|
|
1275
|
+
*/
|
|
1276
|
+
"FontSizeLarge": "var(--ax-font-size-large)",
|
|
1277
|
+
/**
|
|
1278
|
+
* TODO: Sjur fyller ut
|
|
1279
|
+
*/
|
|
1280
|
+
"FontSizeMedium": "var(--ax-font-size-medium)",
|
|
1281
|
+
/**
|
|
1282
|
+
* TODO: Sjur fyller ut
|
|
1283
|
+
*/
|
|
1284
|
+
"FontSizeSmall": "var(--ax-font-size-small)",
|
|
1285
|
+
/**
|
|
1286
|
+
* TODO: Sjur fyller ut
|
|
1287
|
+
*/
|
|
1288
|
+
"FontWeightBold": "var(--ax-font-weight-bold)",
|
|
1289
|
+
/**
|
|
1290
|
+
* TODO: Sjur fyller ut
|
|
1291
|
+
*/
|
|
1292
|
+
"FontWeightRegular": "var(--ax-font-weight-regular)"
|
|
445
1293
|
};
|