@norges-domstoler/dds-design-tokens 4.0.0 → 4.0.2

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 (39) hide show
  1. package/dist/cjs/dds/build/js/border.d.ts +1 -1
  2. package/dist/cjs/dds/build/js/colors.d.ts +8 -8
  3. package/dist/cjs/dds/build/js/ddsTokens.d.ts +8 -8
  4. package/dist/cjs/dds/build/js/innershadow.d.ts +1 -1
  5. package/dist/cjs/dds/build/js/outershadow.d.ts +1 -1
  6. package/dist/cjs/index.js +11 -11
  7. package/dist/cjs/src/ddsBaseTokens.d.ts +1 -1
  8. package/dist/css/border.css +2 -2
  9. package/dist/css/borderRadius.css +1 -1
  10. package/dist/css/breakpoints.css +1 -1
  11. package/dist/css/colors.css +8 -8
  12. package/dist/css/ddsTokens.css +74 -39
  13. package/dist/css/font.css +1 -1
  14. package/dist/css/grid.css +1 -1
  15. package/dist/css/iconSize.css +1 -1
  16. package/dist/css/innershadow.css +1 -1
  17. package/dist/css/outershadow.css +1 -1
  18. package/dist/css/spacing.css +1 -1
  19. package/dist/dds/build/js/border.d.ts +1 -1
  20. package/dist/dds/build/js/border.js +1 -1
  21. package/dist/dds/build/js/colors.d.ts +8 -8
  22. package/dist/dds/build/js/colors.js +8 -8
  23. package/dist/dds/build/js/ddsTokens.d.ts +8 -8
  24. package/dist/dds/build/js/innershadow.d.ts +1 -1
  25. package/dist/dds/build/js/innershadow.js +1 -1
  26. package/dist/dds/build/js/outershadow.d.ts +1 -1
  27. package/dist/dds/build/js/outershadow.js +1 -1
  28. package/dist/scss/_border.scss +2 -2
  29. package/dist/scss/_borderRadius.scss +1 -1
  30. package/dist/scss/_breakpoints.scss +1 -1
  31. package/dist/scss/_colors.scss +49 -15
  32. package/dist/scss/_ddsTokens.scss +74 -40
  33. package/dist/scss/_font.scss +1 -1
  34. package/dist/scss/_iconSize.scss +1 -1
  35. package/dist/scss/_innershadow.scss +1 -1
  36. package/dist/scss/_outershadow.scss +1 -1
  37. package/dist/scss/_spacing.scss +1 -1
  38. package/dist/src/ddsBaseTokens.d.ts +1 -1
  39. package/package.json +4 -6
package/dist/cjs/dds/build/js/border.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
12
  export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
13
  export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
14
  export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
15
+ export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
16
  export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
17
  export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
18
  export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
package/dist/cjs/dds/build/js/colors.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
6
6
  export declare const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -19,13 +19,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
19
19
  export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
20
20
  export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
21
21
  export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
22
- export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
23
- export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
24
- export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
25
- export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
26
- export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
27
- export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
28
- export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
22
+ export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
23
+ export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
24
+ export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
25
+ export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
26
+ export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
27
+ export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
28
+ export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
29
29
  export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
30
30
  export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
31
31
  export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
package/dist/cjs/dds/build/js/ddsTokens.d.ts CHANGED
@@ -25,13 +25,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
25
25
  export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
26
26
  export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
27
27
  export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
28
- export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
29
- export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
30
- export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
31
- export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
32
- export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
33
- export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
34
- export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
28
+ export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
29
+ export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
30
+ export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
31
+ export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
32
+ export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
33
+ export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
34
+ export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
35
35
  export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
36
36
  export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
37
37
  export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
@@ -438,7 +438,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
438
438
  export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
439
439
  export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
440
440
  export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
441
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
441
+ export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
442
442
  export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
443
443
  export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
444
444
  export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
package/dist/cjs/dds/build/js/innershadow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
6
  export declare const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
package/dist/cjs/dds/build/js/outershadow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
6
  export declare const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
package/dist/cjs/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  /**
4
4
  * Do not edit directly
5
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
5
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
6
6
  */
7
7
  const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
8
8
  const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -21,13 +21,13 @@ const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
21
21
  const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
22
22
  const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
23
23
  const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
24
- const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
25
- const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
26
- const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
27
- const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)"; // 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
28
- const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
29
- const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
30
- const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
24
+ const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
25
+ const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
26
+ const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
27
+ const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)"; // 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
28
+ const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
29
+ const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
30
+ const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
31
31
  const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)"; // --l80
32
32
  const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
33
33
  const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
@@ -860,7 +860,7 @@ const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
860
860
  const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
861
861
  const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
862
862
  const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
863
- const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
863
+ const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
864
864
  const BordersDdsBorderFocusCardStrokeAlign = "outside";
865
865
  const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
866
866
  const BordersDdsBorderFocusCardStrokeWeight = "2px";
@@ -1276,7 +1276,7 @@ var grid = /*#__PURE__*/Object.freeze({
1276
1276
 
1277
1277
  /**
1278
1278
  * Do not edit directly
1279
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
1279
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
1280
1280
  */
1281
1281
  const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
1282
1282
  const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
@@ -1293,7 +1293,7 @@ var innerShadow = /*#__PURE__*/Object.freeze({
1293
1293
 
1294
1294
  /**
1295
1295
  * Do not edit directly
1296
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
1296
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
1297
1297
  */
1298
1298
  const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
1299
1299
  const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
package/dist/cjs/src/ddsBaseTokens.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { colors, font, breakpoints, border, borderRadius, spacing, iconSizes, grid, innerShadow, outerShadow } from '../dds';
1
+ import { border, borderRadius, breakpoints, colors, font, grid, iconSizes, innerShadow, outerShadow, spacing } from '../dds';
2
2
  export declare const ddsBaseTokens: {
3
3
  colors: typeof colors;
4
4
  font: typeof font;
package/dist/css/border.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -15,7 +15,7 @@
15
15
  --borders-dds-border-focus-inputfield-stroke-align: inside;
16
16
  --borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
17
17
  --borders-dds-border-focus-inputfield-stroke-weight: 2px;
18
- --borders-dds-border-focus-inputfield-stroke: rgba(46, 120, 170, 1);
18
+ --borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
19
19
  --borders-dds-border-focus-card-stroke-align: outside;
20
20
  --borders-dds-border-focus-card-stroke-miter-limit: 4;
21
21
  --borders-dds-border-focus-card-stroke-weight: 2px;
package/dist/css/borderRadius.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/breakpoints.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/colors.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -21,13 +21,13 @@
21
21
  --dds-color-neutrals-gray-7: rgba(58, 65, 70, 1);
22
22
  --dds-color-neutrals-gray-8: rgba(34, 39, 42, 1);
23
23
  --dds-color-neutrals-gray-9: rgba(11, 13, 14, 1);
24
- --dds-color-interactive-lightest: rgba(234, 242, 247, 1);
25
- --dds-color-interactive-lighter: rgba(171, 201, 221, 1);
26
- --dds-color-interactive-light: rgba(109, 161, 196, 1);
27
- --dds-color-interactive-base: rgba(46, 120, 170, 1); /* 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 */
28
- --dds-color-interactive-dark: rgba(37, 96, 136, 1);
29
- --dds-color-interactive-darker: rgba(28, 72, 102, 1);
30
- --dds-color-interactive-darkest: rgba(18, 48, 68, 1);
24
+ --dds-color-interactive-lightest: rgba(231, 241, 247, 1);
25
+ --dds-color-interactive-lighter: rgba(159, 197, 222, 1);
26
+ --dds-color-interactive-light: rgba(88, 154, 198, 1);
27
+ --dds-color-interactive-base: rgba(16, 110, 173, 1); /* 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 */
28
+ --dds-color-interactive-dark: rgba(13, 88, 138, 1);
29
+ --dds-color-interactive-darker: rgba(10, 66, 104, 1);
30
+ --dds-color-interactive-darkest: rgba(6, 44, 69, 1);
31
31
  --dds-color-secondary-lightest: rgba(230, 237, 237, 1); /* --l80 */
32
32
  --dds-color-secondary-lighter: rgba(205, 219, 219, 1);
33
33
  --dds-color-secondary-light: rgba(184, 205, 205, 1);
package/dist/css/ddsTokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -12,7 +12,12 @@
12
12
  --dds-color-primary-lightest: rgba(234, 239, 244, 1);
13
13
  --dds-color-primary-lighter: rgba(172, 187, 198, 1);
14
14
  --dds-color-primary-light: rgba(79, 106, 126, 1);
15
- --dds-color-primary-base: rgba(53, 71, 84, 1); /* Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter. */
15
+ --dds-color-primary-base: rgba(
16
+ 53,
17
+ 71,
18
+ 84,
19
+ 1
20
+ ); /* Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter. */
16
21
  --dds-color-primary-dark: rgba(49, 61, 69, 1);
17
22
  --dds-color-primary-darker: rgba(32, 43, 50, 1);
18
23
  --dds-color-primary-darkest: rgba(21, 28, 34, 1);
@@ -26,45 +31,75 @@
26
31
  --dds-color-neutrals-gray-7: rgba(58, 65, 70, 1);
27
32
  --dds-color-neutrals-gray-8: rgba(34, 39, 42, 1);
28
33
  --dds-color-neutrals-gray-9: rgba(11, 13, 14, 1);
29
- --dds-color-interactive-lightest: rgba(234, 242, 247, 1);
30
- --dds-color-interactive-lighter: rgba(171, 201, 221, 1);
31
- --dds-color-interactive-light: rgba(109, 161, 196, 1);
32
- --dds-color-interactive-base: rgba(46, 120, 170, 1); /* 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 */
33
- --dds-color-interactive-dark: rgba(37, 96, 136, 1);
34
- --dds-color-interactive-darker: rgba(28, 72, 102, 1);
35
- --dds-color-interactive-darkest: rgba(18, 48, 68, 1);
34
+ --dds-color-interactive-lightest: rgba(231, 241, 247, 1);
35
+ --dds-color-interactive-lighter: rgba(159, 197, 222, 1);
36
+ --dds-color-interactive-light: rgba(88, 154, 198, 1);
37
+ --dds-color-interactive-base: rgba(
38
+ 16,
39
+ 110,
40
+ 173,
41
+ 1
42
+ ); /* 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 */
43
+ --dds-color-interactive-dark: rgba(13, 88, 138, 1);
44
+ --dds-color-interactive-darker: rgba(10, 66, 104, 1);
45
+ --dds-color-interactive-darkest: rgba(6, 44, 69, 1);
36
46
  --dds-color-secondary-lightest: rgba(230, 237, 237, 1); /* --l80 */
37
47
  --dds-color-secondary-lighter: rgba(205, 219, 219, 1);
38
48
  --dds-color-secondary-light: rgba(184, 205, 205, 1);
39
- --dds-color-secondary-base: rgba(154, 184, 183, 1); /* Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter. */
49
+ --dds-color-secondary-base: rgba(
50
+ 154,
51
+ 184,
52
+ 183,
53
+ 1
54
+ ); /* Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter. */
40
55
  --dds-color-secondary-dark: rgba(123, 147, 146, 1);
41
56
  --dds-color-secondary-darker: rgba(77, 100, 99, 1);
42
57
  --dds-color-secondary-darkest: rgba(62, 74, 73, 1);
43
58
  --dds-color-tertiary-lightest: rgba(255, 230, 223, 1);
44
59
  --dds-color-tertiary-lighter: rgba(255, 214, 202, 1);
45
60
  --dds-color-tertiary-light: rgba(246, 193, 177, 1);
46
- --dds-color-tertiary-base: rgba(242, 166, 143, 1); /* Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge */
61
+ --dds-color-tertiary-base: rgba(
62
+ 242,
63
+ 166,
64
+ 143,
65
+ 1
66
+ ); /* Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge */
47
67
  --dds-color-tertiary-dark: rgba(245, 152, 119, 1);
48
68
  --dds-color-tertiary-darker: rgba(242, 126, 85, 1);
49
69
  --dds-color-tertiary-darkest: rgba(194, 101, 68, 1);
50
70
  --dds-color-success-lightest: rgba(240, 249, 240, 1);
51
71
  --dds-color-success-lighter: rgba(193, 229, 194, 1);
52
72
  --dds-color-success-light: rgba(147, 210, 148, 1);
53
- --dds-color-success-base: rgba(101, 190, 102, 1); /* Brukes for å kommunisere suksess eller noe som er riktig. */
73
+ --dds-color-success-base: rgba(
74
+ 101,
75
+ 190,
76
+ 102,
77
+ 1
78
+ ); /* Brukes for å kommunisere suksess eller noe som er riktig. */
54
79
  --dds-color-success-dark: rgba(81, 152, 82, 1);
55
80
  --dds-color-success-darker: rgba(61, 114, 61, 1);
56
81
  --dds-color-success-darkest: rgba(40, 76, 41, 1);
57
82
  --dds-color-danger-lightest: rgba(251, 235, 235, 1);
58
83
  --dds-color-danger-lighter: rgba(239, 175, 175, 1);
59
84
  --dds-color-danger-light: rgba(228, 115, 115, 1);
60
- --dds-color-danger-base: rgba(216, 55, 55, 1); /* Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett. */
85
+ --dds-color-danger-base: rgba(
86
+ 216,
87
+ 55,
88
+ 55,
89
+ 1
90
+ ); /* Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett. */
61
91
  --dds-color-danger-dark: rgba(173, 44, 44, 1);
62
92
  --dds-color-danger-darker: rgba(130, 33, 33, 1);
63
93
  --dds-color-danger-darkest: rgba(86, 22, 22, 1);
64
94
  --dds-color-warning-lightest: rgba(254, 252, 237, 1);
65
95
  --dds-color-warning-lighter: rgba(251, 243, 184, 1);
66
96
  --dds-color-warning-light: rgba(247, 233, 130, 1);
67
- --dds-color-warning-base: rgba(244, 224, 77, 1); /* Brukes for å kommunisere varsler. */
97
+ --dds-color-warning-base: rgba(
98
+ 244,
99
+ 224,
100
+ 77,
101
+ 1
102
+ ); /* Brukes for å kommunisere varsler. */
68
103
  --dds-color-warning-dark: rgba(195, 179, 62, 1);
69
104
  --dds-color-warning-darker: rgba(146, 134, 46, 1);
70
105
  --dds-color-warning-darkest: rgba(98, 90, 31, 1);
@@ -361,7 +396,7 @@
361
396
  --borders-dds-border-focus-inputfield-stroke-align: inside;
362
397
  --borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
363
398
  --borders-dds-border-focus-inputfield-stroke-weight: 2px;
364
- --borders-dds-border-focus-inputfield-stroke: rgba(46, 120, 170, 1);
399
+ --borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
365
400
  --borders-dds-border-focus-card-stroke-align: outside;
366
401
  --borders-dds-border-focus-card-stroke-miter-limit: 4;
367
402
  --borders-dds-border-focus-card-stroke-weight: 2px;
@@ -389,18 +424,18 @@
389
424
  --radii-dds-border-radius-3-radii-top-right: 8px;
390
425
  --radii-dds-border-radius-3-radii-bottom-right: 8px;
391
426
  --radii-dds-border-radius-3-radii-bottom-left: 8px;
392
- --dds-innershadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset;
393
- --dds-innershadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset;
394
- --dds-innershadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset;
395
- --dds-innershadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset;
396
- --dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
397
- --dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
398
- --dds-shadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5);
399
- --dds-shadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1);
400
- --dds-shadow-3-ondark: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5);
401
- --dds-shadow-3-onlight: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1);
402
- --dds-shadow-4-ondark: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5);
403
- --dds-shadow-4-onlight: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1);
427
+ --dds-innershadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5) inset;
428
+ --dds-innershadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
429
+ --dds-innershadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5) inset;
430
+ --dds-innershadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1) inset;
431
+ --dds-shadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5);
432
+ --dds-shadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
433
+ --dds-shadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5);
434
+ --dds-shadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1);
435
+ --dds-shadow-3-ondark: 4px 8px 16px 0px rgba(0, 0, 0, 0.5);
436
+ --dds-shadow-3-onlight: 4px 8px 16px 0px rgba(0, 0, 0, 0.1);
437
+ --dds-shadow-4-ondark: 8px 16px 32px 0px rgba(0, 0, 0, 0.5);
438
+ --dds-shadow-4-onlight: 8px 16px 32px 0px rgba(0, 0, 0, 0.1);
404
439
  --dds-grid-xs-0-599-pattern: columns;
405
440
  --dds-grid-xs-0-599-gutter-size: 16px;
406
441
  --dds-grid-xs-0-599-alignment: stretch;
@@ -429,16 +464,16 @@
429
464
  --dds-iconsize-medium: 24px;
430
465
  --dds-iconsize-large: 40px;
431
466
  --dds-iconsize-small: 16px;
432
- --sizes-dds-spacing-x3: 48px; /* 48px */
433
- --sizes-dds-spacing-x2-5: 40px; /* 40px */
434
- --sizes-dds-spacing-x2: 32px; /* 32px */
435
- --sizes-dds-spacing-x10: 160px; /* 160px */
436
- --sizes-dds-spacing-x1-5: 24px; /* 24px */
437
- --sizes-dds-spacing-x6: 96px; /* 96px */
438
- --sizes-dds-spacing-x1: 16px; /* 16px */
439
- --sizes-dds-spacing-x4: 64px; /* 64px */
440
- --sizes-dds-spacing-x0-75: 12px; /* 12px */
441
- --sizes-dds-spacing-x0-5: 8px; /* 8px */
442
- --sizes-dds-spacing-x0-25: 4px; /* 4px */
443
- --sizes-dds-spacing-x0-125: 2px; /* 2px */
467
+ --sizes-dds-spacing-x-3: 48px; /* 48px */
468
+ --sizes-dds-spacing-x-2-5: 40px; /* 40px */
469
+ --sizes-dds-spacing-x-2: 32px; /* 32px */
470
+ --sizes-dds-spacing-x-10: 160px; /* 160px */
471
+ --sizes-dds-spacing-x-1-5: 24px; /* 24px */
472
+ --sizes-dds-spacing-x-6: 96px; /* 96px */
473
+ --sizes-dds-spacing-x-1: 16px; /* 16px */
474
+ --sizes-dds-spacing-x-4: 64px; /* 64px */
475
+ --sizes-dds-spacing-x-0-75: 12px; /* 12px */
476
+ --sizes-dds-spacing-x-0-5: 8px; /* 8px */
477
+ --sizes-dds-spacing-x-0-25: 4px; /* 4px */
478
+ --sizes-dds-spacing-x-0-125: 2px; /* 2px */
444
479
  }
package/dist/css/font.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/grid.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/iconSize.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/innershadow.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/outershadow.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/spacing.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/dds/build/js/border.d.ts CHANGED
@@ -12,7 +12,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
12
  export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
13
  export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
14
  export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
15
+ export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
16
  export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
17
  export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
18
  export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
package/dist/dds/build/js/border.js CHANGED
@@ -12,7 +12,7 @@ const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
12
  const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
13
  const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
14
  const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
15
+ const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
16
  const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
17
  const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
18
  const BordersDdsBorderFocusCardStrokeWeight = "2px";
package/dist/dds/build/js/colors.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
6
6
  export declare const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -19,13 +19,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
19
19
  export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
20
20
  export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
21
21
  export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
22
- export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
23
- export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
24
- export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
25
- export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
26
- export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
27
- export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
28
- export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
22
+ export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
23
+ export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
24
+ export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
25
+ export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
26
+ export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
27
+ export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
28
+ export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
29
29
  export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
30
30
  export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
31
31
  export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
package/dist/dds/build/js/colors.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
6
6
  const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -19,13 +19,13 @@ const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
19
19
  const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
20
20
  const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
21
21
  const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
22
- const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
23
- const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
24
- const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
25
- const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)"; // 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
26
- const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
27
- const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
28
- const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
22
+ const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
23
+ const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
24
+ const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
25
+ const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)"; // 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
26
+ const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
27
+ const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
28
+ const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
29
29
  const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)"; // --l80
30
30
  const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
31
31
  const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
package/dist/dds/build/js/ddsTokens.d.ts CHANGED
@@ -25,13 +25,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
25
25
  export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
26
26
  export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
27
27
  export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
28
- export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
29
- export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
30
- export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
31
- export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
32
- export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
33
- export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
34
- export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
28
+ export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
29
+ export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
30
+ export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
31
+ export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
32
+ export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
33
+ export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
34
+ export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
35
35
  export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
36
36
  export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
37
37
  export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
@@ -438,7 +438,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
438
438
  export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
439
439
  export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
440
440
  export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
441
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
441
+ export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
442
442
  export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
443
443
  export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
444
444
  export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
package/dist/dds/build/js/innershadow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
6
  export declare const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
package/dist/dds/build/js/innershadow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
6
  const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
package/dist/dds/build/js/outershadow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  export declare const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
6
  export declare const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
package/dist/dds/build/js/outershadow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
  */
5
5
  const DdsShadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5)";
6
6
  const DdsShadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1)";
package/dist/scss/_border.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $borders-dds-border-focus-base-stroke-align: inside;
6
6
  $borders-dds-border-focus-base-stroke-miter-limit: 4;
@@ -13,7 +13,7 @@ $borders-dds-border-focus-ondark-stroke: rgba(251, 243, 184, 1);
13
13
  $borders-dds-border-focus-inputfield-stroke-align: inside;
14
14
  $borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
15
15
  $borders-dds-border-focus-inputfield-stroke-weight: 2px;
16
- $borders-dds-border-focus-inputfield-stroke: rgba(46, 120, 170, 1);
16
+ $borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
17
17
  $borders-dds-border-focus-card-stroke-align: outside;
18
18
  $borders-dds-border-focus-card-stroke-miter-limit: 4;
19
19
  $borders-dds-border-focus-card-stroke-weight: 2px;
package/dist/scss/_borderRadius.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $radii-dds-border-radius-1-radius: 2px;
6
6
  $radii-dds-border-radius-1-radii-top-left: 2px;
package/dist/scss/_breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $dds-breakpoint-xs: 1px;
6
6
  $dds-breakpoint-sm: 600px;
package/dist/scss/_colors.scss CHANGED
@@ -1,11 +1,15 @@
1
-
2
1
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
2
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
3
 
5
4
  $dds-color-primary-lightest: rgba(234, 239, 244, 1);
6
5
  $dds-color-primary-lighter: rgba(172, 187, 198, 1);
7
6
  $dds-color-primary-light: rgba(79, 106, 126, 1);
8
- $dds-color-primary-base: rgba(53, 71, 84, 1); // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
7
+ $dds-color-primary-base: rgba(
8
+ 53,
9
+ 71,
10
+ 84,
11
+ 1
12
+ ); // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
9
13
  $dds-color-primary-dark: rgba(49, 61, 69, 1);
10
14
  $dds-color-primary-darker: rgba(32, 43, 50, 1);
11
15
  $dds-color-primary-darkest: rgba(21, 28, 34, 1);
@@ -19,45 +23,75 @@ $dds-color-neutrals-gray-6: rgba(84, 92, 98, 1);
19
23
  $dds-color-neutrals-gray-7: rgba(58, 65, 70, 1);
20
24
  $dds-color-neutrals-gray-8: rgba(34, 39, 42, 1);
21
25
  $dds-color-neutrals-gray-9: rgba(11, 13, 14, 1);
22
- $dds-color-interactive-lightest: rgba(234, 242, 247, 1);
23
- $dds-color-interactive-lighter: rgba(171, 201, 221, 1);
24
- $dds-color-interactive-light: rgba(109, 161, 196, 1);
25
- $dds-color-interactive-base: rgba(46, 120, 170, 1); // 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
26
- $dds-color-interactive-dark: rgba(37, 96, 136, 1);
27
- $dds-color-interactive-darker: rgba(28, 72, 102, 1);
28
- $dds-color-interactive-darkest: rgba(18, 48, 68, 1);
26
+ $dds-color-interactive-lightest: rgba(231, 241, 247, 1);
27
+ $dds-color-interactive-lighter: rgba(159, 197, 222, 1);
28
+ $dds-color-interactive-light: rgba(88, 154, 198, 1);
29
+ $dds-color-interactive-base: rgba(
30
+ 16,
31
+ 110,
32
+ 173,
33
+ 1
34
+ ); // 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
35
+ $dds-color-interactive-dark: rgba(13, 88, 138, 1);
36
+ $dds-color-interactive-darker: rgba(10, 66, 104, 1);
37
+ $dds-color-interactive-darkest: rgba(6, 44, 69, 1);
29
38
  $dds-color-secondary-lightest: rgba(230, 237, 237, 1); // --l80
30
39
  $dds-color-secondary-lighter: rgba(205, 219, 219, 1);
31
40
  $dds-color-secondary-light: rgba(184, 205, 205, 1);
32
- $dds-color-secondary-base: rgba(154, 184, 183, 1); // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
41
+ $dds-color-secondary-base: rgba(
42
+ 154,
43
+ 184,
44
+ 183,
45
+ 1
46
+ ); // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
33
47
  $dds-color-secondary-dark: rgba(123, 147, 146, 1);
34
48
  $dds-color-secondary-darker: rgba(77, 100, 99, 1);
35
49
  $dds-color-secondary-darkest: rgba(62, 74, 73, 1);
36
50
  $dds-color-tertiary-lightest: rgba(255, 230, 223, 1);
37
51
  $dds-color-tertiary-lighter: rgba(255, 214, 202, 1);
38
52
  $dds-color-tertiary-light: rgba(246, 193, 177, 1);
39
- $dds-color-tertiary-base: rgba(242, 166, 143, 1); // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
53
+ $dds-color-tertiary-base: rgba(
54
+ 242,
55
+ 166,
56
+ 143,
57
+ 1
58
+ ); // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
40
59
  $dds-color-tertiary-dark: rgba(245, 152, 119, 1);
41
60
  $dds-color-tertiary-darker: rgba(242, 126, 85, 1);
42
61
  $dds-color-tertiary-darkest: rgba(194, 101, 68, 1);
43
62
  $dds-color-success-lightest: rgba(240, 249, 240, 1);
44
63
  $dds-color-success-lighter: rgba(193, 229, 194, 1);
45
64
  $dds-color-success-light: rgba(147, 210, 148, 1);
46
- $dds-color-success-base: rgba(101, 190, 102, 1); // Brukes for å kommunisere suksess eller noe som er riktig.
65
+ $dds-color-success-base: rgba(
66
+ 101,
67
+ 190,
68
+ 102,
69
+ 1
70
+ ); // Brukes for å kommunisere suksess eller noe som er riktig.
47
71
  $dds-color-success-dark: rgba(81, 152, 82, 1);
48
72
  $dds-color-success-darker: rgba(61, 114, 61, 1);
49
73
  $dds-color-success-darkest: rgba(40, 76, 41, 1);
50
74
  $dds-color-danger-lightest: rgba(251, 235, 235, 1);
51
75
  $dds-color-danger-lighter: rgba(239, 175, 175, 1);
52
76
  $dds-color-danger-light: rgba(228, 115, 115, 1);
53
- $dds-color-danger-base: rgba(216, 55, 55, 1); // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
77
+ $dds-color-danger-base: rgba(
78
+ 216,
79
+ 55,
80
+ 55,
81
+ 1
82
+ ); // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
54
83
  $dds-color-danger-dark: rgba(173, 44, 44, 1);
55
84
  $dds-color-danger-darker: rgba(130, 33, 33, 1);
56
85
  $dds-color-danger-darkest: rgba(86, 22, 22, 1);
57
86
  $dds-color-warning-lightest: rgba(254, 252, 237, 1);
58
87
  $dds-color-warning-lighter: rgba(251, 243, 184, 1);
59
88
  $dds-color-warning-light: rgba(247, 233, 130, 1);
60
- $dds-color-warning-base: rgba(244, 224, 77, 1); // Brukes for å kommunisere varsler.
89
+ $dds-color-warning-base: rgba(
90
+ 244,
91
+ 224,
92
+ 77,
93
+ 1
94
+ ); // Brukes for å kommunisere varsler.
61
95
  $dds-color-warning-dark: rgba(195, 179, 62, 1);
62
96
  $dds-color-warning-darker: rgba(146, 134, 46, 1);
63
97
  $dds-color-warning-darkest: rgba(98, 90, 31, 1);
package/dist/scss/_ddsTokens.scss CHANGED
@@ -1,6 +1,5 @@
1
-
2
1
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
2
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
3
 
5
4
  $dds-breakpoint-xs: 1px;
6
5
  $dds-breakpoint-sm: 600px;
@@ -10,7 +9,12 @@ $dds-breakpoint-xl: 1920px;
10
9
  $dds-color-primary-lightest: rgba(234, 239, 244, 1);
11
10
  $dds-color-primary-lighter: rgba(172, 187, 198, 1);
12
11
  $dds-color-primary-light: rgba(79, 106, 126, 1);
13
- $dds-color-primary-base: rgba(53, 71, 84, 1); // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
12
+ $dds-color-primary-base: rgba(
13
+ 53,
14
+ 71,
15
+ 84,
16
+ 1
17
+ ); // Primary er hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
14
18
  $dds-color-primary-dark: rgba(49, 61, 69, 1);
15
19
  $dds-color-primary-darker: rgba(32, 43, 50, 1);
16
20
  $dds-color-primary-darkest: rgba(21, 28, 34, 1);
@@ -24,45 +28,75 @@ $dds-color-neutrals-gray-6: rgba(84, 92, 98, 1);
24
28
  $dds-color-neutrals-gray-7: rgba(58, 65, 70, 1);
25
29
  $dds-color-neutrals-gray-8: rgba(34, 39, 42, 1);
26
30
  $dds-color-neutrals-gray-9: rgba(11, 13, 14, 1);
27
- $dds-color-interactive-lightest: rgba(234, 242, 247, 1);
28
- $dds-color-interactive-lighter: rgba(171, 201, 221, 1);
29
- $dds-color-interactive-light: rgba(109, 161, 196, 1);
30
- $dds-color-interactive-base: rgba(46, 120, 170, 1); // 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
31
- $dds-color-interactive-dark: rgba(37, 96, 136, 1);
32
- $dds-color-interactive-darker: rgba(28, 72, 102, 1);
33
- $dds-color-interactive-darkest: rgba(18, 48, 68, 1);
31
+ $dds-color-interactive-lightest: rgba(231, 241, 247, 1);
32
+ $dds-color-interactive-lighter: rgba(159, 197, 222, 1);
33
+ $dds-color-interactive-light: rgba(88, 154, 198, 1);
34
+ $dds-color-interactive-base: rgba(
35
+ 16,
36
+ 110,
37
+ 173,
38
+ 1
39
+ ); // 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
40
+ $dds-color-interactive-dark: rgba(13, 88, 138, 1);
41
+ $dds-color-interactive-darker: rgba(10, 66, 104, 1);
42
+ $dds-color-interactive-darkest: rgba(6, 44, 69, 1);
34
43
  $dds-color-secondary-lightest: rgba(230, 237, 237, 1); // --l80
35
44
  $dds-color-secondary-lighter: rgba(205, 219, 219, 1);
36
45
  $dds-color-secondary-light: rgba(184, 205, 205, 1);
37
- $dds-color-secondary-base: rgba(154, 184, 183, 1); // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
46
+ $dds-color-secondary-base: rgba(
47
+ 154,
48
+ 184,
49
+ 183,
50
+ 1
51
+ ); // Secondary er den andre hovedfargen til Domstolene. Denne brukes ofte som bakgrunnsfarge og i komponenter.
38
52
  $dds-color-secondary-dark: rgba(123, 147, 146, 1);
39
53
  $dds-color-secondary-darker: rgba(77, 100, 99, 1);
40
54
  $dds-color-secondary-darkest: rgba(62, 74, 73, 1);
41
55
  $dds-color-tertiary-lightest: rgba(255, 230, 223, 1);
42
56
  $dds-color-tertiary-lighter: rgba(255, 214, 202, 1);
43
57
  $dds-color-tertiary-light: rgba(246, 193, 177, 1);
44
- $dds-color-tertiary-base: rgba(242, 166, 143, 1); // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
58
+ $dds-color-tertiary-base: rgba(
59
+ 242,
60
+ 166,
61
+ 143,
62
+ 1
63
+ ); // Tertiary er er den tredje profilfargen til Domstolene. Denne brukes gjerne som støttefarge
45
64
  $dds-color-tertiary-dark: rgba(245, 152, 119, 1);
46
65
  $dds-color-tertiary-darker: rgba(242, 126, 85, 1);
47
66
  $dds-color-tertiary-darkest: rgba(194, 101, 68, 1);
48
67
  $dds-color-success-lightest: rgba(240, 249, 240, 1);
49
68
  $dds-color-success-lighter: rgba(193, 229, 194, 1);
50
69
  $dds-color-success-light: rgba(147, 210, 148, 1);
51
- $dds-color-success-base: rgba(101, 190, 102, 1); // Brukes for å kommunisere suksess eller noe som er riktig.
70
+ $dds-color-success-base: rgba(
71
+ 101,
72
+ 190,
73
+ 102,
74
+ 1
75
+ ); // Brukes for å kommunisere suksess eller noe som er riktig.
52
76
  $dds-color-success-dark: rgba(81, 152, 82, 1);
53
77
  $dds-color-success-darker: rgba(61, 114, 61, 1);
54
78
  $dds-color-success-darkest: rgba(40, 76, 41, 1);
55
79
  $dds-color-danger-lightest: rgba(251, 235, 235, 1);
56
80
  $dds-color-danger-lighter: rgba(239, 175, 175, 1);
57
81
  $dds-color-danger-light: rgba(228, 115, 115, 1);
58
- $dds-color-danger-base: rgba(216, 55, 55, 1); // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
82
+ $dds-color-danger-base: rgba(
83
+ 216,
84
+ 55,
85
+ 55,
86
+ 1
87
+ ); // Brukes for å kommunisere feil og destruktive handlinger, som f.eks. slett.
59
88
  $dds-color-danger-dark: rgba(173, 44, 44, 1);
60
89
  $dds-color-danger-darker: rgba(130, 33, 33, 1);
61
90
  $dds-color-danger-darkest: rgba(86, 22, 22, 1);
62
91
  $dds-color-warning-lightest: rgba(254, 252, 237, 1);
63
92
  $dds-color-warning-lighter: rgba(251, 243, 184, 1);
64
93
  $dds-color-warning-light: rgba(247, 233, 130, 1);
65
- $dds-color-warning-base: rgba(244, 224, 77, 1); // Brukes for å kommunisere varsler.
94
+ $dds-color-warning-base: rgba(
95
+ 244,
96
+ 224,
97
+ 77,
98
+ 1
99
+ ); // Brukes for å kommunisere varsler.
66
100
  $dds-color-warning-dark: rgba(195, 179, 62, 1);
67
101
  $dds-color-warning-darker: rgba(146, 134, 46, 1);
68
102
  $dds-color-warning-darkest: rgba(98, 90, 31, 1);
@@ -359,7 +393,7 @@ $borders-dds-border-focus-ondark-stroke: rgba(251, 243, 184, 1);
359
393
  $borders-dds-border-focus-inputfield-stroke-align: inside;
360
394
  $borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
361
395
  $borders-dds-border-focus-inputfield-stroke-weight: 2px;
362
- $borders-dds-border-focus-inputfield-stroke: rgba(46, 120, 170, 1);
396
+ $borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
363
397
  $borders-dds-border-focus-card-stroke-align: outside;
364
398
  $borders-dds-border-focus-card-stroke-miter-limit: 4;
365
399
  $borders-dds-border-focus-card-stroke-weight: 2px;
@@ -387,18 +421,18 @@ $radii-dds-border-radius-3-radii-top-left: 8px;
387
421
  $radii-dds-border-radius-3-radii-top-right: 8px;
388
422
  $radii-dds-border-radius-3-radii-bottom-right: 8px;
389
423
  $radii-dds-border-radius-3-radii-bottom-left: 8px;
390
- $dds-innershadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset;
391
- $dds-innershadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset;
392
- $dds-innershadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset;
393
- $dds-innershadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset;
394
- $dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
395
- $dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
396
- $dds-shadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5);
397
- $dds-shadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1);
398
- $dds-shadow-3-ondark: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.5);
399
- $dds-shadow-3-onlight: 4.0px 8.0px 16.0px 0px rgba(0, 0, 0, 0.1);
400
- $dds-shadow-4-ondark: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.5);
401
- $dds-shadow-4-onlight: 8.0px 16.0px 32.0px 0px rgba(0, 0, 0, 0.1);
424
+ $dds-innershadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5) inset;
425
+ $dds-innershadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1) inset;
426
+ $dds-innershadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5) inset;
427
+ $dds-innershadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1) inset;
428
+ $dds-shadow-1-ondark: 1px 2px 4px 0px rgba(0, 0, 0, 0.5);
429
+ $dds-shadow-1-onlight: 1px 2px 4px 0px rgba(0, 0, 0, 0.1);
430
+ $dds-shadow-2-ondark: 2px 4px 8px 0px rgba(0, 0, 0, 0.5);
431
+ $dds-shadow-2-onlight: 2px 4px 8px 0px rgba(0, 0, 0, 0.1);
432
+ $dds-shadow-3-ondark: 4px 8px 16px 0px rgba(0, 0, 0, 0.5);
433
+ $dds-shadow-3-onlight: 4px 8px 16px 0px rgba(0, 0, 0, 0.1);
434
+ $dds-shadow-4-ondark: 8px 16px 32px 0px rgba(0, 0, 0, 0.5);
435
+ $dds-shadow-4-onlight: 8px 16px 32px 0px rgba(0, 0, 0, 0.1);
402
436
  $dds-grid-xs-0-599-pattern: columns;
403
437
  $dds-grid-xs-0-599-gutter-size: 16px;
404
438
  $dds-grid-xs-0-599-alignment: stretch;
@@ -427,15 +461,15 @@ $dds-grid-xl-1920-offset: 24px;
427
461
  $dds-iconsize-medium: 24px;
428
462
  $dds-iconsize-large: 40px;
429
463
  $dds-iconsize-small: 16px;
430
- $sizes-dds-spacing-x3: 48px; // 48px
431
- $sizes-dds-spacing-x2-5: 40px; // 40px
432
- $sizes-dds-spacing-x2: 32px; // 32px
433
- $sizes-dds-spacing-x10: 160px; // 160px
434
- $sizes-dds-spacing-x1-5: 24px; // 24px
435
- $sizes-dds-spacing-x6: 96px; // 96px
436
- $sizes-dds-spacing-x1: 16px; // 16px
437
- $sizes-dds-spacing-x4: 64px; // 64px
438
- $sizes-dds-spacing-x0-75: 12px; // 12px
439
- $sizes-dds-spacing-x0-5: 8px; // 8px
440
- $sizes-dds-spacing-x0-25: 4px; // 4px
441
- $sizes-dds-spacing-x0-125: 2px; // 2px
464
+ $sizes-dds-spacing-x-3: 48px; // 48px
465
+ $sizes-dds-spacing-x-2-5: 40px; // 40px
466
+ $sizes-dds-spacing-x-2: 32px; // 32px
467
+ $sizes-dds-spacing-x-10: 160px; // 160px
468
+ $sizes-dds-spacing-x-1-5: 24px; // 24px
469
+ $sizes-dds-spacing-x-6: 96px; // 96px
470
+ $sizes-dds-spacing-x-1: 16px; // 16px
471
+ $sizes-dds-spacing-x-4: 64px; // 64px
472
+ $sizes-dds-spacing-x-0-75: 12px; // 12px
473
+ $sizes-dds-spacing-x-0-5: 8px; // 8px
474
+ $sizes-dds-spacing-x-0-25: 4px; // 4px
475
+ $sizes-dds-spacing-x-0-125: 2px; // 2px
package/dist/scss/_font.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $dds-font-heading-sans-01-font-size: 16px;
6
6
  $dds-font-heading-sans-01-text-decoration: none;
package/dist/scss/_iconSize.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $dds-iconsize-medium: 24px;
6
6
  $dds-iconsize-large: 40px;
package/dist/scss/_innershadow.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $dds-innershadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset;
6
6
  $dds-innershadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset;
package/dist/scss/_outershadow.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
3
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
4
 
5
5
  $dds-shadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5);
6
6
  $dds-shadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1);
package/dist/scss/_spacing.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  // Do not edit directly
2
- // Generated on Wed, 10 Jan 2024 13:04:31 GMT
2
+ // Generated on Mon, 22 Jan 2024 11:05:28 GMT
3
3
 
4
4
  $sizes-dds-spacing-x-3: 48px; // 48px
5
5
  $sizes-dds-spacing-x-2-5: 40px; // 40px
package/dist/src/ddsBaseTokens.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { colors, font, breakpoints, border, borderRadius, spacing, iconSizes, grid, innerShadow, outerShadow } from '../dds';
1
+ import { border, borderRadius, breakpoints, colors, font, grid, iconSizes, innerShadow, outerShadow, spacing } from '../dds';
2
2
  export declare const ddsBaseTokens: {
3
3
  colors: typeof colors;
4
4
  font: typeof font;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norges-domstoler/dds-design-tokens",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "description": "Design tokens used in Domstolenes designsystem",
5
5
  "author": "DDS team",
6
6
  "license": "MIT",
@@ -13,6 +13,8 @@
13
13
  "*.scss"
14
14
  ],
15
15
  "main": "dist/cjs/index.js",
16
+ "module": "dist/index.js",
17
+ "types": "dist/src/index.d.ts",
16
18
  "files": [
17
19
  "dist"
18
20
  ],
@@ -30,8 +32,7 @@
30
32
  "devDependencies": {
31
33
  "@rollup/plugin-commonjs": "^24.0.0",
32
34
  "@rollup/plugin-node-resolve": "^15.2.3",
33
- "@types/node": "^20.10.8",
34
- "clean-package": "2.2.0",
35
+ "@types/node": "^20.11.2",
35
36
  "fork-ts-checker-webpack-plugin": "^9.0.2",
36
37
  "rollup": "^3.29.4",
37
38
  "rollup-plugin-copy": "^3.5.0",
@@ -44,9 +45,6 @@
44
45
  "publishConfig": {
45
46
  "provenance": true
46
47
  },
47
- "clean-package": "./clean-package.config.json",
48
- "module": "dist/index.js",
49
- "types": "dist/src/index.d.ts",
50
48
  "scripts": {
51
49
  "clean": "rm -r dist dds/build || :",
52
50
  "dev": "rollup -c -w",