@udir-design/theme 1.0.0-beta.13 → 1.0.0-beta.15

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 (3) hide show
  1. package/dist/index.css +130 -130
  2. package/dist/types.d.ts +1 -1
  3. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /*
3
- build: v1.6.0
4
- design-tokens: v1.5.0
3
+ build: v1.7.2
4
+ design-tokens: v1.7.2
5
5
  */
6
6
 
7
7
  @layer ds.theme.size-mode {
@@ -155,38 +155,6 @@ design-tokens: v1.5.0
155
155
  --ds-color-support2-base-active: #b5a389;
156
156
  --ds-color-support2-base-contrast-subtle: #3e382f;
157
157
  --ds-color-support2-base-contrast-default: #000000;
158
- --ds-color-success-background-default: #ffffff;
159
- --ds-color-success-background-tinted: #ecf6ee;
160
- --ds-color-success-surface-default: #ffffff;
161
- --ds-color-success-surface-tinted: #daeddd;
162
- --ds-color-success-surface-hover: #c3e2c7;
163
- --ds-color-success-surface-active: #a8d5ae;
164
- --ds-color-success-border-subtle: #8fc997;
165
- --ds-color-success-border-default: #108c22;
166
- --ds-color-success-border-strong: #056d13;
167
- --ds-color-success-text-subtle: #056d13;
168
- --ds-color-success-text-default: #023409;
169
- --ds-color-success-base-default: #068718;
170
- --ds-color-success-base-hover: #057014;
171
- --ds-color-success-base-active: #045a10;
172
- --ds-color-success-base-contrast-subtle: #fafdfb;
173
- --ds-color-success-base-contrast-default: #ffffff;
174
- --ds-color-danger-background-default: #ffffff;
175
- --ds-color-danger-background-tinted: #fbf1f1;
176
- --ds-color-danger-surface-default: #ffffff;
177
- --ds-color-danger-surface-tinted: #f8e4e4;
178
- --ds-color-danger-surface-hover: #f3d2d2;
179
- --ds-color-danger-surface-active: #edbfbf;
180
- --ds-color-danger-border-subtle: #e8adad;
181
- --ds-color-danger-border-default: #ce4d4d;
182
- --ds-color-danger-border-strong: #b81a1a;
183
- --ds-color-danger-text-subtle: #b81a1a;
184
- --ds-color-danger-text-default: #590d0d;
185
- --ds-color-danger-base-default: #C01B1B;
186
- --ds-color-danger-base-hover: #9b1616;
187
- --ds-color-danger-base-active: #791111;
188
- --ds-color-danger-base-contrast-subtle: #f7e1e1;
189
- --ds-color-danger-base-contrast-default: #ffffff;
190
158
  --ds-color-info-background-default: #ffffff;
191
159
  --ds-color-info-background-tinted: #edf5fa;
192
160
  --ds-color-info-surface-default: #ffffff;
@@ -203,6 +171,22 @@ design-tokens: v1.5.0
203
171
  --ds-color-info-base-active: #074a7e;
204
172
  --ds-color-info-base-contrast-subtle: #eff6fb;
205
173
  --ds-color-info-base-contrast-default: #ffffff;
174
+ --ds-color-success-background-default: #ffffff;
175
+ --ds-color-success-background-tinted: #ecf6ee;
176
+ --ds-color-success-surface-default: #ffffff;
177
+ --ds-color-success-surface-tinted: #daeddd;
178
+ --ds-color-success-surface-hover: #c3e2c7;
179
+ --ds-color-success-surface-active: #a8d5ae;
180
+ --ds-color-success-border-subtle: #8fc997;
181
+ --ds-color-success-border-default: #108c22;
182
+ --ds-color-success-border-strong: #056d13;
183
+ --ds-color-success-text-subtle: #056d13;
184
+ --ds-color-success-text-default: #023409;
185
+ --ds-color-success-base-default: #068718;
186
+ --ds-color-success-base-hover: #057014;
187
+ --ds-color-success-base-active: #045a10;
188
+ --ds-color-success-base-contrast-subtle: #fafdfb;
189
+ --ds-color-success-base-contrast-default: #ffffff;
206
190
  --ds-color-warning-background-default: #ffffff;
207
191
  --ds-color-warning-background-tinted: #fcf2e2;
208
192
  --ds-color-warning-surface-default: #ffffff;
@@ -219,6 +203,22 @@ design-tokens: v1.5.0
219
203
  --ds-color-warning-base-active: #b27614;
220
204
  --ds-color-warning-base-contrast-subtle: #271a04;
221
205
  --ds-color-warning-base-contrast-default: #000000;
206
+ --ds-color-danger-background-default: #ffffff;
207
+ --ds-color-danger-background-tinted: #fbf1f1;
208
+ --ds-color-danger-surface-default: #ffffff;
209
+ --ds-color-danger-surface-tinted: #f8e4e4;
210
+ --ds-color-danger-surface-hover: #f3d2d2;
211
+ --ds-color-danger-surface-active: #edbfbf;
212
+ --ds-color-danger-border-subtle: #e8adad;
213
+ --ds-color-danger-border-default: #ce4d4d;
214
+ --ds-color-danger-border-strong: #b81a1a;
215
+ --ds-color-danger-text-subtle: #b81a1a;
216
+ --ds-color-danger-text-default: #590d0d;
217
+ --ds-color-danger-base-default: #C01B1B;
218
+ --ds-color-danger-base-hover: #9b1616;
219
+ --ds-color-danger-base-active: #791111;
220
+ --ds-color-danger-base-contrast-subtle: #f7e1e1;
221
+ --ds-color-danger-base-contrast-default: #ffffff;
222
222
  --ds-color-focus-inner: #ffffff;
223
223
  --ds-color-focus-outer: #2b2b2b;
224
224
  --ds-link-color-visited: #663299;
@@ -292,38 +292,6 @@ design-tokens: v1.5.0
292
292
  --ds-color-support2-base-active: #b5a389;
293
293
  --ds-color-support2-base-contrast-subtle: #3e382f;
294
294
  --ds-color-support2-base-contrast-default: #000000;
295
- --ds-color-success-background-default: #ffffff;
296
- --ds-color-success-background-tinted: #ecf6ee;
297
- --ds-color-success-surface-default: #ffffff;
298
- --ds-color-success-surface-tinted: #daeddd;
299
- --ds-color-success-surface-hover: #c3e2c7;
300
- --ds-color-success-surface-active: #a8d5ae;
301
- --ds-color-success-border-subtle: #8fc997;
302
- --ds-color-success-border-default: #108c22;
303
- --ds-color-success-border-strong: #056d13;
304
- --ds-color-success-text-subtle: #056d13;
305
- --ds-color-success-text-default: #023409;
306
- --ds-color-success-base-default: #068718;
307
- --ds-color-success-base-hover: #057014;
308
- --ds-color-success-base-active: #045a10;
309
- --ds-color-success-base-contrast-subtle: #fafdfb;
310
- --ds-color-success-base-contrast-default: #ffffff;
311
- --ds-color-danger-background-default: #ffffff;
312
- --ds-color-danger-background-tinted: #fbf1f1;
313
- --ds-color-danger-surface-default: #ffffff;
314
- --ds-color-danger-surface-tinted: #f8e4e4;
315
- --ds-color-danger-surface-hover: #f3d2d2;
316
- --ds-color-danger-surface-active: #edbfbf;
317
- --ds-color-danger-border-subtle: #e8adad;
318
- --ds-color-danger-border-default: #ce4d4d;
319
- --ds-color-danger-border-strong: #b81a1a;
320
- --ds-color-danger-text-subtle: #b81a1a;
321
- --ds-color-danger-text-default: #590d0d;
322
- --ds-color-danger-base-default: #C01B1B;
323
- --ds-color-danger-base-hover: #9b1616;
324
- --ds-color-danger-base-active: #791111;
325
- --ds-color-danger-base-contrast-subtle: #f7e1e1;
326
- --ds-color-danger-base-contrast-default: #ffffff;
327
295
  --ds-color-info-background-default: #ffffff;
328
296
  --ds-color-info-background-tinted: #edf5fa;
329
297
  --ds-color-info-surface-default: #ffffff;
@@ -340,6 +308,22 @@ design-tokens: v1.5.0
340
308
  --ds-color-info-base-active: #074a7e;
341
309
  --ds-color-info-base-contrast-subtle: #eff6fb;
342
310
  --ds-color-info-base-contrast-default: #ffffff;
311
+ --ds-color-success-background-default: #ffffff;
312
+ --ds-color-success-background-tinted: #ecf6ee;
313
+ --ds-color-success-surface-default: #ffffff;
314
+ --ds-color-success-surface-tinted: #daeddd;
315
+ --ds-color-success-surface-hover: #c3e2c7;
316
+ --ds-color-success-surface-active: #a8d5ae;
317
+ --ds-color-success-border-subtle: #8fc997;
318
+ --ds-color-success-border-default: #108c22;
319
+ --ds-color-success-border-strong: #056d13;
320
+ --ds-color-success-text-subtle: #056d13;
321
+ --ds-color-success-text-default: #023409;
322
+ --ds-color-success-base-default: #068718;
323
+ --ds-color-success-base-hover: #057014;
324
+ --ds-color-success-base-active: #045a10;
325
+ --ds-color-success-base-contrast-subtle: #fafdfb;
326
+ --ds-color-success-base-contrast-default: #ffffff;
343
327
  --ds-color-warning-background-default: #ffffff;
344
328
  --ds-color-warning-background-tinted: #fcf2e2;
345
329
  --ds-color-warning-surface-default: #ffffff;
@@ -356,6 +340,22 @@ design-tokens: v1.5.0
356
340
  --ds-color-warning-base-active: #b27614;
357
341
  --ds-color-warning-base-contrast-subtle: #271a04;
358
342
  --ds-color-warning-base-contrast-default: #000000;
343
+ --ds-color-danger-background-default: #ffffff;
344
+ --ds-color-danger-background-tinted: #fbf1f1;
345
+ --ds-color-danger-surface-default: #ffffff;
346
+ --ds-color-danger-surface-tinted: #f8e4e4;
347
+ --ds-color-danger-surface-hover: #f3d2d2;
348
+ --ds-color-danger-surface-active: #edbfbf;
349
+ --ds-color-danger-border-subtle: #e8adad;
350
+ --ds-color-danger-border-default: #ce4d4d;
351
+ --ds-color-danger-border-strong: #b81a1a;
352
+ --ds-color-danger-text-subtle: #b81a1a;
353
+ --ds-color-danger-text-default: #590d0d;
354
+ --ds-color-danger-base-default: #C01B1B;
355
+ --ds-color-danger-base-hover: #9b1616;
356
+ --ds-color-danger-base-active: #791111;
357
+ --ds-color-danger-base-contrast-subtle: #f7e1e1;
358
+ --ds-color-danger-base-contrast-default: #ffffff;
359
359
  --ds-color-focus-inner: #ffffff;
360
360
  --ds-color-focus-outer: #2b2b2b;
361
361
  --ds-link-color-visited: #663299;
@@ -594,38 +594,6 @@ design-tokens: v1.5.0
594
594
  --ds-color-support2-base-active: #534b3f;
595
595
  --ds-color-support2-base-contrast-subtle: #bcbbb9;
596
596
  --ds-color-support2-base-contrast-default: #ffffff;
597
- --ds-color-success-background-default: #0d1b0d;
598
- --ds-color-success-background-tinted: #112411;
599
- --ds-color-success-surface-default: #152d15;
600
- --ds-color-success-surface-tinted: #183418;
601
- --ds-color-success-surface-hover: #1c3c1c;
602
- --ds-color-success-surface-active: #244c24;
603
- --ds-color-success-border-subtle: #2b5a2b;
604
- --ds-color-success-border-default: #528f52;
605
- --ds-color-success-border-strong: #89b289;
606
- --ds-color-success-text-subtle: #89b289;
607
- --ds-color-success-text-default: #e6efe6;
608
- --ds-color-success-base-default: #138d24;
609
- --ds-color-success-base-hover: #3ca14b;
610
- --ds-color-success-base-active: #66b571;
611
- --ds-color-success-base-contrast-subtle: #010501;
612
- --ds-color-success-base-contrast-default: #000000;
613
- --ds-color-danger-background-default: #2a100e;
614
- --ds-color-danger-background-tinted: #371512;
615
- --ds-color-danger-surface-default: #451b17;
616
- --ds-color-danger-surface-tinted: #4f1f1b;
617
- --ds-color-danger-surface-hover: #5c241f;
618
- --ds-color-danger-surface-active: #722d27;
619
- --ds-color-danger-border-subtle: #88352e;
620
- --ds-color-danger-border-default: #bc6b64;
621
- --ds-color-danger-border-strong: #d19a96;
622
- --ds-color-danger-text-subtle: #d19a96;
623
- --ds-color-danger-text-default: #f5eae9;
624
- --ds-color-danger-base-default: #d76e6e;
625
- --ds-color-danger-base-hover: #df8b8b;
626
- --ds-color-danger-base-active: #e7a8a8;
627
- --ds-color-danger-base-contrast-subtle: #271414;
628
- --ds-color-danger-base-contrast-default: #000000;
629
597
  --ds-color-info-background-default: #0d1925;
630
598
  --ds-color-info-background-tinted: #112130;
631
599
  --ds-color-info-surface-default: #15293d;
@@ -642,6 +610,22 @@ design-tokens: v1.5.0
642
610
  --ds-color-info-base-active: #77b0dc;
643
611
  --ds-color-info-base-contrast-subtle: #050e15;
644
612
  --ds-color-info-base-contrast-default: #000000;
613
+ --ds-color-success-background-default: #0d1b0d;
614
+ --ds-color-success-background-tinted: #112411;
615
+ --ds-color-success-surface-default: #152d15;
616
+ --ds-color-success-surface-tinted: #183418;
617
+ --ds-color-success-surface-hover: #1c3c1c;
618
+ --ds-color-success-surface-active: #244c24;
619
+ --ds-color-success-border-subtle: #2b5a2b;
620
+ --ds-color-success-border-default: #528f52;
621
+ --ds-color-success-border-strong: #89b289;
622
+ --ds-color-success-text-subtle: #89b289;
623
+ --ds-color-success-text-default: #e6efe6;
624
+ --ds-color-success-base-default: #138d24;
625
+ --ds-color-success-base-hover: #3ca14b;
626
+ --ds-color-success-base-active: #66b571;
627
+ --ds-color-success-base-contrast-subtle: #010501;
628
+ --ds-color-success-base-contrast-default: #000000;
645
629
  --ds-color-warning-background-default: #1e160d;
646
630
  --ds-color-warning-background-tinted: #281e11;
647
631
  --ds-color-warning-surface-default: #322616;
@@ -658,6 +642,22 @@ design-tokens: v1.5.0
658
642
  --ds-color-warning-base-active: #946211;
659
643
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
660
644
  --ds-color-warning-base-contrast-default: #ffffff;
645
+ --ds-color-danger-background-default: #2a100e;
646
+ --ds-color-danger-background-tinted: #371512;
647
+ --ds-color-danger-surface-default: #451b17;
648
+ --ds-color-danger-surface-tinted: #4f1f1b;
649
+ --ds-color-danger-surface-hover: #5c241f;
650
+ --ds-color-danger-surface-active: #722d27;
651
+ --ds-color-danger-border-subtle: #88352e;
652
+ --ds-color-danger-border-default: #bc6b64;
653
+ --ds-color-danger-border-strong: #d19a96;
654
+ --ds-color-danger-text-subtle: #d19a96;
655
+ --ds-color-danger-text-default: #f5eae9;
656
+ --ds-color-danger-base-default: #d76e6e;
657
+ --ds-color-danger-base-hover: #df8b8b;
658
+ --ds-color-danger-base-active: #e7a8a8;
659
+ --ds-color-danger-base-contrast-subtle: #271414;
660
+ --ds-color-danger-base-contrast-default: #000000;
661
661
  --ds-color-focus-inner: #181818;
662
662
  --ds-color-focus-outer: #ececec;
663
663
  --ds-link-color-visited: #b49acd;
@@ -731,38 +731,6 @@ design-tokens: v1.5.0
731
731
  --ds-color-support2-base-active: #534b3f;
732
732
  --ds-color-support2-base-contrast-subtle: #bcbbb9;
733
733
  --ds-color-support2-base-contrast-default: #ffffff;
734
- --ds-color-success-background-default: #0d1b0d;
735
- --ds-color-success-background-tinted: #112411;
736
- --ds-color-success-surface-default: #152d15;
737
- --ds-color-success-surface-tinted: #183418;
738
- --ds-color-success-surface-hover: #1c3c1c;
739
- --ds-color-success-surface-active: #244c24;
740
- --ds-color-success-border-subtle: #2b5a2b;
741
- --ds-color-success-border-default: #528f52;
742
- --ds-color-success-border-strong: #89b289;
743
- --ds-color-success-text-subtle: #89b289;
744
- --ds-color-success-text-default: #e6efe6;
745
- --ds-color-success-base-default: #138d24;
746
- --ds-color-success-base-hover: #3ca14b;
747
- --ds-color-success-base-active: #66b571;
748
- --ds-color-success-base-contrast-subtle: #010501;
749
- --ds-color-success-base-contrast-default: #000000;
750
- --ds-color-danger-background-default: #2a100e;
751
- --ds-color-danger-background-tinted: #371512;
752
- --ds-color-danger-surface-default: #451b17;
753
- --ds-color-danger-surface-tinted: #4f1f1b;
754
- --ds-color-danger-surface-hover: #5c241f;
755
- --ds-color-danger-surface-active: #722d27;
756
- --ds-color-danger-border-subtle: #88352e;
757
- --ds-color-danger-border-default: #bc6b64;
758
- --ds-color-danger-border-strong: #d19a96;
759
- --ds-color-danger-text-subtle: #d19a96;
760
- --ds-color-danger-text-default: #f5eae9;
761
- --ds-color-danger-base-default: #d76e6e;
762
- --ds-color-danger-base-hover: #df8b8b;
763
- --ds-color-danger-base-active: #e7a8a8;
764
- --ds-color-danger-base-contrast-subtle: #271414;
765
- --ds-color-danger-base-contrast-default: #000000;
766
734
  --ds-color-info-background-default: #0d1925;
767
735
  --ds-color-info-background-tinted: #112130;
768
736
  --ds-color-info-surface-default: #15293d;
@@ -779,6 +747,22 @@ design-tokens: v1.5.0
779
747
  --ds-color-info-base-active: #77b0dc;
780
748
  --ds-color-info-base-contrast-subtle: #050e15;
781
749
  --ds-color-info-base-contrast-default: #000000;
750
+ --ds-color-success-background-default: #0d1b0d;
751
+ --ds-color-success-background-tinted: #112411;
752
+ --ds-color-success-surface-default: #152d15;
753
+ --ds-color-success-surface-tinted: #183418;
754
+ --ds-color-success-surface-hover: #1c3c1c;
755
+ --ds-color-success-surface-active: #244c24;
756
+ --ds-color-success-border-subtle: #2b5a2b;
757
+ --ds-color-success-border-default: #528f52;
758
+ --ds-color-success-border-strong: #89b289;
759
+ --ds-color-success-text-subtle: #89b289;
760
+ --ds-color-success-text-default: #e6efe6;
761
+ --ds-color-success-base-default: #138d24;
762
+ --ds-color-success-base-hover: #3ca14b;
763
+ --ds-color-success-base-active: #66b571;
764
+ --ds-color-success-base-contrast-subtle: #010501;
765
+ --ds-color-success-base-contrast-default: #000000;
782
766
  --ds-color-warning-background-default: #1e160d;
783
767
  --ds-color-warning-background-tinted: #281e11;
784
768
  --ds-color-warning-surface-default: #322616;
@@ -795,6 +779,22 @@ design-tokens: v1.5.0
795
779
  --ds-color-warning-base-active: #946211;
796
780
  --ds-color-warning-base-contrast-subtle: #e6e2d9;
797
781
  --ds-color-warning-base-contrast-default: #ffffff;
782
+ --ds-color-danger-background-default: #2a100e;
783
+ --ds-color-danger-background-tinted: #371512;
784
+ --ds-color-danger-surface-default: #451b17;
785
+ --ds-color-danger-surface-tinted: #4f1f1b;
786
+ --ds-color-danger-surface-hover: #5c241f;
787
+ --ds-color-danger-surface-active: #722d27;
788
+ --ds-color-danger-border-subtle: #88352e;
789
+ --ds-color-danger-border-default: #bc6b64;
790
+ --ds-color-danger-border-strong: #d19a96;
791
+ --ds-color-danger-text-subtle: #d19a96;
792
+ --ds-color-danger-text-default: #f5eae9;
793
+ --ds-color-danger-base-default: #d76e6e;
794
+ --ds-color-danger-base-hover: #df8b8b;
795
+ --ds-color-danger-base-active: #e7a8a8;
796
+ --ds-color-danger-base-contrast-subtle: #271414;
797
+ --ds-color-danger-base-contrast-default: #000000;
798
798
  --ds-color-focus-inner: #181818;
799
799
  --ds-color-focus-outer: #ececec;
800
800
  --ds-link-color-visited: #b49acd;
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- /* build: v1.6.0 */
1
+ /* build: v1.7.2 */
2
2
  import type {} from '@digdir/designsystemet/types';
3
3
 
4
4
  // Augment types based on theme
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "access": "public"
10
10
  },
11
11
  "license": "MIT",
12
- "version": "1.0.0-beta.13",
12
+ "version": "1.0.0-beta.15",
13
13
  "type": "module",
14
14
  "exports": {
15
15
  ".": {
@@ -21,12 +21,12 @@
21
21
  "./dist"
22
22
  ],
23
23
  "dependencies": {
24
- "@digdir/designsystemet": "1.6.0"
24
+ "@digdir/designsystemet": "1.7.2"
25
25
  },
26
26
  "devDependencies": {
27
- "rimraf": "^6.0.1",
28
- "@udir-design/tokens": "0.0.0",
29
- "@internal/build-tools": "0.0.0"
27
+ "rimraf": "^6.1.0",
28
+ "@internal/build-tools": "0.0.0",
29
+ "@udir-design/tokens": "0.0.0"
30
30
  },
31
31
  "scripts": {
32
32
  "copy-css": "cp ../../design-tokens/dist/*.* ./dist/ && mv ./dist/udir.css ./dist/index.css && rm ./dist/colors.d.ts",