@norges-domstoler/dds-design-tokens 5.1.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/cjs/dds/build/js/ddsTokens.d.ts +412 -629
- package/dist/cjs/dds/index.d.ts +0 -9
- package/dist/cjs/index.js +826 -11036
- package/dist/cjs/src/index.d.ts +414 -2
- package/dist/css/ddsTokens.css +218 -376
- package/dist/dds/build/js/ddsTokens.d.ts +412 -629
- package/dist/dds/build/js/ddsTokens.js +414 -630
- package/dist/dds/index.d.ts +0 -9
- package/dist/index.js +5 -2
- package/dist/scss/_ddsTokens.scss +214 -376
- package/dist/src/index.d.ts +414 -2
- package/package.json +7 -5
- package/dist/cjs/dds/build/js/borderRadius.d.ts +0 -10
- package/dist/cjs/dds/build/js/breakpoints.d.ts +0 -10
- package/dist/cjs/dds/build/js/colors.d.ts +0 -156
- package/dist/cjs/dds/build/js/font.d.ts +0 -400
- package/dist/cjs/dds/build/js/fontObject.d.ts +0 -6614
- package/dist/cjs/dds/build/js/grid.d.ts +0 -15
- package/dist/cjs/dds/build/js/iconSize.d.ts +0 -6
- package/dist/cjs/dds/build/js/outershadow.d.ts +0 -12
- package/dist/cjs/dds/build/js/spacing.d.ts +0 -28
- package/dist/cjs/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
- package/dist/cjs/dds/formattedStyles/fontPackages/index.d.ts +0 -1
- package/dist/cjs/dds/utils/fontPackageFormatter.d.ts +0 -22
- package/dist/cjs/src/ddsBaseTokens.d.ts +0 -1119
- package/dist/cjs/src/ddsReferenceTokens.d.ts +0 -45
- package/dist/css/borderRadius.css +0 -12
- package/dist/css/breakpoints.css +0 -12
- package/dist/css/colors.css +0 -159
- package/dist/css/font.css +0 -282
- package/dist/css/grid.css +0 -17
- package/dist/css/iconSize.css +0 -10
- package/dist/css/outershadow.css +0 -15
- package/dist/css/spacing.css +0 -21
- package/dist/dds/build/js/borderRadius.d.ts +0 -10
- package/dist/dds/build/js/borderRadius.js +0 -12
- package/dist/dds/build/js/breakpoints.d.ts +0 -10
- package/dist/dds/build/js/breakpoints.js +0 -12
- package/dist/dds/build/js/colors.d.ts +0 -156
- package/dist/dds/build/js/colors.js +0 -158
- package/dist/dds/build/js/font.d.ts +0 -400
- package/dist/dds/build/js/font.js +0 -402
- package/dist/dds/build/js/fontObject.d.ts +0 -6614
- package/dist/dds/build/js/fontObject.js +0 -8366
- package/dist/dds/build/js/grid.d.ts +0 -15
- package/dist/dds/build/js/grid.js +0 -17
- package/dist/dds/build/js/iconSize.d.ts +0 -6
- package/dist/dds/build/js/iconSize.js +0 -8
- package/dist/dds/build/js/outershadow.d.ts +0 -12
- package/dist/dds/build/js/outershadow.js +0 -14
- package/dist/dds/build/js/spacing.d.ts +0 -28
- package/dist/dds/build/js/spacing.js +0 -30
- package/dist/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
- package/dist/dds/formattedStyles/fontPackages/fontPackages.js +0 -33
- package/dist/dds/formattedStyles/fontPackages/index.d.ts +0 -1
- package/dist/dds/utils/fontPackageFormatter.d.ts +0 -22
- package/dist/dds/utils/fontPackageFormatter.js +0 -23
- package/dist/ddsBaseTokens.js +0 -25
- package/dist/ddsReferenceTokens.js +0 -45
- package/dist/scss/_borderRadius.scss +0 -9
- package/dist/scss/_breakpoints.scss +0 -9
- package/dist/scss/_colors.scss +0 -156
- package/dist/scss/_font.scss +0 -279
- package/dist/scss/_iconSize.scss +0 -7
- package/dist/scss/_outershadow.scss +0 -12
- package/dist/scss/_spacing.scss +0 -18
- package/dist/src/ddsBaseTokens.d.ts +0 -1119
- package/dist/src/ddsReferenceTokens.d.ts +0 -45
package/dist/css/ddsTokens.css
CHANGED
|
@@ -1,296 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 23 Jul 2024 10:51:13 GMT
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
4
3
|
*/
|
|
5
4
|
|
|
6
5
|
:root {
|
|
7
|
-
--dds-font-heading-sans-01-font-size: 16px;
|
|
8
|
-
--dds-font-heading-sans-01-text-decoration: none;
|
|
9
|
-
--dds-font-heading-sans-01-font-family: 'IBM Plex Sans';
|
|
10
|
-
--dds-font-heading-sans-01-font-weight: 600;
|
|
11
|
-
--dds-font-heading-sans-01-font-style: normal;
|
|
12
|
-
--dds-font-heading-sans-01-font-stretch: normal;
|
|
13
|
-
--dds-font-heading-sans-01-letter-spacing: 0em;
|
|
14
|
-
--dds-font-heading-sans-01-line-height: 1.5em;
|
|
15
|
-
--dds-font-heading-sans-01-paragraph-indent: 0px;
|
|
16
|
-
--dds-font-heading-sans-01-paragraph-spacing: 6.400000095367432px;
|
|
17
|
-
--dds-font-heading-sans-01-text-case: none;
|
|
18
|
-
--dds-font-heading-sans-02-font-size: 18px;
|
|
19
|
-
--dds-font-heading-sans-02-text-decoration: none;
|
|
20
|
-
--dds-font-heading-sans-02-font-family: 'IBM Plex Sans';
|
|
21
|
-
--dds-font-heading-sans-02-font-weight: 600;
|
|
22
|
-
--dds-font-heading-sans-02-font-style: normal;
|
|
23
|
-
--dds-font-heading-sans-02-font-stretch: normal;
|
|
24
|
-
--dds-font-heading-sans-02-letter-spacing: 0em;
|
|
25
|
-
--dds-font-heading-sans-02-line-height: 1.5em;
|
|
26
|
-
--dds-font-heading-sans-02-paragraph-indent: 0px;
|
|
27
|
-
--dds-font-heading-sans-02-paragraph-spacing: 7.199999809265137px;
|
|
28
|
-
--dds-font-heading-sans-02-text-case: none;
|
|
29
|
-
--dds-font-heading-sans-03-font-size: 24px;
|
|
30
|
-
--dds-font-heading-sans-03-text-decoration: none;
|
|
31
|
-
--dds-font-heading-sans-03-font-family: 'IBM Plex Sans';
|
|
32
|
-
--dds-font-heading-sans-03-font-weight: 400;
|
|
33
|
-
--dds-font-heading-sans-03-font-style: normal;
|
|
34
|
-
--dds-font-heading-sans-03-font-stretch: normal;
|
|
35
|
-
--dds-font-heading-sans-03-letter-spacing: 0em;
|
|
36
|
-
--dds-font-heading-sans-03-line-height: 1.35em;
|
|
37
|
-
--dds-font-heading-sans-03-paragraph-indent: 0px;
|
|
38
|
-
--dds-font-heading-sans-03-paragraph-spacing: 9.600000381469727px;
|
|
39
|
-
--dds-font-heading-sans-03-text-case: none;
|
|
40
|
-
--dds-font-heading-sans-04-font-size: 32px;
|
|
41
|
-
--dds-font-heading-sans-04-text-decoration: none;
|
|
42
|
-
--dds-font-heading-sans-04-font-family: 'IBM Plex Sans';
|
|
43
|
-
--dds-font-heading-sans-04-font-weight: 400;
|
|
44
|
-
--dds-font-heading-sans-04-font-style: normal;
|
|
45
|
-
--dds-font-heading-sans-04-font-stretch: normal;
|
|
46
|
-
--dds-font-heading-sans-04-letter-spacing: 0em;
|
|
47
|
-
--dds-font-heading-sans-04-line-height: 1.35em;
|
|
48
|
-
--dds-font-heading-sans-04-paragraph-indent: 0px;
|
|
49
|
-
--dds-font-heading-sans-04-paragraph-spacing: 12.800000190734863px;
|
|
50
|
-
--dds-font-heading-sans-04-text-case: none;
|
|
51
|
-
--dds-font-heading-sans-05-font-size: 40px;
|
|
52
|
-
--dds-font-heading-sans-05-text-decoration: none;
|
|
53
|
-
--dds-font-heading-sans-05-font-family: 'IBM Plex Sans';
|
|
54
|
-
--dds-font-heading-sans-05-font-weight: 300;
|
|
55
|
-
--dds-font-heading-sans-05-font-style: normal;
|
|
56
|
-
--dds-font-heading-sans-05-font-stretch: normal;
|
|
57
|
-
--dds-font-heading-sans-05-letter-spacing: -0.01em;
|
|
58
|
-
--dds-font-heading-sans-05-line-height: 1.35em;
|
|
59
|
-
--dds-font-heading-sans-05-paragraph-indent: 0px;
|
|
60
|
-
--dds-font-heading-sans-05-paragraph-spacing: 16px;
|
|
61
|
-
--dds-font-heading-sans-05-text-case: none;
|
|
62
|
-
--dds-font-heading-sans-06-font-size: 48px;
|
|
63
|
-
--dds-font-heading-sans-06-text-decoration: none;
|
|
64
|
-
--dds-font-heading-sans-06-font-family: 'IBM Plex Sans';
|
|
65
|
-
--dds-font-heading-sans-06-font-weight: 300;
|
|
66
|
-
--dds-font-heading-sans-06-font-style: normal;
|
|
67
|
-
--dds-font-heading-sans-06-font-stretch: normal;
|
|
68
|
-
--dds-font-heading-sans-06-letter-spacing: -0.01em;
|
|
69
|
-
--dds-font-heading-sans-06-line-height: 1.2em;
|
|
70
|
-
--dds-font-heading-sans-06-paragraph-indent: 0px;
|
|
71
|
-
--dds-font-heading-sans-06-paragraph-spacing: 19.200000762939453px;
|
|
72
|
-
--dds-font-heading-sans-06-text-case: none;
|
|
73
|
-
--dds-font-heading-sans-07-font-size: 64px;
|
|
74
|
-
--dds-font-heading-sans-07-text-decoration: none;
|
|
75
|
-
--dds-font-heading-sans-07-font-family: 'IBM Plex Sans';
|
|
76
|
-
--dds-font-heading-sans-07-font-weight: 300;
|
|
77
|
-
--dds-font-heading-sans-07-font-style: normal;
|
|
78
|
-
--dds-font-heading-sans-07-font-stretch: normal;
|
|
79
|
-
--dds-font-heading-sans-07-letter-spacing: -0.01em;
|
|
80
|
-
--dds-font-heading-sans-07-line-height: 1.2em;
|
|
81
|
-
--dds-font-heading-sans-07-paragraph-indent: 0px;
|
|
82
|
-
--dds-font-heading-sans-07-paragraph-spacing: 25.600000381469727px;
|
|
83
|
-
--dds-font-heading-sans-07-text-case: none;
|
|
84
|
-
--dds-font-heading-sans-08-font-size: 80px;
|
|
85
|
-
--dds-font-heading-sans-08-text-decoration: none;
|
|
86
|
-
--dds-font-heading-sans-08-font-family: 'IBM Plex Sans';
|
|
87
|
-
--dds-font-heading-sans-08-font-weight: 300;
|
|
88
|
-
--dds-font-heading-sans-08-font-style: normal;
|
|
89
|
-
--dds-font-heading-sans-08-font-stretch: normal;
|
|
90
|
-
--dds-font-heading-sans-08-letter-spacing: -0.01em;
|
|
91
|
-
--dds-font-heading-sans-08-line-height: 1.2em;
|
|
92
|
-
--dds-font-heading-sans-08-paragraph-indent: 0px;
|
|
93
|
-
--dds-font-heading-sans-08-paragraph-spacing: 32px;
|
|
94
|
-
--dds-font-heading-sans-08-text-case: none;
|
|
95
|
-
--dds-font-body-sans-01-font-size: 14px;
|
|
96
|
-
--dds-font-body-sans-01-text-decoration: none;
|
|
97
|
-
--dds-font-body-sans-01-font-family: 'IBM Plex Sans';
|
|
98
|
-
--dds-font-body-sans-01-font-weight: 400;
|
|
99
|
-
--dds-font-body-sans-01-font-style: normal;
|
|
100
|
-
--dds-font-body-sans-01-font-stretch: normal;
|
|
101
|
-
--dds-font-body-sans-01-letter-spacing: 0.01em;
|
|
102
|
-
--dds-font-body-sans-01-line-height: 1.5em;
|
|
103
|
-
--dds-font-body-sans-01-paragraph-indent: 0px;
|
|
104
|
-
--dds-font-body-sans-01-paragraph-spacing: 14px;
|
|
105
|
-
--dds-font-body-sans-01-text-case: none;
|
|
106
|
-
--dds-font-body-sans-02-font-size: 16px;
|
|
107
|
-
--dds-font-body-sans-02-text-decoration: none;
|
|
108
|
-
--dds-font-body-sans-02-font-family: 'IBM Plex Sans';
|
|
109
|
-
--dds-font-body-sans-02-font-weight: 400;
|
|
110
|
-
--dds-font-body-sans-02-font-style: normal;
|
|
111
|
-
--dds-font-body-sans-02-font-stretch: normal;
|
|
112
|
-
--dds-font-body-sans-02-letter-spacing: 0em;
|
|
113
|
-
--dds-font-body-sans-02-line-height: 1.5em;
|
|
114
|
-
--dds-font-body-sans-02-paragraph-indent: 0px;
|
|
115
|
-
--dds-font-body-sans-02-paragraph-spacing: 16px;
|
|
116
|
-
--dds-font-body-sans-02-text-case: none;
|
|
117
|
-
--dds-font-body-sans-03-font-size: 18px;
|
|
118
|
-
--dds-font-body-sans-03-text-decoration: none;
|
|
119
|
-
--dds-font-body-sans-03-font-family: 'IBM Plex Sans';
|
|
120
|
-
--dds-font-body-sans-03-font-weight: 400;
|
|
121
|
-
--dds-font-body-sans-03-font-style: normal;
|
|
122
|
-
--dds-font-body-sans-03-font-stretch: normal;
|
|
123
|
-
--dds-font-body-sans-03-letter-spacing: 0em;
|
|
124
|
-
--dds-font-body-sans-03-line-height: 1.5em;
|
|
125
|
-
--dds-font-body-sans-03-paragraph-indent: 0px;
|
|
126
|
-
--dds-font-body-sans-03-paragraph-spacing: 18px;
|
|
127
|
-
--dds-font-body-sans-03-text-case: none;
|
|
128
|
-
--dds-font-body-sans-04-font-size: 20px;
|
|
129
|
-
--dds-font-body-sans-04-text-decoration: none;
|
|
130
|
-
--dds-font-body-sans-04-font-family: 'IBM Plex Sans';
|
|
131
|
-
--dds-font-body-sans-04-font-weight: 400;
|
|
132
|
-
--dds-font-body-sans-04-font-style: normal;
|
|
133
|
-
--dds-font-body-sans-04-font-stretch: normal;
|
|
134
|
-
--dds-font-body-sans-04-letter-spacing: 0em;
|
|
135
|
-
--dds-font-body-sans-04-line-height: 1.5em;
|
|
136
|
-
--dds-font-body-sans-04-paragraph-indent: 0px;
|
|
137
|
-
--dds-font-body-sans-04-paragraph-spacing: 20px;
|
|
138
|
-
--dds-font-body-sans-04-text-case: none;
|
|
139
|
-
--dds-font-lead-sans-01-font-size: 18px;
|
|
140
|
-
--dds-font-lead-sans-01-text-decoration: none;
|
|
141
|
-
--dds-font-lead-sans-01-font-family: 'IBM Plex Sans';
|
|
142
|
-
--dds-font-lead-sans-01-font-weight: 600;
|
|
143
|
-
--dds-font-lead-sans-01-font-style: normal;
|
|
144
|
-
--dds-font-lead-sans-01-font-stretch: normal;
|
|
145
|
-
--dds-font-lead-sans-01-letter-spacing: 0em;
|
|
146
|
-
--dds-font-lead-sans-01-line-height: 1.5em;
|
|
147
|
-
--dds-font-lead-sans-01-paragraph-indent: 0px;
|
|
148
|
-
--dds-font-lead-sans-01-paragraph-spacing: 18px;
|
|
149
|
-
--dds-font-lead-sans-01-text-case: none;
|
|
150
|
-
--dds-font-lead-sans-02-font-size: 24px;
|
|
151
|
-
--dds-font-lead-sans-02-text-decoration: none;
|
|
152
|
-
--dds-font-lead-sans-02-font-family: 'IBM Plex Sans';
|
|
153
|
-
--dds-font-lead-sans-02-font-weight: 600;
|
|
154
|
-
--dds-font-lead-sans-02-font-style: normal;
|
|
155
|
-
--dds-font-lead-sans-02-font-stretch: normal;
|
|
156
|
-
--dds-font-lead-sans-02-letter-spacing: 0em;
|
|
157
|
-
--dds-font-lead-sans-02-line-height: 1.35em;
|
|
158
|
-
--dds-font-lead-sans-02-paragraph-indent: 0px;
|
|
159
|
-
--dds-font-lead-sans-02-paragraph-spacing: 16px;
|
|
160
|
-
--dds-font-lead-sans-02-text-case: none;
|
|
161
|
-
--dds-font-lead-sans-03-font-size: 24px;
|
|
162
|
-
--dds-font-lead-sans-03-text-decoration: none;
|
|
163
|
-
--dds-font-lead-sans-03-font-family: 'IBM Plex Sans';
|
|
164
|
-
--dds-font-lead-sans-03-font-weight: 300;
|
|
165
|
-
--dds-font-lead-sans-03-font-style: normal;
|
|
166
|
-
--dds-font-lead-sans-03-font-stretch: normal;
|
|
167
|
-
--dds-font-lead-sans-03-letter-spacing: 0em;
|
|
168
|
-
--dds-font-lead-sans-03-line-height: 1.35em;
|
|
169
|
-
--dds-font-lead-sans-03-paragraph-indent: 0px;
|
|
170
|
-
--dds-font-lead-sans-03-paragraph-spacing: 16px;
|
|
171
|
-
--dds-font-lead-sans-03-text-case: none;
|
|
172
|
-
--dds-font-lead-sans-04-font-size: 32px;
|
|
173
|
-
--dds-font-lead-sans-04-text-decoration: none;
|
|
174
|
-
--dds-font-lead-sans-04-font-family: 'IBM Plex Sans';
|
|
175
|
-
--dds-font-lead-sans-04-font-weight: 300;
|
|
176
|
-
--dds-font-lead-sans-04-font-style: normal;
|
|
177
|
-
--dds-font-lead-sans-04-font-stretch: normal;
|
|
178
|
-
--dds-font-lead-sans-04-letter-spacing: 0em;
|
|
179
|
-
--dds-font-lead-sans-04-line-height: 1.35em;
|
|
180
|
-
--dds-font-lead-sans-04-paragraph-indent: 0px;
|
|
181
|
-
--dds-font-lead-sans-04-paragraph-spacing: 21px;
|
|
182
|
-
--dds-font-lead-sans-04-text-case: none;
|
|
183
|
-
--dds-font-lead-sans-05-font-size: 40px;
|
|
184
|
-
--dds-font-lead-sans-05-text-decoration: none;
|
|
185
|
-
--dds-font-lead-sans-05-font-family: 'IBM Plex Sans';
|
|
186
|
-
--dds-font-lead-sans-05-font-weight: 300;
|
|
187
|
-
--dds-font-lead-sans-05-font-style: normal;
|
|
188
|
-
--dds-font-lead-sans-05-font-stretch: normal;
|
|
189
|
-
--dds-font-lead-sans-05-letter-spacing: -0.01em;
|
|
190
|
-
--dds-font-lead-sans-05-line-height: 1.35em;
|
|
191
|
-
--dds-font-lead-sans-05-paragraph-indent: 0px;
|
|
192
|
-
--dds-font-lead-sans-05-paragraph-spacing: 26px;
|
|
193
|
-
--dds-font-lead-sans-05-text-case: none;
|
|
194
|
-
--dds-font-supporting-style-label-01-font-size: 14px;
|
|
195
|
-
--dds-font-supporting-style-label-01-text-decoration: none;
|
|
196
|
-
--dds-font-supporting-style-label-01-font-family: 'IBM Plex Sans';
|
|
197
|
-
--dds-font-supporting-style-label-01-font-weight: 600;
|
|
198
|
-
--dds-font-supporting-style-label-01-font-style: normal;
|
|
199
|
-
--dds-font-supporting-style-label-01-font-stretch: normal;
|
|
200
|
-
--dds-font-supporting-style-label-01-letter-spacing: 0.01em;
|
|
201
|
-
--dds-font-supporting-style-label-01-line-height: 1.5em;
|
|
202
|
-
--dds-font-supporting-style-label-01-paragraph-indent: 0px;
|
|
203
|
-
--dds-font-supporting-style-label-01-paragraph-spacing: 14px;
|
|
204
|
-
--dds-font-supporting-style-label-01-text-case: none;
|
|
205
|
-
--dds-font-supporting-style-helpertext-01-font-size: 12px;
|
|
206
|
-
--dds-font-supporting-style-helpertext-01-text-decoration: none;
|
|
207
|
-
--dds-font-supporting-style-helpertext-01-font-family: 'IBM Plex Sans';
|
|
208
|
-
--dds-font-supporting-style-helpertext-01-font-weight: 400;
|
|
209
|
-
--dds-font-supporting-style-helpertext-01-font-style: normal;
|
|
210
|
-
--dds-font-supporting-style-helpertext-01-font-stretch: normal;
|
|
211
|
-
--dds-font-supporting-style-helpertext-01-letter-spacing: 0.01em;
|
|
212
|
-
--dds-font-supporting-style-helpertext-01-line-height: 1.5em;
|
|
213
|
-
--dds-font-supporting-style-helpertext-01-paragraph-indent: 0px;
|
|
214
|
-
--dds-font-supporting-style-helpertext-01-paragraph-spacing: 12px;
|
|
215
|
-
--dds-font-supporting-style-helpertext-01-text-case: none;
|
|
216
|
-
--dds-font-supporting-style-placeholdertext-01-font-size: 16px;
|
|
217
|
-
--dds-font-supporting-style-placeholdertext-01-text-decoration: none;
|
|
218
|
-
--dds-font-supporting-style-placeholdertext-01-font-family: 'IBM Plex Sans';
|
|
219
|
-
--dds-font-supporting-style-placeholdertext-01-font-weight: 400;
|
|
220
|
-
--dds-font-supporting-style-placeholdertext-01-font-style: italic;
|
|
221
|
-
--dds-font-supporting-style-placeholdertext-01-font-stretch: normal;
|
|
222
|
-
--dds-font-supporting-style-placeholdertext-01-letter-spacing: 0em;
|
|
223
|
-
--dds-font-supporting-style-placeholdertext-01-line-height: 1.5em;
|
|
224
|
-
--dds-font-supporting-style-placeholdertext-01-paragraph-indent: 0px;
|
|
225
|
-
--dds-font-supporting-style-placeholdertext-01-paragraph-spacing: 16px;
|
|
226
|
-
--dds-font-supporting-style-placeholdertext-01-text-case: none;
|
|
227
|
-
--dds-font-supporting-style-tiny-01-font-size: 12px;
|
|
228
|
-
--dds-font-supporting-style-tiny-01-text-decoration: none;
|
|
229
|
-
--dds-font-supporting-style-tiny-01-font-family: 'IBM Plex Sans';
|
|
230
|
-
--dds-font-supporting-style-tiny-01-font-weight: 400;
|
|
231
|
-
--dds-font-supporting-style-tiny-01-font-style: normal;
|
|
232
|
-
--dds-font-supporting-style-tiny-01-font-stretch: normal;
|
|
233
|
-
--dds-font-supporting-style-tiny-01-letter-spacing: 0.01em;
|
|
234
|
-
--dds-font-supporting-style-tiny-01-line-height: 1.5em;
|
|
235
|
-
--dds-font-supporting-style-tiny-01-paragraph-indent: 0px;
|
|
236
|
-
--dds-font-supporting-style-tiny-01-paragraph-spacing: 12px;
|
|
237
|
-
--dds-font-supporting-style-tiny-01-text-case: none;
|
|
238
|
-
--dds-font-supporting-style-tiny-02-font-size: 12px;
|
|
239
|
-
--dds-font-supporting-style-tiny-02-text-decoration: none;
|
|
240
|
-
--dds-font-supporting-style-tiny-02-font-family: 'IBM Plex Sans';
|
|
241
|
-
--dds-font-supporting-style-tiny-02-font-weight: 300;
|
|
242
|
-
--dds-font-supporting-style-tiny-02-font-style: normal;
|
|
243
|
-
--dds-font-supporting-style-tiny-02-font-stretch: normal;
|
|
244
|
-
--dds-font-supporting-style-tiny-02-letter-spacing: 0.01em;
|
|
245
|
-
--dds-font-supporting-style-tiny-02-line-height: 1.5em;
|
|
246
|
-
--dds-font-supporting-style-tiny-02-paragraph-indent: 0px;
|
|
247
|
-
--dds-font-supporting-style-tiny-02-paragraph-spacing: 12px;
|
|
248
|
-
--dds-font-supporting-style-tiny-02-text-case: none;
|
|
249
|
-
--dds-font-supporting-style-placeholdertext-02-font-size: 14px;
|
|
250
|
-
--dds-font-supporting-style-placeholdertext-02-text-decoration: none;
|
|
251
|
-
--dds-font-supporting-style-placeholdertext-02-font-family: 'IBM Plex Sans';
|
|
252
|
-
--dds-font-supporting-style-placeholdertext-02-font-weight: 400;
|
|
253
|
-
--dds-font-supporting-style-placeholdertext-02-font-style: italic;
|
|
254
|
-
--dds-font-supporting-style-placeholdertext-02-font-stretch: normal;
|
|
255
|
-
--dds-font-supporting-style-placeholdertext-02-letter-spacing: 0.01em;
|
|
256
|
-
--dds-font-supporting-style-placeholdertext-02-line-height: 1.5em;
|
|
257
|
-
--dds-font-supporting-style-placeholdertext-02-paragraph-indent: 0px;
|
|
258
|
-
--dds-font-supporting-style-placeholdertext-02-paragraph-spacing: 14px;
|
|
259
|
-
--dds-font-supporting-style-placeholdertext-02-text-case: none;
|
|
260
|
-
--dds-font-supporting-style-placeholdertext-03-font-size: 12px;
|
|
261
|
-
--dds-font-supporting-style-placeholdertext-03-text-decoration: none;
|
|
262
|
-
--dds-font-supporting-style-placeholdertext-03-font-family: 'IBM Plex Sans';
|
|
263
|
-
--dds-font-supporting-style-placeholdertext-03-font-weight: 400;
|
|
264
|
-
--dds-font-supporting-style-placeholdertext-03-font-style: italic;
|
|
265
|
-
--dds-font-supporting-style-placeholdertext-03-font-stretch: normal;
|
|
266
|
-
--dds-font-supporting-style-placeholdertext-03-letter-spacing: 0.01em;
|
|
267
|
-
--dds-font-supporting-style-placeholdertext-03-line-height: 1.5em;
|
|
268
|
-
--dds-font-supporting-style-placeholdertext-03-paragraph-indent: 0px;
|
|
269
|
-
--dds-font-supporting-style-placeholdertext-03-paragraph-spacing: 12px;
|
|
270
|
-
--dds-font-supporting-style-placeholdertext-03-text-case: none;
|
|
271
|
-
--dds-font-code-monospace-02-font-size: 16px;
|
|
272
|
-
--dds-font-code-monospace-02-text-decoration: none;
|
|
273
|
-
--dds-font-code-monospace-02-font-family: 'IBM Plex Mono';
|
|
274
|
-
--dds-font-code-monospace-02-font-weight: 400;
|
|
275
|
-
--dds-font-code-monospace-02-font-style: normal;
|
|
276
|
-
--dds-font-code-monospace-02-font-stretch: normal;
|
|
277
|
-
--dds-font-code-monospace-02-letter-spacing: 0em;
|
|
278
|
-
--dds-font-code-monospace-02-line-height: 1.5em;
|
|
279
|
-
--dds-font-code-monospace-02-paragraph-indent: 0px;
|
|
280
|
-
--dds-font-code-monospace-02-paragraph-spacing: 9px;
|
|
281
|
-
--dds-font-code-monospace-02-text-case: none;
|
|
282
|
-
--dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
|
|
283
|
-
--dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
|
|
284
|
-
--dds-shadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5);
|
|
285
|
-
--dds-shadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1);
|
|
286
|
-
--dds-shadow-3-ondark: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5);
|
|
287
|
-
--dds-shadow-3-onlight: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1);
|
|
288
|
-
--dds-shadow-4-ondark: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5);
|
|
289
|
-
--dds-shadow-4-onlight: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1);
|
|
290
6
|
--dds-color-primary-lightest: #eaeff4;
|
|
291
7
|
--dds-color-primary-lighter: #acbbc6;
|
|
292
8
|
--dds-color-primary-light: #4f6a7e;
|
|
293
|
-
--dds-color-primary-base: #354754;
|
|
9
|
+
--dds-color-primary-base: #354754; /* Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge */
|
|
294
10
|
--dds-color-primary-dark: #313d45;
|
|
295
11
|
--dds-color-primary-darker: #202b32;
|
|
296
12
|
--dds-color-primary-darkest: #151c22;
|
|
@@ -307,42 +23,42 @@
|
|
|
307
23
|
--dds-color-interactive-lightest: #e7f1f7;
|
|
308
24
|
--dds-color-interactive-lighter: #9fc5de;
|
|
309
25
|
--dds-color-interactive-light: #589ac6;
|
|
310
|
-
--dds-color-interactive-base: #106ead;
|
|
26
|
+
--dds-color-interactive-base: #106ead; /* Interactive brukes til interaksjon. Dette er vanligvis knapper og lenker. Den brukes ofte for å indikere at en komponent er klikkbar eller at man interagerer med den */
|
|
311
27
|
--dds-color-interactive-dark: #0d588a;
|
|
312
28
|
--dds-color-interactive-darker: #0a4268;
|
|
313
29
|
--dds-color-interactive-darkest: #062c45;
|
|
314
|
-
--dds-color-secondary-lightest: #e6eded;
|
|
30
|
+
--dds-color-secondary-lightest: #e6eded; /* --l80 */
|
|
315
31
|
--dds-color-secondary-lighter: #cddbdb;
|
|
316
32
|
--dds-color-secondary-light: #b8cdcd;
|
|
317
|
-
--dds-color-secondary-base: #9ab8b7;
|
|
33
|
+
--dds-color-secondary-base: #9ab8b7; /* Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge. */
|
|
318
34
|
--dds-color-secondary-dark: #7b9392;
|
|
319
35
|
--dds-color-secondary-darker: #4d6463;
|
|
320
36
|
--dds-color-secondary-darkest: #3e4a49;
|
|
321
37
|
--dds-color-tertiary-lightest: #ffe6df;
|
|
322
38
|
--dds-color-tertiary-lighter: #ffd6ca;
|
|
323
39
|
--dds-color-tertiary-light: #f6c1b1;
|
|
324
|
-
--dds-color-tertiary-base: #f2a68f;
|
|
40
|
+
--dds-color-tertiary-base: #f2a68f; /* Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge */
|
|
325
41
|
--dds-color-tertiary-dark: #f59877;
|
|
326
42
|
--dds-color-tertiary-darker: #f27e55;
|
|
327
43
|
--dds-color-tertiary-darkest: #c26544;
|
|
328
44
|
--dds-color-success-lightest: #f0f9f0;
|
|
329
45
|
--dds-color-success-lighter: #c1e5c2;
|
|
330
46
|
--dds-color-success-light: #93d294;
|
|
331
|
-
--dds-color-success-base: #65be66;
|
|
47
|
+
--dds-color-success-base: #65be66; /* Brukes for å kommunisere suksess eller noe som er riktig. */
|
|
332
48
|
--dds-color-success-dark: #519852;
|
|
333
49
|
--dds-color-success-darker: #3d723d;
|
|
334
50
|
--dds-color-success-darkest: #284c29;
|
|
335
51
|
--dds-color-danger-lightest: #fbebeb;
|
|
336
52
|
--dds-color-danger-lighter: #efafaf;
|
|
337
53
|
--dds-color-danger-light: #e47373;
|
|
338
|
-
--dds-color-danger-base: #d83737;
|
|
54
|
+
--dds-color-danger-base: #d83737; /* Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett. */
|
|
339
55
|
--dds-color-danger-dark: #ad2c2c;
|
|
340
56
|
--dds-color-danger-darker: #822121;
|
|
341
57
|
--dds-color-danger-darkest: #561616;
|
|
342
58
|
--dds-color-warning-lightest: #fefced;
|
|
343
59
|
--dds-color-warning-lighter: #fbf3b8;
|
|
344
60
|
--dds-color-warning-light: #f7e982;
|
|
345
|
-
--dds-color-warning-base: #f4e04d;
|
|
61
|
+
--dds-color-warning-base: #f4e04d; /* Brukes for å kommunisere varsler. */
|
|
346
62
|
--dds-color-warning-dark: #c3b33e;
|
|
347
63
|
--dds-color-warning-darker: #92862e;
|
|
348
64
|
--dds-color-warning-darkest: #625a1f;
|
|
@@ -353,97 +69,111 @@
|
|
|
353
69
|
--dds-color-info-dark: #5e94b8;
|
|
354
70
|
--dds-color-info-darker: #466f8a;
|
|
355
71
|
--dds-color-info-darkest: #2f4a5c;
|
|
356
|
-
--dds-color-visited-base: #
|
|
357
|
-
--dds-color-visited-lighter: #
|
|
358
|
-
--dds-color-bg-default: #ffffff;
|
|
359
|
-
--dds-color-bg-subtle: #f8f9f9;
|
|
360
|
-
--dds-color-surface-default: #ffffff;
|
|
361
|
-
--dds-color-surface-subtle: #f8f9f9;
|
|
362
|
-
--dds-color-surface-medium: #ebecee;
|
|
363
|
-
--dds-color-surface-hover-default: #e7f1f7;
|
|
364
|
-
--dds-color-surface-hover-subtle: #f8f9f9;
|
|
365
|
-
--dds-color-surface-selected-default: #e7f1f7;
|
|
366
|
-
--dds-color-surface-inverse-default: #354754;
|
|
367
|
-
--dds-color-surface-inverse-hover: #313d45;
|
|
368
|
-
--dds-color-surface-inverse-selected: #202b32;
|
|
369
|
-
--dds-color-surface-action-resting: #106ead;
|
|
370
|
-
--dds-color-surface-action-hover: #0d588a;
|
|
371
|
-
--dds-color-surface-action-selected: #106ead;
|
|
372
|
-
--dds-color-surface-action-danger-resting: #d83737;
|
|
373
|
-
--dds-color-surface-action-danger-hover: #ad2c2c;
|
|
374
|
-
--dds-color-surface-action-selected-disabled: #77838c;
|
|
375
|
-
--dds-color-surface-danger-default: #fbebeb;
|
|
72
|
+
--dds-color-visited-base: #7f29b4; /* Used for visited links */
|
|
73
|
+
--dds-color-visited-lighter: #cca9e1; /* Used for visited links */
|
|
74
|
+
--dds-color-bg-default: #ffffff; /* UI shell base color */
|
|
75
|
+
--dds-color-bg-subtle: #f8f9f9; /* Alternative UI shell base color */
|
|
76
|
+
--dds-color-surface-default: #ffffff; /* Default bg */
|
|
77
|
+
--dds-color-surface-subtle: #f8f9f9; /* Subtle surface color */
|
|
78
|
+
--dds-color-surface-medium: #ebecee; /* Medium surface color */
|
|
79
|
+
--dds-color-surface-hover-default: #e7f1f7; /* Hover on surface (default, subtle, medium) */
|
|
80
|
+
--dds-color-surface-hover-subtle: #f8f9f9; /* Subtle hover on surface (default, medium) */
|
|
81
|
+
--dds-color-surface-selected-default: #e7f1f7; /* Selected state for surface (default, subtle, medium) */
|
|
82
|
+
--dds-color-surface-inverse-default: #354754; /* Can be used as a surface for menu, navigation, footer etc */
|
|
83
|
+
--dds-color-surface-inverse-hover: #313d45; /* Hover on surface.inverse */
|
|
84
|
+
--dds-color-surface-inverse-selected: #202b32; /* selected on surface.inverse */
|
|
85
|
+
--dds-color-surface-action-resting: #106ead; /* Primary button bg */
|
|
86
|
+
--dds-color-surface-action-hover: #0d588a; /* Hover on surface.action/selected */
|
|
87
|
+
--dds-color-surface-action-selected: #106ead; /* Selected state for components such as togglebutton, togglebar, progress tracker, checkbox etc */
|
|
88
|
+
--dds-color-surface-action-danger-resting: #d83737; /* Danger button */
|
|
89
|
+
--dds-color-surface-action-danger-hover: #ad2c2c; /* Hover on surface.action-danger */
|
|
90
|
+
--dds-color-surface-action-selected-disabled: #77838c; /* bg on a selected disabled checkbox, radio etc */
|
|
91
|
+
--dds-color-surface-danger-default: #fbebeb; /* tag, message, errormessage */
|
|
92
|
+
/**
|
|
93
|
+
* tag strong value
|
|
94
|
+
*
|
|
95
|
+
*/
|
|
376
96
|
--dds-color-surface-danger-strong: #e47373;
|
|
377
|
-
--dds-color-surface-success-default: #f0f9f0;
|
|
378
|
-
--dds-color-surface-success-strong: #93d294;
|
|
379
|
-
--dds-color-surface-warning-default: #fefced;
|
|
380
|
-
--dds-color-surface-warning-strong: #f7e982;
|
|
381
|
-
--dds-color-surface-info-default: #f1f8fd;
|
|
382
|
-
--dds-color-surface-info-strong: #9eceee;
|
|
383
|
-
--dds-color-surface-paper-default: #ffffff;
|
|
384
|
-
--dds-color-surface-backdrop-default: #0b0d0e80;
|
|
385
|
-
--dds-color-surface-field-default: #ffffff;
|
|
386
|
-
--dds-color-surface-field-disabled: #f8f9f9;
|
|
387
|
-
--dds-color-surface-highlighted-default: #ffe6df;
|
|
388
|
-
--dds-color-surface-scrollbar: #adb5ba;
|
|
389
|
-
--dds-color-surface-notification: #d83737;
|
|
390
|
-
--dds-color-surface-skeleton: #cfd4d7;
|
|
391
|
-
--dds-color-border-default: #77838c;
|
|
392
|
-
--dds-color-border-subtle: #cfd4d7;
|
|
393
|
-
--dds-color-border-inverse: #acbbc6;
|
|
394
|
-
--dds-color-border-action-default: #106ead;
|
|
395
|
-
--dds-color-border-action-hover: #0d588a;
|
|
97
|
+
--dds-color-surface-success-default: #f0f9f0; /* tag, message */
|
|
98
|
+
--dds-color-surface-success-strong: #93d294; /* tag with strong value */
|
|
99
|
+
--dds-color-surface-warning-default: #fefced; /* tag, message */
|
|
100
|
+
--dds-color-surface-warning-strong: #f7e982; /* tag strong value */
|
|
101
|
+
--dds-color-surface-info-default: #f1f8fd; /* tag, message */
|
|
102
|
+
--dds-color-surface-info-strong: #9eceee; /* tag strong value */
|
|
103
|
+
--dds-color-surface-paper-default: #ffffff; /* modal, drawer, popover etc */
|
|
104
|
+
--dds-color-surface-backdrop-default: #0b0d0e80; /* background overlay for modals (50%) */
|
|
105
|
+
--dds-color-surface-field-default: #ffffff; /* Form elements (textinput, datepicker etc) */
|
|
106
|
+
--dds-color-surface-field-disabled: #f8f9f9; /* disabled state on surface.field */
|
|
107
|
+
--dds-color-surface-highlighted-default: #ffe6df; /* bg for highlighted text on text.default. Use with $Text */
|
|
108
|
+
--dds-color-surface-scrollbar: #adb5ba; /* Used for scrollbar */
|
|
109
|
+
--dds-color-surface-notification: #d83737; /* bg on a notification */
|
|
110
|
+
--dds-color-surface-skeleton: #cfd4d7; /* Used for skeleton */
|
|
111
|
+
--dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
|
|
112
|
+
--dds-color-border-subtle: #cfd4d7; /* Dropdown, tooltip, overflow etc */
|
|
113
|
+
--dds-color-border-inverse: #acbbc6; /* Border or divider on surface.inverse */
|
|
114
|
+
--dds-color-border-action-default: #106ead; /* Used in progress tracker */
|
|
115
|
+
--dds-color-border-action-hover: #0d588a; /* Hover on secondary button etc */
|
|
116
|
+
/**
|
|
117
|
+
* Tag-default
|
|
118
|
+
*
|
|
119
|
+
*/
|
|
396
120
|
--dds-color-border-success: #65be66;
|
|
397
|
-
--dds-color-border-warning: #f4e04d;
|
|
398
|
-
--dds-color-border-danger: #d83737;
|
|
399
|
-
--dds-color-border-info: #75b9e6;
|
|
400
|
-
--dds-color-border-on-action: #ffffff;
|
|
401
|
-
--dds-color-text-default: #0b0d0e;
|
|
402
|
-
--dds-color-text-medium: #3a4146;
|
|
403
|
-
--dds-color-text-subtle: #545c62;
|
|
404
|
-
--dds-color-text-on-inverse: #ffffff;
|
|
405
|
-
--dds-color-text-on-action: #ffffff;
|
|
406
|
-
--dds-color-text-on-status-default: #0b0d0e;
|
|
407
|
-
--dds-color-text-on-status-strong: #0b0d0e;
|
|
408
|
-
--dds-color-text-action-resting: #106ead;
|
|
409
|
-
--dds-color-text-action-hover: #0d588a;
|
|
410
|
-
--dds-color-text-requiredfield: #d83737;
|
|
411
|
-
--dds-color-text-action-visited: #
|
|
412
|
-
--dds-color-text-on-
|
|
413
|
-
--dds-color-
|
|
414
|
-
--dds-color-icon-
|
|
415
|
-
--dds-color-icon-
|
|
416
|
-
--dds-color-icon-
|
|
417
|
-
--dds-color-icon-on-
|
|
418
|
-
--dds-color-icon-action
|
|
419
|
-
--dds-color-icon-action-
|
|
420
|
-
--dds-color-icon-
|
|
421
|
-
--dds-color-icon-on-success-
|
|
422
|
-
--dds-color-icon-on-
|
|
423
|
-
--dds-color-icon-on-warning-
|
|
424
|
-
--dds-color-icon-on-
|
|
425
|
-
--dds-color-icon-on-danger-
|
|
426
|
-
--dds-color-icon-on-
|
|
427
|
-
--dds-color-icon-on-info-
|
|
428
|
-
--dds-color-
|
|
429
|
-
--dds-color-brand-primary-
|
|
430
|
-
--dds-color-brand-primary-
|
|
121
|
+
--dds-color-border-warning: #f4e04d; /* Tag.default */
|
|
122
|
+
--dds-color-border-danger: #d83737; /* Tag.default, error message field */
|
|
123
|
+
--dds-color-border-info: #75b9e6; /* Tag.default */
|
|
124
|
+
--dds-color-border-on-action: #ffffff; /* Used on primary split button */
|
|
125
|
+
--dds-color-text-default: #0b0d0e; /* default text, heading, body. on surface.hover */
|
|
126
|
+
--dds-color-text-medium: #3a4146; /* Label, etc */
|
|
127
|
+
--dds-color-text-subtle: #545c62; /* Disabled or less important text */
|
|
128
|
+
--dds-color-text-on-inverse: #ffffff; /* On surface.inverse */
|
|
129
|
+
--dds-color-text-on-action: #ffffff; /* On surface.action (primary and danger button) */
|
|
130
|
+
--dds-color-text-on-status-default: #0b0d0e; /* On default status surfaces */
|
|
131
|
+
--dds-color-text-on-status-strong: #0b0d0e; /* On status surfaces with strong prop */
|
|
132
|
+
--dds-color-text-action-resting: #106ead; /* Link, number in progress tracker */
|
|
133
|
+
--dds-color-text-action-hover: #0d588a; /* Hover on text.action */
|
|
134
|
+
--dds-color-text-requiredfield: #d83737; /* Asterix to indicate required field */
|
|
135
|
+
--dds-color-text-action-visited: #7f29b4; /* Used for visited links */
|
|
136
|
+
--dds-color-text-action-visited-on-inverse: #cca9e1; /* Used for visited links on inverse surfaces */
|
|
137
|
+
--dds-color-text-on-notification: #ffffff; /* Used on surface.notification */
|
|
138
|
+
--dds-color-icon-default: #0b0d0e; /* Often used with text.default */
|
|
139
|
+
--dds-color-icon-medium: #3a4146; /* Often used with text.medium */
|
|
140
|
+
--dds-color-icon-subtle: #545c62; /* Often used with text.subtle */
|
|
141
|
+
--dds-color-icon-on-inverse: #ffffff; /* On surface.inverse */
|
|
142
|
+
--dds-color-icon-on-action: #ffffff; /* On surface.action (primary and danger button) */
|
|
143
|
+
--dds-color-icon-action-resting: #106ead; /* Often used with Text.action */
|
|
144
|
+
--dds-color-icon-action-hover: #0d588a; /* hover on icon-action, used on secondary buttons etc */
|
|
145
|
+
--dds-color-icon-on-success-default: #3d723d; /* On surface.success-default */
|
|
146
|
+
--dds-color-icon-on-success-strong: #0b0d0e; /* On surface-success-strong */
|
|
147
|
+
--dds-color-icon-on-warning-default: #92862e; /* On surface.warning-default */
|
|
148
|
+
--dds-color-icon-on-warning-strong: #0b0d0e; /* On surface.warning-strong */
|
|
149
|
+
--dds-color-icon-on-danger-default: #ad2c2c; /* On surface.danger-default */
|
|
150
|
+
--dds-color-icon-on-danger-strong: #0b0d0e; /* On surface.danger-strong */
|
|
151
|
+
--dds-color-icon-on-info-default: #466f8a; /* On surface.info-default */
|
|
152
|
+
--dds-color-icon-on-info-strong: #0b0d0e; /* On surface.info-strong */
|
|
153
|
+
--dds-color-brand-primary-default: #354754; /* Primary brand color */
|
|
154
|
+
--dds-color-brand-primary-subtle: #eaeff4; /* Primary brand color */
|
|
155
|
+
--dds-color-brand-primary-medium: #4f6a7e; /* Primary brand color */
|
|
431
156
|
--dds-color-brand-primary-strong: #202b32;
|
|
432
|
-
--dds-color-brand-secondary-default: #9ab8b7;
|
|
433
|
-
--dds-color-brand-secondary-subtle: #e6eded;
|
|
434
|
-
--dds-color-brand-secondary-medium: #b8cdcd;
|
|
157
|
+
--dds-color-brand-secondary-default: #9ab8b7; /* Secondary brand color */
|
|
158
|
+
--dds-color-brand-secondary-subtle: #e6eded; /* Secondary brand color */
|
|
159
|
+
--dds-color-brand-secondary-medium: #b8cdcd; /* Secondary brand color */
|
|
435
160
|
--dds-color-brand-secondary-strong: #4d6463;
|
|
436
|
-
--dds-color-brand-tertiary-default: #f2a68f;
|
|
437
|
-
--dds-color-brand-tertiary-subtle: #ffe6df;
|
|
438
|
-
--dds-color-brand-tertiary-medium: #f6c1b1;
|
|
161
|
+
--dds-color-brand-tertiary-default: #f2a68f; /* Tertiary brand color */
|
|
162
|
+
--dds-color-brand-tertiary-subtle: #ffe6df; /* Tertiary brand color */
|
|
163
|
+
--dds-color-brand-tertiary-medium: #f6c1b1; /* Tertiary brand color */
|
|
439
164
|
--dds-color-brand-tertiary-strong: #f27e55;
|
|
440
|
-
--dds-color-focus-outside: #2f4a5c;
|
|
441
|
-
--dds-color-focus-inside: #f1f8fd;
|
|
165
|
+
--dds-color-focus-outside: #2f4a5c; /* Contrast to .inside */
|
|
166
|
+
--dds-color-focus-inside: #f1f8fd; /* Contrast to .outside */
|
|
442
167
|
--dds-border-radius-0: 0px;
|
|
443
168
|
--dds-border-radius-1: 2px;
|
|
444
169
|
--dds-border-radius-2: 4px;
|
|
445
170
|
--dds-border-radius-3: 8px;
|
|
446
|
-
--dds-border-radius-100: 9999px;
|
|
171
|
+
--dds-border-radius-100: 9999px; /* Rounded buttons, round shapes etc */
|
|
172
|
+
--dds-border-radius-button: 2px; /* For use in button component and togglebutton */
|
|
173
|
+
--dds-border-radius-surface: 2px; /* Most surfaces, for example cards, papers, messages, backgrounds in GUI */
|
|
174
|
+
--dds-border-radius-input: 2px; /* All input fields, and check boxes */
|
|
175
|
+
--dds-border-radius-chip: 2px; /* chips and tags */
|
|
176
|
+
--dds-border-radius-rounded: 9999px; /* rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
|
|
447
177
|
--dds-spacing-x0: 0px;
|
|
448
178
|
--dds-spacing-x0-125: 2px;
|
|
449
179
|
--dds-spacing-x0-25: 4px;
|
|
@@ -457,7 +187,66 @@
|
|
|
457
187
|
--dds-spacing-x4: 64px;
|
|
458
188
|
--dds-spacing-x6: 96px;
|
|
459
189
|
--dds-spacing-x10: 160px;
|
|
460
|
-
--dds-spacing-padding-top-heading: 0.7em;
|
|
190
|
+
--dds-spacing-padding-top-heading: 0.7em; /* Ekstra spacing over dds-header. 70% av størrelsen på headeren */
|
|
191
|
+
--dds-shadow-1: 1px 2px 4px 0px rgba(11, 13, 14, 10%);
|
|
192
|
+
--dds-shadow-2: 2px 4px 8px 0px rgba(11, 13, 14, 10%);
|
|
193
|
+
--dds-shadow-3: 4px 8px 16px 0px rgba(11, 13, 14, 10%);
|
|
194
|
+
--dds-shadow-4: 8px 16px 32px 0px rgba(11, 13, 14, 10%);
|
|
195
|
+
--dds-font-family-sans: 'IBM Plex Sans';
|
|
196
|
+
--dds-font-family-monospace: 'IBM Plex Mono'; /* For kode */
|
|
197
|
+
--dds-font-size-x5: 5rem;
|
|
198
|
+
--dds-font-size-x4: 4rem;
|
|
199
|
+
--dds-font-size-x3: 3rem;
|
|
200
|
+
--dds-font-size-x2-5: 2.5rem;
|
|
201
|
+
--dds-font-size-x2: 2rem;
|
|
202
|
+
--dds-font-size-x1-5: 1.5rem;
|
|
203
|
+
--dds-font-size-x1-25: 1.25rem;
|
|
204
|
+
--dds-font-size-x1-125: 1.125rem;
|
|
205
|
+
--dds-font-size-x1: 1rem;
|
|
206
|
+
--dds-font-size-x0-875: 0.875rem;
|
|
207
|
+
--dds-font-size-x0-75: 0.75rem;
|
|
208
|
+
--dds-font-weight-light: 300;
|
|
209
|
+
--dds-font-weight-normal: 400;
|
|
210
|
+
--dds-font-weight-bold: 600;
|
|
211
|
+
--dds-font-lineheight-x1: 1.5; /* Brukes på str ×1_25 og mindre */
|
|
212
|
+
--dds-font-lineheight-x2: 1.35; /* Brukes på str x1.5, ×2 og ×3 */
|
|
213
|
+
--dds-font-lineheight-x3: 1.2; /* Brukes på str ×3 og større */
|
|
214
|
+
--dds-font-lineheight-list: 2.5; /* Brukes på lister */
|
|
215
|
+
--dds-font-letter-spacing-tight: -0.01em; /* Brukes på str ×2.5 og større */
|
|
216
|
+
--dds-font-letter-spacing-normal: 0em; /* Brukes på str ×1 og opp til og med ×2 */
|
|
217
|
+
--dds-font-letter-spacing-loose: 0.01em; /* Brukes på størrelser under ×1 */
|
|
218
|
+
--dds-font-paragraph-spacing-small: 1em; /* Brukes på str ×1_25 og mindre */
|
|
219
|
+
--dds-font-paragraph-spacing-medium: 0.66em; /* Brukes på str x1.5, ×2 og ×3 */
|
|
220
|
+
--dds-font-paragraph-spacing-large: 0.5em; /* Brukes på str ×3 og større */
|
|
221
|
+
--dds-font-paragraph-spacing-heading: 0.4em; /* Brukes på på alle headere (bottom) */
|
|
222
|
+
--dds-font-supporting-style-label-01: 600 0.875rem/1.5 'IBM Plex Sans'; /* Label for form components */
|
|
223
|
+
--dds-font-supporting-style-helpertext-01: 400 0.75rem/1.5 'IBM Plex Sans'; /* Helper text for form components */
|
|
224
|
+
--dds-font-supporting-style-placeholdertext-01: 400 1rem/1.5 'IBM Plex Sans'; /* placeholder for form components (select) */
|
|
225
|
+
--dds-font-supporting-style-placeholdertext-02: 400 0.875rem/1.5 'IBM Plex Sans'; /* placeholder for form components (select) */
|
|
226
|
+
--dds-font-supporting-style-placeholdertext-03: 400 0.75rem/1.5 'IBM Plex Sans'; /* placeholder for form components (select) */
|
|
227
|
+
--dds-font-supporting-style-tiny-01: 400 0.75rem/1.5 'IBM Plex Sans'; /* Veldig liten font-størrelse, bruk sparsomt */
|
|
228
|
+
--dds-font-supporting-style-tiny-02: 300 0.75rem/1.5 'IBM Plex Sans'; /* Veldig liten font-størrelse, bruk sparsomt */
|
|
229
|
+
--dds-font-body-sans-01: 400 0.875rem/1.5 'IBM Plex Sans';
|
|
230
|
+
--dds-font-body-sans-02: 400 1rem/1.5 'IBM Plex Sans';
|
|
231
|
+
--dds-font-body-sans-03: 400 1.125rem/1.5 'IBM Plex Sans';
|
|
232
|
+
--dds-font-body-sans-04: 400 1.25rem/1.5 'IBM Plex Sans';
|
|
233
|
+
--dds-font-heading-sans-01: 600 1rem/1.5 'IBM Plex Sans';
|
|
234
|
+
--dds-font-heading-sans-02: 600 1.125rem/1.35 'IBM Plex Sans';
|
|
235
|
+
--dds-font-heading-sans-03: 400 1.5rem/1.35 'IBM Plex Sans';
|
|
236
|
+
--dds-font-heading-sans-04: 400 2rem/1.35 'IBM Plex Sans';
|
|
237
|
+
--dds-font-heading-sans-05: 300 2.5rem/1.35 'IBM Plex Sans';
|
|
238
|
+
--dds-font-heading-sans-06: 300 3rem/1.2 'IBM Plex Sans';
|
|
239
|
+
--dds-font-heading-sans-07: 300 4rem/1.2 'IBM Plex Sans';
|
|
240
|
+
--dds-font-heading-sans-08: 300 5rem/1.2 'IBM Plex Sans';
|
|
241
|
+
--dds-font-lead-sans-01: 600 1.125rem/1.5 'IBM Plex Sans'; /* Lead brukes som ingress når man skriver artikler etc */
|
|
242
|
+
--dds-font-lead-sans-02: 600 1.5rem/1.35 'IBM Plex Sans'; /* Lead brukes som ingress når man skriver artikler etc */
|
|
243
|
+
--dds-font-lead-sans-03: 300 1.5rem/1.35 'IBM Plex Sans'; /* Lead brukes som ingress når man skriver artikler etc */
|
|
244
|
+
--dds-font-lead-sans-04: 300 2rem/1.35 'IBM Plex Sans'; /* Lead brukes som ingress når man skriver artikler etc */
|
|
245
|
+
--dds-font-lead-sans-05: 300 2.5rem/1.35 'IBM Plex Sans'; /* Lead brukes som ingress når man skriver artikler etc */
|
|
246
|
+
--dds-font-code-monospace-02: 400 1rem/1.5 'IBM Plex Mono'; /* Brukes for kodesnutter etc */
|
|
247
|
+
--dds-font-style-underline: underline;
|
|
248
|
+
--dds-font-style-normal: none;
|
|
249
|
+
--dds-font-style-italic: italic;
|
|
461
250
|
--dds-icon-size-large: 40px;
|
|
462
251
|
--dds-icon-size-medium: 24px;
|
|
463
252
|
--dds-icon-size-small: 16px;
|
|
@@ -476,4 +265,57 @@
|
|
|
476
265
|
--dds-breakpoint-md: 960px;
|
|
477
266
|
--dds-breakpoint-lg: 1280px;
|
|
478
267
|
--dds-breakpoint-xl: 1920px;
|
|
268
|
+
--dds-font-supporting-style-label-01-letter-spacing: 0.01em;
|
|
269
|
+
--dds-font-supporting-style-label-01-paragraph-spacing: 1em;
|
|
270
|
+
--dds-font-supporting-style-helpertext-01-letter-spacing: 0.01em;
|
|
271
|
+
--dds-font-supporting-style-helpertext-01-paragraph-spacing: 1em;
|
|
272
|
+
--dds-font-supporting-style-placeholdertext-01-letter-spacing: 0em;
|
|
273
|
+
--dds-font-supporting-style-placeholdertext-01-paragraph-spacing: 1em;
|
|
274
|
+
--dds-font-supporting-style-placeholdertext-01-font-style: italic;
|
|
275
|
+
--dds-font-supporting-style-placeholdertext-02-letter-spacing: 0.01em;
|
|
276
|
+
--dds-font-supporting-style-placeholdertext-02-paragraph-spacing: 1em;
|
|
277
|
+
--dds-font-supporting-style-placeholdertext-02-font-style: italic;
|
|
278
|
+
--dds-font-supporting-style-placeholdertext-03-letter-spacing: 0.01em;
|
|
279
|
+
--dds-font-supporting-style-placeholdertext-03-paragraph-spacing: 1em;
|
|
280
|
+
--dds-font-supporting-style-placeholdertext-03-font-style: italic;
|
|
281
|
+
--dds-font-supporting-style-tiny-01-letter-spacing: 0.01em;
|
|
282
|
+
--dds-font-supporting-style-tiny-01-paragraph-spacing: 1em;
|
|
283
|
+
--dds-font-supporting-style-tiny-02-letter-spacing: 0.01em;
|
|
284
|
+
--dds-font-supporting-style-tiny-02-paragraph-spacing: 1em;
|
|
285
|
+
--dds-font-body-sans-01-letter-spacing: 0.01em;
|
|
286
|
+
--dds-font-body-sans-01-paragraph-spacing: 1em;
|
|
287
|
+
--dds-font-body-sans-02-letter-spacing: 0em;
|
|
288
|
+
--dds-font-body-sans-02-paragraph-spacing: 1em;
|
|
289
|
+
--dds-font-body-sans-03-letter-spacing: 0em;
|
|
290
|
+
--dds-font-body-sans-03-paragraph-spacing: 1em;
|
|
291
|
+
--dds-font-body-sans-04-letter-spacing: 0em;
|
|
292
|
+
--dds-font-body-sans-04-paragraph-spacing: 1em;
|
|
293
|
+
--dds-font-heading-sans-01-letter-spacing: 0em;
|
|
294
|
+
--dds-font-heading-sans-01-paragraph-spacing: 0.4em;
|
|
295
|
+
--dds-font-heading-sans-02-letter-spacing: 0em;
|
|
296
|
+
--dds-font-heading-sans-02-paragraph-spacing: 0.4em;
|
|
297
|
+
--dds-font-heading-sans-03-letter-spacing: 0em;
|
|
298
|
+
--dds-font-heading-sans-03-paragraph-spacing: 0.4em;
|
|
299
|
+
--dds-font-heading-sans-04-letter-spacing: 0em;
|
|
300
|
+
--dds-font-heading-sans-04-paragraph-spacing: 0.4em;
|
|
301
|
+
--dds-font-heading-sans-05-letter-spacing: -0.01em;
|
|
302
|
+
--dds-font-heading-sans-05-paragraph-spacing: 0.4em;
|
|
303
|
+
--dds-font-heading-sans-06-letter-spacing: -0.01em;
|
|
304
|
+
--dds-font-heading-sans-06-paragraph-spacing: 0.4em;
|
|
305
|
+
--dds-font-heading-sans-07-letter-spacing: -0.01em;
|
|
306
|
+
--dds-font-heading-sans-07-paragraph-spacing: 0.4em;
|
|
307
|
+
--dds-font-heading-sans-08-letter-spacing: -0.01em;
|
|
308
|
+
--dds-font-heading-sans-08-paragraph-spacing: 0.4em;
|
|
309
|
+
--dds-font-lead-sans-01-letter-spacing: 0em;
|
|
310
|
+
--dds-font-lead-sans-01-paragraph-spacing: 1em;
|
|
311
|
+
--dds-font-lead-sans-02-letter-spacing: 0em;
|
|
312
|
+
--dds-font-lead-sans-02-paragraph-spacing: 0.66em;
|
|
313
|
+
--dds-font-lead-sans-03-letter-spacing: 0em;
|
|
314
|
+
--dds-font-lead-sans-03-paragraph-spacing: 0.66em;
|
|
315
|
+
--dds-font-lead-sans-04-letter-spacing: 0em;
|
|
316
|
+
--dds-font-lead-sans-04-paragraph-spacing: 0.66em;
|
|
317
|
+
--dds-font-lead-sans-05-letter-spacing: -0.01em;
|
|
318
|
+
--dds-font-lead-sans-05-paragraph-spacing: 0.66em;
|
|
319
|
+
--dds-font-code-monospace-02-letter-spacing: 0em;
|
|
320
|
+
--dds-font-code-monospace-02-paragraph-spacing: 1em;
|
|
479
321
|
}
|