@udir-design/theme 1.0.0-beta.2 → 1.0.0-beta.3

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 (2) hide show
  1. package/dist/udir.css +84 -87
  2. package/package.json +2 -2
package/dist/udir.css CHANGED
@@ -1,10 +1,7 @@
1
1
  @charset "UTF-8";
2
-
3
- @layer ds.theme, ds.base, ds.utilities, ds.components;
4
-
5
2
  /*
6
- build: v1.0.6
7
- design-tokens: v1.0.6
3
+ build: v1.1.4
4
+ design-tokens: v1.1.0
8
5
  */
9
6
 
10
7
  @layer ds.theme.color-scheme.light {
@@ -300,15 +297,15 @@ design-tokens: v1.0.6
300
297
  --ds-font-size-8: 2.25rem;
301
298
  --ds-font-size-9: 3rem;
302
299
  --ds-font-size-10: 3.75rem;
303
- --ds-letter-spacing-1: -1%;
304
- --ds-letter-spacing-2: -0.5%;
305
- --ds-letter-spacing-3: -0.25%;
306
- --ds-letter-spacing-4: -0.15%;
307
- --ds-letter-spacing-5: 0%;
308
- --ds-letter-spacing-6: 0.15%;
309
- --ds-letter-spacing-7: 0.25%;
310
- --ds-letter-spacing-8: 0.5%;
311
- --ds-letter-spacing-9: 1.5%;
300
+ --ds-letter-spacing-1: -0.01em;
301
+ --ds-letter-spacing-2: -0.005em;
302
+ --ds-letter-spacing-3: -0.0025em;
303
+ --ds-letter-spacing-4: -0.0015em;
304
+ --ds-letter-spacing-5: 0em;
305
+ --ds-letter-spacing-6: 0.0015em;
306
+ --ds-letter-spacing-7: 0.0025em;
307
+ --ds-letter-spacing-8: 0.005em;
308
+ --ds-letter-spacing-9: 0.015em;
312
309
  --ds-font-family: Inter;
313
310
  --ds-font-weight-medium: 500;
314
311
  --ds-font-weight-semibold: 600;
@@ -316,91 +313,91 @@ design-tokens: v1.0.6
316
313
  --ds-heading-2xl-font-weight: 500;
317
314
  --ds-heading-2xl-line-height: 1.3;
318
315
  --ds-heading-2xl-font-size: 3.75rem;
319
- --ds-heading-2xl-letter-spacing: 0%;
316
+ --ds-heading-2xl-letter-spacing: 0em;
320
317
  --ds-heading-xl-font-weight: 500;
321
318
  --ds-heading-xl-line-height: 1.3;
322
319
  --ds-heading-xl-font-size: 3rem;
323
- --ds-heading-xl-letter-spacing: 0%;
320
+ --ds-heading-xl-letter-spacing: 0em;
324
321
  --ds-heading-lg-font-weight: 500;
325
322
  --ds-heading-lg-line-height: 1.3;
326
323
  --ds-heading-lg-font-size: 2.25rem;
327
- --ds-heading-lg-letter-spacing: 0%;
324
+ --ds-heading-lg-letter-spacing: 0em;
328
325
  --ds-heading-md-font-weight: 500;
329
326
  --ds-heading-md-line-height: 1.3;
330
327
  --ds-heading-md-font-size: 1.875rem;
331
- --ds-heading-md-letter-spacing: 0%;
328
+ --ds-heading-md-letter-spacing: 0em;
332
329
  --ds-heading-sm-font-weight: 500;
333
330
  --ds-heading-sm-line-height: 1.3;
334
331
  --ds-heading-sm-font-size: 1.5rem;
335
- --ds-heading-sm-letter-spacing: 0%;
332
+ --ds-heading-sm-letter-spacing: 0em;
336
333
  --ds-heading-xs-font-weight: 500;
337
334
  --ds-heading-xs-line-height: 1.3;
338
335
  --ds-heading-xs-font-size: 1.3125rem;
339
- --ds-heading-xs-letter-spacing: 0%;
336
+ --ds-heading-xs-letter-spacing: 0em;
340
337
  --ds-heading-2xs-font-weight: 500;
341
338
  --ds-heading-2xs-line-height: 1.3;
342
339
  --ds-heading-2xs-font-size: 1.125rem;
343
- --ds-heading-2xs-letter-spacing: 0%;
340
+ --ds-heading-2xs-letter-spacing: 0em;
344
341
  --ds-body-xl-font-weight: 400;
345
342
  --ds-body-xl-line-height: 1.5;
346
343
  --ds-body-xl-font-size: 1.5rem;
347
- --ds-body-xl-letter-spacing: 0%;
344
+ --ds-body-xl-letter-spacing: 0em;
348
345
  --ds-body-lg-font-weight: 400;
349
346
  --ds-body-lg-line-height: 1.5;
350
347
  --ds-body-lg-font-size: 1.3125rem;
351
- --ds-body-lg-letter-spacing: 0%;
348
+ --ds-body-lg-letter-spacing: 0em;
352
349
  --ds-body-md-font-weight: 400;
353
350
  --ds-body-md-line-height: 1.5;
354
351
  --ds-body-md-font-size: 1.125rem;
355
- --ds-body-md-letter-spacing: 0%;
352
+ --ds-body-md-letter-spacing: 0em;
356
353
  --ds-body-sm-font-weight: 400;
357
354
  --ds-body-sm-line-height: 1.5;
358
355
  --ds-body-sm-font-size: 1rem;
359
- --ds-body-sm-letter-spacing: 0%;
356
+ --ds-body-sm-letter-spacing: 0em;
360
357
  --ds-body-xs-font-weight: 400;
361
358
  --ds-body-xs-line-height: 1.5;
362
359
  --ds-body-xs-font-size: 0.875rem;
363
- --ds-body-xs-letter-spacing: 0%;
360
+ --ds-body-xs-letter-spacing: 0em;
364
361
  --ds-body-short-xl-font-weight: 400;
365
362
  --ds-body-short-xl-line-height: 1.3;
366
363
  --ds-body-short-xl-font-size: 1.5rem;
367
- --ds-body-short-xl-letter-spacing: 0%;
364
+ --ds-body-short-xl-letter-spacing: 0em;
368
365
  --ds-body-short-lg-font-weight: 400;
369
366
  --ds-body-short-lg-line-height: 1.3;
370
367
  --ds-body-short-lg-font-size: 1.3125rem;
371
- --ds-body-short-lg-letter-spacing: 0%;
368
+ --ds-body-short-lg-letter-spacing: 0em;
372
369
  --ds-body-short-md-font-weight: 400;
373
370
  --ds-body-short-md-line-height: 1.3;
374
371
  --ds-body-short-md-font-size: 1.125rem;
375
- --ds-body-short-md-letter-spacing: 0%;
372
+ --ds-body-short-md-letter-spacing: 0em;
376
373
  --ds-body-short-sm-font-weight: 400;
377
374
  --ds-body-short-sm-line-height: 1.3;
378
375
  --ds-body-short-sm-font-size: 1rem;
379
- --ds-body-short-sm-letter-spacing: 0%;
376
+ --ds-body-short-sm-letter-spacing: 0em;
380
377
  --ds-body-short-xs-font-weight: 400;
381
378
  --ds-body-short-xs-line-height: 1.3;
382
379
  --ds-body-short-xs-font-size: 0.875rem;
383
- --ds-body-short-xs-letter-spacing: 0%;
380
+ --ds-body-short-xs-letter-spacing: 0em;
384
381
  --ds-body-long-xl-font-weight: 400;
385
382
  --ds-body-long-xl-line-height: 1.7;
386
383
  --ds-body-long-xl-font-size: 1.5rem;
387
- --ds-body-long-xl-letter-spacing: 0%;
384
+ --ds-body-long-xl-letter-spacing: 0em;
388
385
  --ds-body-long-lg-font-weight: 400;
389
386
  --ds-body-long-lg-line-height: 1.7;
390
387
  --ds-body-long-lg-font-size: 1.3125rem;
391
- --ds-body-long-lg-letter-spacing: 0%;
388
+ --ds-body-long-lg-letter-spacing: 0em;
392
389
  --ds-body-long-md-font-weight: 400;
393
390
  --ds-body-long-md-line-height: 1.7;
394
391
  --ds-body-long-md-font-size: 1.125rem;
395
- --ds-body-long-md-letter-spacing: 0%;
392
+ --ds-body-long-md-letter-spacing: 0em;
396
393
  --ds-body-long-sm-font-weight: 400;
397
394
  --ds-body-long-sm-line-height: 1.7;
398
395
  --ds-body-long-sm-font-size: 1rem;
399
- --ds-body-long-sm-letter-spacing: 0%;
396
+ --ds-body-long-sm-letter-spacing: 0em;
400
397
  --ds-body-long-xs-font-weight: 400;
401
398
  --ds-body-long-xs-line-height: 1.7;
402
399
  --ds-body-long-xs-font-size: 0.875rem;
403
- --ds-body-long-xs-letter-spacing: 0%;
400
+ --ds-body-long-xs-letter-spacing: 0em;
404
401
  }
405
402
  }
406
403
  @layer ds.theme.semantic {
@@ -446,26 +443,26 @@ design-tokens: v1.0.6
446
443
  --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30);
447
444
 
448
445
  @supports (width: round(down, .1em, 1px)) {
449
- --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 0.0625rem);
450
- --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 0.0625rem);
451
- --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 0.0625rem);
452
- --ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 0.0625rem);
453
- --ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 0.0625rem);
454
- --ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 0.0625rem);
455
- --ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 0.0625rem);
456
- --ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 0.0625rem);
457
- --ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 0.0625rem);
458
- --ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 0.0625rem);
459
- --ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 0.0625rem);
460
- --ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 0.0625rem);
461
- --ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 0.0625rem);
462
- --ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 0.0625rem);
463
- --ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 0.0625rem);
464
- --ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 0.0625rem);
465
- --ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 0.0625rem);
466
- --ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 0.0625rem);
467
- --ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 0.0625rem);
468
- --ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 0.0625rem);
446
+ --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *0), 1px);
447
+ --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *1), 1px);
448
+ --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *2), 1px);
449
+ --ds-size-3: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *3), 1px);
450
+ --ds-size-4: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *4), 1px);
451
+ --ds-size-5: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *5), 1px);
452
+ --ds-size-6: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *6), 1px);
453
+ --ds-size-7: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *7), 1px);
454
+ --ds-size-8: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *8), 1px);
455
+ --ds-size-9: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *9), 1px);
456
+ --ds-size-10: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *10), 1px);
457
+ --ds-size-11: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *11), 1px);
458
+ --ds-size-12: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *12), 1px);
459
+ --ds-size-13: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *13), 1px);
460
+ --ds-size-14: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *14), 1px);
461
+ --ds-size-15: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *15), 1px);
462
+ --ds-size-18: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *18), 1px);
463
+ --ds-size-22: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *22), 1px);
464
+ --ds-size-26: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *26), 1px);
465
+ --ds-size-30: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em *30), 1px);
469
466
  }
470
467
  }
471
468
 
@@ -764,15 +761,15 @@ design-tokens: v1.0.6
764
761
  --ds-font-size-8: 2.25rem;
765
762
  --ds-font-size-9: 3rem;
766
763
  --ds-font-size-10: 3.75rem;
767
- --ds-letter-spacing-1: -1%;
768
- --ds-letter-spacing-2: -0.5%;
769
- --ds-letter-spacing-3: -0.25%;
770
- --ds-letter-spacing-4: -0.15%;
771
- --ds-letter-spacing-5: 0%;
772
- --ds-letter-spacing-6: 0.15%;
773
- --ds-letter-spacing-7: 0.25%;
774
- --ds-letter-spacing-8: 0.5%;
775
- --ds-letter-spacing-9: 1.5%;
764
+ --ds-letter-spacing-1: -0.01em;
765
+ --ds-letter-spacing-2: -0.005em;
766
+ --ds-letter-spacing-3: -0.0025em;
767
+ --ds-letter-spacing-4: -0.0015em;
768
+ --ds-letter-spacing-5: 0em;
769
+ --ds-letter-spacing-6: 0.0015em;
770
+ --ds-letter-spacing-7: 0.0025em;
771
+ --ds-letter-spacing-8: 0.005em;
772
+ --ds-letter-spacing-9: 0.015em;
776
773
  --ds-font-family: Inter;
777
774
  --ds-font-weight-medium: 500;
778
775
  --ds-font-weight-semibold: 600;
@@ -780,91 +777,91 @@ design-tokens: v1.0.6
780
777
  --ds-heading-2xl-font-weight: 500;
781
778
  --ds-heading-2xl-line-height: 1.3;
782
779
  --ds-heading-2xl-font-size: 3.75rem;
783
- --ds-heading-2xl-letter-spacing: 0%;
780
+ --ds-heading-2xl-letter-spacing: 0em;
784
781
  --ds-heading-xl-font-weight: 500;
785
782
  --ds-heading-xl-line-height: 1.3;
786
783
  --ds-heading-xl-font-size: 3rem;
787
- --ds-heading-xl-letter-spacing: 0%;
784
+ --ds-heading-xl-letter-spacing: 0em;
788
785
  --ds-heading-lg-font-weight: 500;
789
786
  --ds-heading-lg-line-height: 1.3;
790
787
  --ds-heading-lg-font-size: 2.25rem;
791
- --ds-heading-lg-letter-spacing: 0%;
788
+ --ds-heading-lg-letter-spacing: 0em;
792
789
  --ds-heading-md-font-weight: 500;
793
790
  --ds-heading-md-line-height: 1.3;
794
791
  --ds-heading-md-font-size: 1.875rem;
795
- --ds-heading-md-letter-spacing: 0%;
792
+ --ds-heading-md-letter-spacing: 0em;
796
793
  --ds-heading-sm-font-weight: 500;
797
794
  --ds-heading-sm-line-height: 1.3;
798
795
  --ds-heading-sm-font-size: 1.5rem;
799
- --ds-heading-sm-letter-spacing: 0%;
796
+ --ds-heading-sm-letter-spacing: 0em;
800
797
  --ds-heading-xs-font-weight: 500;
801
798
  --ds-heading-xs-line-height: 1.3;
802
799
  --ds-heading-xs-font-size: 1.3125rem;
803
- --ds-heading-xs-letter-spacing: 0%;
800
+ --ds-heading-xs-letter-spacing: 0em;
804
801
  --ds-heading-2xs-font-weight: 500;
805
802
  --ds-heading-2xs-line-height: 1.3;
806
803
  --ds-heading-2xs-font-size: 1.125rem;
807
- --ds-heading-2xs-letter-spacing: 0%;
804
+ --ds-heading-2xs-letter-spacing: 0em;
808
805
  --ds-body-xl-font-weight: 400;
809
806
  --ds-body-xl-line-height: 1.5;
810
807
  --ds-body-xl-font-size: 1.5rem;
811
- --ds-body-xl-letter-spacing: 0%;
808
+ --ds-body-xl-letter-spacing: 0em;
812
809
  --ds-body-lg-font-weight: 400;
813
810
  --ds-body-lg-line-height: 1.5;
814
811
  --ds-body-lg-font-size: 1.3125rem;
815
- --ds-body-lg-letter-spacing: 0%;
812
+ --ds-body-lg-letter-spacing: 0em;
816
813
  --ds-body-md-font-weight: 400;
817
814
  --ds-body-md-line-height: 1.5;
818
815
  --ds-body-md-font-size: 1.125rem;
819
- --ds-body-md-letter-spacing: 0%;
816
+ --ds-body-md-letter-spacing: 0em;
820
817
  --ds-body-sm-font-weight: 400;
821
818
  --ds-body-sm-line-height: 1.5;
822
819
  --ds-body-sm-font-size: 1rem;
823
- --ds-body-sm-letter-spacing: 0%;
820
+ --ds-body-sm-letter-spacing: 0em;
824
821
  --ds-body-xs-font-weight: 400;
825
822
  --ds-body-xs-line-height: 1.5;
826
823
  --ds-body-xs-font-size: 0.875rem;
827
- --ds-body-xs-letter-spacing: 0%;
824
+ --ds-body-xs-letter-spacing: 0em;
828
825
  --ds-body-short-xl-font-weight: 400;
829
826
  --ds-body-short-xl-line-height: 1.3;
830
827
  --ds-body-short-xl-font-size: 1.5rem;
831
- --ds-body-short-xl-letter-spacing: 0%;
828
+ --ds-body-short-xl-letter-spacing: 0em;
832
829
  --ds-body-short-lg-font-weight: 400;
833
830
  --ds-body-short-lg-line-height: 1.3;
834
831
  --ds-body-short-lg-font-size: 1.3125rem;
835
- --ds-body-short-lg-letter-spacing: 0%;
832
+ --ds-body-short-lg-letter-spacing: 0em;
836
833
  --ds-body-short-md-font-weight: 400;
837
834
  --ds-body-short-md-line-height: 1.3;
838
835
  --ds-body-short-md-font-size: 1.125rem;
839
- --ds-body-short-md-letter-spacing: 0%;
836
+ --ds-body-short-md-letter-spacing: 0em;
840
837
  --ds-body-short-sm-font-weight: 400;
841
838
  --ds-body-short-sm-line-height: 1.3;
842
839
  --ds-body-short-sm-font-size: 1rem;
843
- --ds-body-short-sm-letter-spacing: 0%;
840
+ --ds-body-short-sm-letter-spacing: 0em;
844
841
  --ds-body-short-xs-font-weight: 400;
845
842
  --ds-body-short-xs-line-height: 1.3;
846
843
  --ds-body-short-xs-font-size: 0.875rem;
847
- --ds-body-short-xs-letter-spacing: 0%;
844
+ --ds-body-short-xs-letter-spacing: 0em;
848
845
  --ds-body-long-xl-font-weight: 400;
849
846
  --ds-body-long-xl-line-height: 1.7;
850
847
  --ds-body-long-xl-font-size: 1.5rem;
851
- --ds-body-long-xl-letter-spacing: 0%;
848
+ --ds-body-long-xl-letter-spacing: 0em;
852
849
  --ds-body-long-lg-font-weight: 400;
853
850
  --ds-body-long-lg-line-height: 1.7;
854
851
  --ds-body-long-lg-font-size: 1.3125rem;
855
- --ds-body-long-lg-letter-spacing: 0%;
852
+ --ds-body-long-lg-letter-spacing: 0em;
856
853
  --ds-body-long-md-font-weight: 400;
857
854
  --ds-body-long-md-line-height: 1.7;
858
855
  --ds-body-long-md-font-size: 1.125rem;
859
- --ds-body-long-md-letter-spacing: 0%;
856
+ --ds-body-long-md-letter-spacing: 0em;
860
857
  --ds-body-long-sm-font-weight: 400;
861
858
  --ds-body-long-sm-line-height: 1.7;
862
859
  --ds-body-long-sm-font-size: 1rem;
863
- --ds-body-long-sm-letter-spacing: 0%;
860
+ --ds-body-long-sm-letter-spacing: 0em;
864
861
  --ds-body-long-xs-font-weight: 400;
865
862
  --ds-body-long-xs-line-height: 1.7;
866
863
  --ds-body-long-xs-font-size: 0.875rem;
867
- --ds-body-long-xs-letter-spacing: 0%;
864
+ --ds-body-long-xs-letter-spacing: 0em;
868
865
  }
869
866
  }
870
867
  @layer ds.theme.color {
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "directory": "@udir-design/theme"
7
7
  },
8
8
  "license": "MIT",
9
- "version": "1.0.0-beta.2",
9
+ "version": "1.0.0-beta.3",
10
10
  "type": "module",
11
11
  "exports": {
12
12
  ".": {
@@ -18,7 +18,7 @@
18
18
  "./dist"
19
19
  ],
20
20
  "dependencies": {
21
- "@digdir/designsystemet-react": "1.0.6"
21
+ "@digdir/designsystemet-react": "1.1.4"
22
22
  },
23
23
  "devDependencies": {
24
24
  "rimraf": "^6.0.1",