@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.
Files changed (69) hide show
  1. package/README.md +2 -2
  2. package/dist/cjs/dds/build/js/ddsTokens.d.ts +412 -629
  3. package/dist/cjs/dds/index.d.ts +0 -9
  4. package/dist/cjs/index.js +826 -11036
  5. package/dist/cjs/src/index.d.ts +414 -2
  6. package/dist/css/ddsTokens.css +218 -376
  7. package/dist/dds/build/js/ddsTokens.d.ts +412 -629
  8. package/dist/dds/build/js/ddsTokens.js +414 -630
  9. package/dist/dds/index.d.ts +0 -9
  10. package/dist/index.js +5 -2
  11. package/dist/scss/_ddsTokens.scss +214 -376
  12. package/dist/src/index.d.ts +414 -2
  13. package/package.json +7 -5
  14. package/dist/cjs/dds/build/js/borderRadius.d.ts +0 -10
  15. package/dist/cjs/dds/build/js/breakpoints.d.ts +0 -10
  16. package/dist/cjs/dds/build/js/colors.d.ts +0 -156
  17. package/dist/cjs/dds/build/js/font.d.ts +0 -400
  18. package/dist/cjs/dds/build/js/fontObject.d.ts +0 -6614
  19. package/dist/cjs/dds/build/js/grid.d.ts +0 -15
  20. package/dist/cjs/dds/build/js/iconSize.d.ts +0 -6
  21. package/dist/cjs/dds/build/js/outershadow.d.ts +0 -12
  22. package/dist/cjs/dds/build/js/spacing.d.ts +0 -28
  23. package/dist/cjs/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
  24. package/dist/cjs/dds/formattedStyles/fontPackages/index.d.ts +0 -1
  25. package/dist/cjs/dds/utils/fontPackageFormatter.d.ts +0 -22
  26. package/dist/cjs/src/ddsBaseTokens.d.ts +0 -1119
  27. package/dist/cjs/src/ddsReferenceTokens.d.ts +0 -45
  28. package/dist/css/borderRadius.css +0 -12
  29. package/dist/css/breakpoints.css +0 -12
  30. package/dist/css/colors.css +0 -159
  31. package/dist/css/font.css +0 -282
  32. package/dist/css/grid.css +0 -17
  33. package/dist/css/iconSize.css +0 -10
  34. package/dist/css/outershadow.css +0 -15
  35. package/dist/css/spacing.css +0 -21
  36. package/dist/dds/build/js/borderRadius.d.ts +0 -10
  37. package/dist/dds/build/js/borderRadius.js +0 -12
  38. package/dist/dds/build/js/breakpoints.d.ts +0 -10
  39. package/dist/dds/build/js/breakpoints.js +0 -12
  40. package/dist/dds/build/js/colors.d.ts +0 -156
  41. package/dist/dds/build/js/colors.js +0 -158
  42. package/dist/dds/build/js/font.d.ts +0 -400
  43. package/dist/dds/build/js/font.js +0 -402
  44. package/dist/dds/build/js/fontObject.d.ts +0 -6614
  45. package/dist/dds/build/js/fontObject.js +0 -8366
  46. package/dist/dds/build/js/grid.d.ts +0 -15
  47. package/dist/dds/build/js/grid.js +0 -17
  48. package/dist/dds/build/js/iconSize.d.ts +0 -6
  49. package/dist/dds/build/js/iconSize.js +0 -8
  50. package/dist/dds/build/js/outershadow.d.ts +0 -12
  51. package/dist/dds/build/js/outershadow.js +0 -14
  52. package/dist/dds/build/js/spacing.d.ts +0 -28
  53. package/dist/dds/build/js/spacing.js +0 -30
  54. package/dist/dds/formattedStyles/fontPackages/fontPackages.d.ts +0 -477
  55. package/dist/dds/formattedStyles/fontPackages/fontPackages.js +0 -33
  56. package/dist/dds/formattedStyles/fontPackages/index.d.ts +0 -1
  57. package/dist/dds/utils/fontPackageFormatter.d.ts +0 -22
  58. package/dist/dds/utils/fontPackageFormatter.js +0 -23
  59. package/dist/ddsBaseTokens.js +0 -25
  60. package/dist/ddsReferenceTokens.js +0 -45
  61. package/dist/scss/_borderRadius.scss +0 -9
  62. package/dist/scss/_breakpoints.scss +0 -9
  63. package/dist/scss/_colors.scss +0 -156
  64. package/dist/scss/_font.scss +0 -279
  65. package/dist/scss/_iconSize.scss +0 -7
  66. package/dist/scss/_outershadow.scss +0 -12
  67. package/dist/scss/_spacing.scss +0 -18
  68. package/dist/src/ddsBaseTokens.d.ts +0 -1119
  69. package/dist/src/ddsReferenceTokens.d.ts +0 -45
@@ -1,15 +0,0 @@
1
- export declare const DdsGridXsCount = "4";
2
- export declare const DdsGridXsGutterSize = "16px";
3
- export declare const DdsGridXsGutterSizeNumberPx = 16;
4
- export declare const DdsGridSmCount = "8";
5
- export declare const DdsGridSmGutterSize = "16px";
6
- export declare const DdsGridSmGutterSizeNumberPx = 16;
7
- export declare const DdsGridLgCount = "12";
8
- export declare const DdsGridLgGutterSize = "24px";
9
- export declare const DdsGridLgGutterSizeNumberPx = 24;
10
- export declare const DdsGridMdCount = "12";
11
- export declare const DdsGridMdGutterSize = "24px";
12
- export declare const DdsGridMdGutterSizeNumberPx = 24;
13
- export declare const DdsGridXlCount = "12";
14
- export declare const DdsGridXlGutterSize = "24px";
15
- export declare const DdsGridXlGutterSizeNumberPx = 24;
@@ -1,6 +0,0 @@
1
- export declare const DdsIconSizeLarge = "40px";
2
- export declare const DdsIconSizeLargeNumberPx = 40;
3
- export declare const DdsIconSizeMedium = "24px";
4
- export declare const DdsIconSizeMediumNumberPx = 24;
5
- export declare const DdsIconSizeSmall = "16px";
6
- export declare const DdsIconSizeSmallNumberPx = 16;
@@ -1,12 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 23 Jul 2024 10:51:13 GMT
4
- */
5
- export declare const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
- export declare const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
7
- export declare const DdsShadow2Ondark = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5)";
8
- export declare const DdsShadow2Onlight = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1)";
9
- export declare const DdsShadow3Ondark = " 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5)";
10
- export declare const DdsShadow3Onlight = " 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1)";
11
- export declare const DdsShadow4Ondark = " 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5)";
12
- export declare const DdsShadow4Onlight = " 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1)";
@@ -1,28 +0,0 @@
1
- export declare const DdsSpacingX0 = "0px";
2
- export declare const DdsSpacingX0NumberPx = 0;
3
- export declare const DdsSpacingX0125 = "2px";
4
- export declare const DdsSpacingX0125NumberPx = 2;
5
- export declare const DdsSpacingX025 = "4px";
6
- export declare const DdsSpacingX025NumberPx = 4;
7
- export declare const DdsSpacingX05 = "8px";
8
- export declare const DdsSpacingX05NumberPx = 8;
9
- export declare const DdsSpacingX075 = "12px";
10
- export declare const DdsSpacingX075NumberPx = 12;
11
- export declare const DdsSpacingX1 = "16px";
12
- export declare const DdsSpacingX1NumberPx = 16;
13
- export declare const DdsSpacingX15 = "24px";
14
- export declare const DdsSpacingX15NumberPx = 24;
15
- export declare const DdsSpacingX2 = "32px";
16
- export declare const DdsSpacingX2NumberPx = 32;
17
- export declare const DdsSpacingX25 = "40px";
18
- export declare const DdsSpacingX25NumberPx = 40;
19
- export declare const DdsSpacingX3 = "48px";
20
- export declare const DdsSpacingX3NumberPx = 48;
21
- export declare const DdsSpacingX4 = "64px";
22
- export declare const DdsSpacingX4NumberPx = 64;
23
- export declare const DdsSpacingX6 = "96px";
24
- export declare const DdsSpacingX6NumberPx = 96;
25
- export declare const DdsSpacingX10 = "160px";
26
- export declare const DdsSpacingX10NumberPx = 160;
27
- export declare const DdsSpacingPaddingTopHeading = "0.7em";
28
- export declare const DdsSpacingPaddingTopHeadingNumberEm = 0.7;
@@ -1,477 +0,0 @@
1
- export declare const fontPackages: {
2
- heading_sans_01: {
3
- base: {
4
- lineHeight: string;
5
- fontSize: string;
6
- letterSpacing: string;
7
- fontFamily: string;
8
- fontWeight: number;
9
- fontStyle: string;
10
- };
11
- numbers: {
12
- lineHeightNumber: number;
13
- fontSizeNumber: number;
14
- letterSpacingNumber: number;
15
- paragraphSpacingNumber: number;
16
- };
17
- paragraph: {
18
- paragraphSpacing: string;
19
- };
20
- };
21
- heading_sans_02: {
22
- base: {
23
- lineHeight: string;
24
- fontSize: string;
25
- letterSpacing: string;
26
- fontFamily: string;
27
- fontWeight: number;
28
- fontStyle: string;
29
- };
30
- numbers: {
31
- lineHeightNumber: number;
32
- fontSizeNumber: number;
33
- letterSpacingNumber: number;
34
- paragraphSpacingNumber: number;
35
- };
36
- paragraph: {
37
- paragraphSpacing: string;
38
- };
39
- };
40
- heading_sans_03: {
41
- base: {
42
- lineHeight: string;
43
- fontSize: string;
44
- letterSpacing: string;
45
- fontFamily: string;
46
- fontWeight: number;
47
- fontStyle: string;
48
- };
49
- numbers: {
50
- lineHeightNumber: number;
51
- fontSizeNumber: number;
52
- letterSpacingNumber: number;
53
- paragraphSpacingNumber: number;
54
- };
55
- paragraph: {
56
- paragraphSpacing: string;
57
- };
58
- };
59
- heading_sans_04: {
60
- base: {
61
- lineHeight: string;
62
- fontSize: string;
63
- letterSpacing: string;
64
- fontFamily: string;
65
- fontWeight: number;
66
- fontStyle: string;
67
- };
68
- numbers: {
69
- lineHeightNumber: number;
70
- fontSizeNumber: number;
71
- letterSpacingNumber: number;
72
- paragraphSpacingNumber: number;
73
- };
74
- paragraph: {
75
- paragraphSpacing: string;
76
- };
77
- };
78
- heading_sans_05: {
79
- base: {
80
- lineHeight: string;
81
- fontSize: string;
82
- letterSpacing: string;
83
- fontFamily: string;
84
- fontWeight: number;
85
- fontStyle: string;
86
- };
87
- numbers: {
88
- lineHeightNumber: number;
89
- fontSizeNumber: number;
90
- letterSpacingNumber: number;
91
- paragraphSpacingNumber: number;
92
- };
93
- paragraph: {
94
- paragraphSpacing: string;
95
- };
96
- };
97
- heading_sans_06: {
98
- base: {
99
- lineHeight: string;
100
- fontSize: string;
101
- letterSpacing: string;
102
- fontFamily: string;
103
- fontWeight: number;
104
- fontStyle: string;
105
- };
106
- numbers: {
107
- lineHeightNumber: number;
108
- fontSizeNumber: number;
109
- letterSpacingNumber: number;
110
- paragraphSpacingNumber: number;
111
- };
112
- paragraph: {
113
- paragraphSpacing: string;
114
- };
115
- };
116
- heading_sans_07: {
117
- base: {
118
- lineHeight: string;
119
- fontSize: string;
120
- letterSpacing: string;
121
- fontFamily: string;
122
- fontWeight: number;
123
- fontStyle: string;
124
- };
125
- numbers: {
126
- lineHeightNumber: number;
127
- fontSizeNumber: number;
128
- letterSpacingNumber: number;
129
- paragraphSpacingNumber: number;
130
- };
131
- paragraph: {
132
- paragraphSpacing: string;
133
- };
134
- };
135
- heading_sans_08: {
136
- base: {
137
- lineHeight: string;
138
- fontSize: string;
139
- letterSpacing: string;
140
- fontFamily: string;
141
- fontWeight: number;
142
- fontStyle: string;
143
- };
144
- numbers: {
145
- lineHeightNumber: number;
146
- fontSizeNumber: number;
147
- letterSpacingNumber: number;
148
- paragraphSpacingNumber: number;
149
- };
150
- paragraph: {
151
- paragraphSpacing: string;
152
- };
153
- };
154
- body_sans_01: {
155
- base: {
156
- lineHeight: string;
157
- fontSize: string;
158
- letterSpacing: string;
159
- fontFamily: string;
160
- fontWeight: number;
161
- fontStyle: string;
162
- };
163
- numbers: {
164
- lineHeightNumber: number;
165
- fontSizeNumber: number;
166
- letterSpacingNumber: number;
167
- paragraphSpacingNumber: number;
168
- };
169
- paragraph: {
170
- paragraphSpacing: string;
171
- };
172
- };
173
- body_sans_02: {
174
- base: {
175
- lineHeight: string;
176
- fontSize: string;
177
- letterSpacing: string;
178
- fontFamily: string;
179
- fontWeight: number;
180
- fontStyle: string;
181
- };
182
- numbers: {
183
- lineHeightNumber: number;
184
- fontSizeNumber: number;
185
- letterSpacingNumber: number;
186
- paragraphSpacingNumber: number;
187
- };
188
- paragraph: {
189
- paragraphSpacing: string;
190
- };
191
- };
192
- body_sans_03: {
193
- base: {
194
- lineHeight: string;
195
- fontSize: string;
196
- letterSpacing: string;
197
- fontFamily: string;
198
- fontWeight: number;
199
- fontStyle: string;
200
- };
201
- numbers: {
202
- lineHeightNumber: number;
203
- fontSizeNumber: number;
204
- letterSpacingNumber: number;
205
- paragraphSpacingNumber: number;
206
- };
207
- paragraph: {
208
- paragraphSpacing: string;
209
- };
210
- };
211
- body_sans_04: {
212
- base: {
213
- lineHeight: string;
214
- fontSize: string;
215
- letterSpacing: string;
216
- fontFamily: string;
217
- fontWeight: number;
218
- fontStyle: string;
219
- };
220
- numbers: {
221
- lineHeightNumber: number;
222
- fontSizeNumber: number;
223
- letterSpacingNumber: number;
224
- paragraphSpacingNumber: number;
225
- };
226
- paragraph: {
227
- paragraphSpacing: string;
228
- };
229
- };
230
- lead_sans_01: {
231
- base: {
232
- lineHeight: string;
233
- fontSize: string;
234
- letterSpacing: string;
235
- fontFamily: string;
236
- fontWeight: number;
237
- fontStyle: string;
238
- };
239
- numbers: {
240
- lineHeightNumber: number;
241
- fontSizeNumber: number;
242
- letterSpacingNumber: number;
243
- paragraphSpacingNumber: number;
244
- };
245
- paragraph: {
246
- paragraphSpacing: string;
247
- };
248
- };
249
- lead_sans_02: {
250
- base: {
251
- lineHeight: string;
252
- fontSize: string;
253
- letterSpacing: string;
254
- fontFamily: string;
255
- fontWeight: number;
256
- fontStyle: string;
257
- };
258
- numbers: {
259
- lineHeightNumber: number;
260
- fontSizeNumber: number;
261
- letterSpacingNumber: number;
262
- paragraphSpacingNumber: number;
263
- };
264
- paragraph: {
265
- paragraphSpacing: string;
266
- };
267
- };
268
- lead_sans_03: {
269
- base: {
270
- lineHeight: string;
271
- fontSize: string;
272
- letterSpacing: string;
273
- fontFamily: string;
274
- fontWeight: number;
275
- fontStyle: string;
276
- };
277
- numbers: {
278
- lineHeightNumber: number;
279
- fontSizeNumber: number;
280
- letterSpacingNumber: number;
281
- paragraphSpacingNumber: number;
282
- };
283
- paragraph: {
284
- paragraphSpacing: string;
285
- };
286
- };
287
- lead_sans_04: {
288
- base: {
289
- lineHeight: string;
290
- fontSize: string;
291
- letterSpacing: string;
292
- fontFamily: string;
293
- fontWeight: number;
294
- fontStyle: string;
295
- };
296
- numbers: {
297
- lineHeightNumber: number;
298
- fontSizeNumber: number;
299
- letterSpacingNumber: number;
300
- paragraphSpacingNumber: number;
301
- };
302
- paragraph: {
303
- paragraphSpacing: string;
304
- };
305
- };
306
- lead_sans_05: {
307
- base: {
308
- lineHeight: string;
309
- fontSize: string;
310
- letterSpacing: string;
311
- fontFamily: string;
312
- fontWeight: number;
313
- fontStyle: string;
314
- };
315
- numbers: {
316
- lineHeightNumber: number;
317
- fontSizeNumber: number;
318
- letterSpacingNumber: number;
319
- paragraphSpacingNumber: number;
320
- };
321
- paragraph: {
322
- paragraphSpacing: string;
323
- };
324
- };
325
- supportingStyle_label_01: {
326
- base: {
327
- lineHeight: string;
328
- fontSize: string;
329
- letterSpacing: string;
330
- fontFamily: string;
331
- fontWeight: number;
332
- fontStyle: string;
333
- };
334
- numbers: {
335
- lineHeightNumber: number;
336
- fontSizeNumber: number;
337
- letterSpacingNumber: number;
338
- paragraphSpacingNumber: number;
339
- };
340
- paragraph: {
341
- paragraphSpacing: string;
342
- };
343
- };
344
- supportingStyle_helpertext_01: {
345
- base: {
346
- lineHeight: string;
347
- fontSize: string;
348
- letterSpacing: string;
349
- fontFamily: string;
350
- fontWeight: number;
351
- fontStyle: string;
352
- };
353
- numbers: {
354
- lineHeightNumber: number;
355
- fontSizeNumber: number;
356
- letterSpacingNumber: number;
357
- paragraphSpacingNumber: number;
358
- };
359
- paragraph: {
360
- paragraphSpacing: string;
361
- };
362
- };
363
- supportingStyle_placeholdertext_01: {
364
- base: {
365
- lineHeight: string;
366
- fontSize: string;
367
- letterSpacing: string;
368
- fontFamily: string;
369
- fontWeight: number;
370
- fontStyle: string;
371
- };
372
- numbers: {
373
- lineHeightNumber: number;
374
- fontSizeNumber: number;
375
- letterSpacingNumber: number;
376
- paragraphSpacingNumber: number;
377
- };
378
- paragraph: {
379
- paragraphSpacing: string;
380
- };
381
- };
382
- supportingStyle_placeholdertext_02: {
383
- base: {
384
- lineHeight: string;
385
- fontSize: string;
386
- letterSpacing: string;
387
- fontFamily: string;
388
- fontWeight: number;
389
- fontStyle: string;
390
- };
391
- numbers: {
392
- lineHeightNumber: number;
393
- fontSizeNumber: number;
394
- letterSpacingNumber: number;
395
- paragraphSpacingNumber: number;
396
- };
397
- paragraph: {
398
- paragraphSpacing: string;
399
- };
400
- };
401
- supportingStyle_placeholdertext_03: {
402
- base: {
403
- lineHeight: string;
404
- fontSize: string;
405
- letterSpacing: string;
406
- fontFamily: string;
407
- fontWeight: number;
408
- fontStyle: string;
409
- };
410
- numbers: {
411
- lineHeightNumber: number;
412
- fontSizeNumber: number;
413
- letterSpacingNumber: number;
414
- paragraphSpacingNumber: number;
415
- };
416
- paragraph: {
417
- paragraphSpacing: string;
418
- };
419
- };
420
- supportingStyle_tiny_01: {
421
- base: {
422
- lineHeight: string;
423
- fontSize: string;
424
- letterSpacing: string;
425
- fontFamily: string;
426
- fontWeight: number;
427
- fontStyle: string;
428
- };
429
- numbers: {
430
- lineHeightNumber: number;
431
- fontSizeNumber: number;
432
- letterSpacingNumber: number;
433
- paragraphSpacingNumber: number;
434
- };
435
- paragraph: {
436
- paragraphSpacing: string;
437
- };
438
- };
439
- supportingStyle_tiny_02: {
440
- base: {
441
- lineHeight: string;
442
- fontSize: string;
443
- letterSpacing: string;
444
- fontFamily: string;
445
- fontWeight: number;
446
- fontStyle: string;
447
- };
448
- numbers: {
449
- lineHeightNumber: number;
450
- fontSizeNumber: number;
451
- letterSpacingNumber: number;
452
- paragraphSpacingNumber: number;
453
- };
454
- paragraph: {
455
- paragraphSpacing: string;
456
- };
457
- };
458
- code_monospace_02: {
459
- base: {
460
- lineHeight: string;
461
- fontSize: string;
462
- letterSpacing: string;
463
- fontFamily: string;
464
- fontWeight: number;
465
- fontStyle: string;
466
- };
467
- numbers: {
468
- lineHeightNumber: number;
469
- fontSizeNumber: number;
470
- letterSpacingNumber: number;
471
- paragraphSpacingNumber: number;
472
- };
473
- paragraph: {
474
- paragraphSpacing: string;
475
- };
476
- };
477
- };
@@ -1 +0,0 @@
1
- export * from "./fontPackages";
@@ -1,22 +0,0 @@
1
- import { ddsStyles } from '../build/js/fontObject';
2
- type Font = (typeof ddsStyles)['$dds-font']['body']['sans-01'];
3
- export declare const fontPackageFormatter: (font: Font) => {
4
- base: {
5
- lineHeight: string;
6
- fontSize: string;
7
- letterSpacing: string;
8
- fontFamily: string;
9
- fontWeight: number;
10
- fontStyle: string;
11
- };
12
- numbers: {
13
- lineHeightNumber: number;
14
- fontSizeNumber: number;
15
- letterSpacingNumber: number;
16
- paragraphSpacingNumber: number;
17
- };
18
- paragraph: {
19
- paragraphSpacing: string;
20
- };
21
- };
22
- export {};