@norges-domstoler/dds-design-tokens 4.0.2 → 5.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 (61) hide show
  1. package/README.md +9 -12
  2. package/dist/cjs/dds/build/js/borderRadius.d.ts +10 -30
  3. package/dist/cjs/dds/build/js/colors.d.ts +152 -67
  4. package/dist/cjs/dds/build/js/ddsTokens.d.ts +270 -205
  5. package/dist/cjs/dds/build/js/font.d.ts +50 -0
  6. package/dist/cjs/dds/build/js/grid.d.ts +15 -35
  7. package/dist/cjs/dds/build/js/iconSize.d.ts +6 -6
  8. package/dist/cjs/dds/build/js/outershadow.d.ts +1 -1
  9. package/dist/cjs/dds/build/js/spacing.d.ts +28 -88
  10. package/dist/cjs/dds/index.d.ts +10 -11
  11. package/dist/cjs/index.js +1855 -606
  12. package/dist/cjs/src/ddsBaseTokens.d.ts +631 -3
  13. package/dist/css/borderRadius.css +6 -16
  14. package/dist/css/breakpoints.css +1 -1
  15. package/dist/css/colors.css +152 -67
  16. package/dist/css/ddsTokens.css +197 -198
  17. package/dist/css/font.css +1 -1
  18. package/dist/css/grid.css +11 -26
  19. package/dist/css/iconSize.css +4 -4
  20. package/dist/css/outershadow.css +1 -1
  21. package/dist/css/spacing.css +15 -45
  22. package/dist/dds/build/js/borderRadius.d.ts +10 -30
  23. package/dist/dds/build/js/borderRadius.js +11 -31
  24. package/dist/dds/build/js/colors.d.ts +152 -67
  25. package/dist/dds/build/js/colors.js +153 -68
  26. package/dist/dds/build/js/ddsTokens.d.ts +270 -205
  27. package/dist/dds/build/js/ddsTokens.js +630 -0
  28. package/dist/dds/build/js/font.d.ts +50 -0
  29. package/dist/dds/build/js/font.js +51 -1
  30. package/dist/dds/build/js/grid.d.ts +15 -35
  31. package/dist/dds/build/js/grid.js +16 -36
  32. package/dist/dds/build/js/iconSize.d.ts +6 -6
  33. package/dist/dds/build/js/iconSize.js +7 -7
  34. package/dist/dds/build/js/outershadow.d.ts +1 -1
  35. package/dist/dds/build/js/outershadow.js +1 -1
  36. package/dist/dds/build/js/spacing.d.ts +28 -88
  37. package/dist/dds/build/js/spacing.js +29 -89
  38. package/dist/dds/index.d.ts +10 -11
  39. package/dist/ddsBaseTokens.js +3 -5
  40. package/dist/ddsReferenceTokens.js +6 -6
  41. package/dist/index.js +1 -1
  42. package/dist/scss/_borderRadius.scss +6 -16
  43. package/dist/scss/_breakpoints.scss +1 -1
  44. package/dist/scss/_colors.scss +153 -102
  45. package/dist/scss/_ddsTokens.scss +198 -198
  46. package/dist/scss/_font.scss +1 -1
  47. package/dist/scss/_iconSize.scss +4 -4
  48. package/dist/scss/_outershadow.scss +1 -1
  49. package/dist/scss/_spacing.scss +16 -45
  50. package/dist/src/ddsBaseTokens.d.ts +631 -3
  51. package/package.json +6 -6
  52. package/dist/cjs/dds/build/js/border.d.ts +0 -30
  53. package/dist/cjs/dds/build/js/innershadow.d.ts +0 -8
  54. package/dist/css/border.css +0 -31
  55. package/dist/css/innershadow.css +0 -11
  56. package/dist/dds/build/js/border.d.ts +0 -30
  57. package/dist/dds/build/js/border.js +0 -32
  58. package/dist/dds/build/js/innershadow.d.ts +0 -8
  59. package/dist/dds/build/js/innershadow.js +0 -10
  60. package/dist/scss/_border.scss +0 -28
  61. package/dist/scss/_innershadow.scss +0 -8
package/dist/cjs/dds/build/js/border.d.ts DELETED
@@ -1,30 +0,0 @@
1
- export declare const BordersDdsBorderFocusBaseStrokeAlign = "inside";
2
- export declare const BordersDdsBorderFocusBaseStrokeMiterLimit = 4;
3
- export declare const BordersDdsBorderFocusBaseStrokeWeight = "1px";
4
- export declare const BordersDdsBorderFocusBaseStrokeWeightNumberPx = 1;
5
- export declare const BordersDdsBorderFocusBaseStroke = "rgba(98, 90, 31, 1)";
6
- export declare const BordersDdsBorderFocusOndarkStrokeAlign = "inside";
7
- export declare const BordersDdsBorderFocusOndarkStrokeMiterLimit = 4;
8
- export declare const BordersDdsBorderFocusOndarkStrokeWeight = "1px";
9
- export declare const BordersDdsBorderFocusOndarkStrokeWeightNumberPx = 1;
10
- export declare const BordersDdsBorderFocusOndarkStroke = "rgba(251, 243, 184, 1)";
11
- export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
- export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
- export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
- export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
- export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
- export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
- export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
19
- export declare const BordersDdsBorderFocusCardStrokeWeightNumberPx = 2;
20
- export declare const BordersDdsBorderFocusCardStroke = "rgba(98, 90, 31, 1)";
21
- export declare const BordersDdsBorderStyleLightStrokeAlign = "inside";
22
- export declare const BordersDdsBorderStyleLightStrokeMiterLimit = 4;
23
- export declare const BordersDdsBorderStyleLightStrokeWeight = "1px";
24
- export declare const BordersDdsBorderStyleLightStrokeWeightNumberPx = 1;
25
- export declare const BordersDdsBorderStyleLightStroke = "rgba(172, 187, 198, 1)";
26
- export declare const BordersDdsBorderStyleDarkStrokeAlign = "inside";
27
- export declare const BordersDdsBorderStyleDarkStrokeMiterLimit = 4;
28
- export declare const BordersDdsBorderStyleDarkStrokeWeight = "1px";
29
- export declare const BordersDdsBorderStyleDarkStrokeWeightNumberPx = 1;
30
- export declare const BordersDdsBorderStyleDarkStroke = "rgba(53, 71, 84, 1)";
package/dist/cjs/dds/build/js/innershadow.d.ts DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
- */
5
- export declare const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
- export declare const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
7
- export declare const DdsInnershadow2Ondark = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset";
8
- export declare const DdsInnershadow2Onlight = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset";
package/dist/css/border.css DELETED
@@ -1,31 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
- */
5
-
6
- :root {
7
- --borders-dds-border-focus-base-stroke-align: inside;
8
- --borders-dds-border-focus-base-stroke-miter-limit: 4;
9
- --borders-dds-border-focus-base-stroke-weight: 1px;
10
- --borders-dds-border-focus-base-stroke: rgba(98, 90, 31, 1);
11
- --borders-dds-border-focus-ondark-stroke-align: inside;
12
- --borders-dds-border-focus-ondark-stroke-miter-limit: 4;
13
- --borders-dds-border-focus-ondark-stroke-weight: 1px;
14
- --borders-dds-border-focus-ondark-stroke: rgba(251, 243, 184, 1);
15
- --borders-dds-border-focus-inputfield-stroke-align: inside;
16
- --borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
17
- --borders-dds-border-focus-inputfield-stroke-weight: 2px;
18
- --borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
19
- --borders-dds-border-focus-card-stroke-align: outside;
20
- --borders-dds-border-focus-card-stroke-miter-limit: 4;
21
- --borders-dds-border-focus-card-stroke-weight: 2px;
22
- --borders-dds-border-focus-card-stroke: rgba(98, 90, 31, 1);
23
- --borders-dds-border-style-light-stroke-align: inside;
24
- --borders-dds-border-style-light-stroke-miter-limit: 4;
25
- --borders-dds-border-style-light-stroke-weight: 1px;
26
- --borders-dds-border-style-light-stroke: rgba(172, 187, 198, 1);
27
- --borders-dds-border-style-dark-stroke-align: inside;
28
- --borders-dds-border-style-dark-stroke-miter-limit: 4;
29
- --borders-dds-border-style-dark-stroke-weight: 1px;
30
- --borders-dds-border-style-dark-stroke: rgba(53, 71, 84, 1);
31
- }
package/dist/css/innershadow.css DELETED
@@ -1,11 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
- */
5
-
6
- :root {
7
- --dds-innershadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset;
8
- --dds-innershadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset;
9
- --dds-innershadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset;
10
- --dds-innershadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset;
11
- }
package/dist/dds/build/js/border.d.ts DELETED
@@ -1,30 +0,0 @@
1
- export declare const BordersDdsBorderFocusBaseStrokeAlign = "inside";
2
- export declare const BordersDdsBorderFocusBaseStrokeMiterLimit = 4;
3
- export declare const BordersDdsBorderFocusBaseStrokeWeight = "1px";
4
- export declare const BordersDdsBorderFocusBaseStrokeWeightNumberPx = 1;
5
- export declare const BordersDdsBorderFocusBaseStroke = "rgba(98, 90, 31, 1)";
6
- export declare const BordersDdsBorderFocusOndarkStrokeAlign = "inside";
7
- export declare const BordersDdsBorderFocusOndarkStrokeMiterLimit = 4;
8
- export declare const BordersDdsBorderFocusOndarkStrokeWeight = "1px";
9
- export declare const BordersDdsBorderFocusOndarkStrokeWeightNumberPx = 1;
10
- export declare const BordersDdsBorderFocusOndarkStroke = "rgba(251, 243, 184, 1)";
11
- export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
- export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
- export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
- export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
- export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
- export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
- export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
19
- export declare const BordersDdsBorderFocusCardStrokeWeightNumberPx = 2;
20
- export declare const BordersDdsBorderFocusCardStroke = "rgba(98, 90, 31, 1)";
21
- export declare const BordersDdsBorderStyleLightStrokeAlign = "inside";
22
- export declare const BordersDdsBorderStyleLightStrokeMiterLimit = 4;
23
- export declare const BordersDdsBorderStyleLightStrokeWeight = "1px";
24
- export declare const BordersDdsBorderStyleLightStrokeWeightNumberPx = 1;
25
- export declare const BordersDdsBorderStyleLightStroke = "rgba(172, 187, 198, 1)";
26
- export declare const BordersDdsBorderStyleDarkStrokeAlign = "inside";
27
- export declare const BordersDdsBorderStyleDarkStrokeMiterLimit = 4;
28
- export declare const BordersDdsBorderStyleDarkStrokeWeight = "1px";
29
- export declare const BordersDdsBorderStyleDarkStrokeWeightNumberPx = 1;
30
- export declare const BordersDdsBorderStyleDarkStroke = "rgba(53, 71, 84, 1)";
package/dist/dds/build/js/border.js DELETED
@@ -1,32 +0,0 @@
1
- const BordersDdsBorderFocusBaseStrokeAlign = "inside";
2
- const BordersDdsBorderFocusBaseStrokeMiterLimit = 4;
3
- const BordersDdsBorderFocusBaseStrokeWeight = "1px";
4
- const BordersDdsBorderFocusBaseStrokeWeightNumberPx = 1;
5
- const BordersDdsBorderFocusBaseStroke = "rgba(98, 90, 31, 1)";
6
- const BordersDdsBorderFocusOndarkStrokeAlign = "inside";
7
- const BordersDdsBorderFocusOndarkStrokeMiterLimit = 4;
8
- const BordersDdsBorderFocusOndarkStrokeWeight = "1px";
9
- const BordersDdsBorderFocusOndarkStrokeWeightNumberPx = 1;
10
- const BordersDdsBorderFocusOndarkStroke = "rgba(251, 243, 184, 1)";
11
- const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
12
- const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
13
- const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
14
- const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
15
- const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
16
- const BordersDdsBorderFocusCardStrokeAlign = "outside";
17
- const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
18
- const BordersDdsBorderFocusCardStrokeWeight = "2px";
19
- const BordersDdsBorderFocusCardStrokeWeightNumberPx = 2;
20
- const BordersDdsBorderFocusCardStroke = "rgba(98, 90, 31, 1)";
21
- const BordersDdsBorderStyleLightStrokeAlign = "inside";
22
- const BordersDdsBorderStyleLightStrokeMiterLimit = 4;
23
- const BordersDdsBorderStyleLightStrokeWeight = "1px";
24
- const BordersDdsBorderStyleLightStrokeWeightNumberPx = 1;
25
- const BordersDdsBorderStyleLightStroke = "rgba(172, 187, 198, 1)";
26
- const BordersDdsBorderStyleDarkStrokeAlign = "inside";
27
- const BordersDdsBorderStyleDarkStrokeMiterLimit = 4;
28
- const BordersDdsBorderStyleDarkStrokeWeight = "1px";
29
- const BordersDdsBorderStyleDarkStrokeWeightNumberPx = 1;
30
- const BordersDdsBorderStyleDarkStroke = "rgba(53, 71, 84, 1)";
31
-
32
- export { BordersDdsBorderFocusBaseStroke, BordersDdsBorderFocusBaseStrokeAlign, BordersDdsBorderFocusBaseStrokeMiterLimit, BordersDdsBorderFocusBaseStrokeWeight, BordersDdsBorderFocusBaseStrokeWeightNumberPx, BordersDdsBorderFocusCardStroke, BordersDdsBorderFocusCardStrokeAlign, BordersDdsBorderFocusCardStrokeMiterLimit, BordersDdsBorderFocusCardStrokeWeight, BordersDdsBorderFocusCardStrokeWeightNumberPx, BordersDdsBorderFocusInputfieldStroke, BordersDdsBorderFocusInputfieldStrokeAlign, BordersDdsBorderFocusInputfieldStrokeMiterLimit, BordersDdsBorderFocusInputfieldStrokeWeight, BordersDdsBorderFocusInputfieldStrokeWeightNumberPx, BordersDdsBorderFocusOndarkStroke, BordersDdsBorderFocusOndarkStrokeAlign, BordersDdsBorderFocusOndarkStrokeMiterLimit, BordersDdsBorderFocusOndarkStrokeWeight, BordersDdsBorderFocusOndarkStrokeWeightNumberPx, BordersDdsBorderStyleDarkStroke, BordersDdsBorderStyleDarkStrokeAlign, BordersDdsBorderStyleDarkStrokeMiterLimit, BordersDdsBorderStyleDarkStrokeWeight, BordersDdsBorderStyleDarkStrokeWeightNumberPx, BordersDdsBorderStyleLightStroke, BordersDdsBorderStyleLightStrokeAlign, BordersDdsBorderStyleLightStrokeMiterLimit, BordersDdsBorderStyleLightStrokeWeight, BordersDdsBorderStyleLightStrokeWeightNumberPx };
package/dist/dds/build/js/innershadow.d.ts DELETED
@@ -1,8 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
- */
5
- export declare const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
- export declare const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
7
- export declare const DdsInnershadow2Ondark = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset";
8
- export declare const DdsInnershadow2Onlight = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset";
package/dist/dds/build/js/innershadow.js DELETED
@@ -1,10 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
- */
5
- const DdsInnershadow1Ondark = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset";
6
- const DdsInnershadow1Onlight = " 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset";
7
- const DdsInnershadow2Ondark = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset";
8
- const DdsInnershadow2Onlight = " 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset";
9
-
10
- export { DdsInnershadow1Ondark, DdsInnershadow1Onlight, DdsInnershadow2Ondark, DdsInnershadow2Onlight };
package/dist/scss/_border.scss DELETED
@@ -1,28 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
-
5
- $borders-dds-border-focus-base-stroke-align: inside;
6
- $borders-dds-border-focus-base-stroke-miter-limit: 4;
7
- $borders-dds-border-focus-base-stroke-weight: 1px;
8
- $borders-dds-border-focus-base-stroke: rgba(98, 90, 31, 1);
9
- $borders-dds-border-focus-ondark-stroke-align: inside;
10
- $borders-dds-border-focus-ondark-stroke-miter-limit: 4;
11
- $borders-dds-border-focus-ondark-stroke-weight: 1px;
12
- $borders-dds-border-focus-ondark-stroke: rgba(251, 243, 184, 1);
13
- $borders-dds-border-focus-inputfield-stroke-align: inside;
14
- $borders-dds-border-focus-inputfield-stroke-miter-limit: 4;
15
- $borders-dds-border-focus-inputfield-stroke-weight: 2px;
16
- $borders-dds-border-focus-inputfield-stroke: rgba(16, 110, 173, 1);
17
- $borders-dds-border-focus-card-stroke-align: outside;
18
- $borders-dds-border-focus-card-stroke-miter-limit: 4;
19
- $borders-dds-border-focus-card-stroke-weight: 2px;
20
- $borders-dds-border-focus-card-stroke: rgba(98, 90, 31, 1);
21
- $borders-dds-border-style-light-stroke-align: inside;
22
- $borders-dds-border-style-light-stroke-miter-limit: 4;
23
- $borders-dds-border-style-light-stroke-weight: 1px;
24
- $borders-dds-border-style-light-stroke: rgba(172, 187, 198, 1);
25
- $borders-dds-border-style-dark-stroke-align: inside;
26
- $borders-dds-border-style-dark-stroke-miter-limit: 4;
27
- $borders-dds-border-style-dark-stroke-weight: 1px;
28
- $borders-dds-border-style-dark-stroke: rgba(53, 71, 84, 1);
package/dist/scss/_innershadow.scss DELETED
@@ -1,8 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Mon, 22 Jan 2024 11:05:28 GMT
4
-
5
- $dds-innershadow-1-ondark: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.5) inset;
6
- $dds-innershadow-1-onlight: 1.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.1) inset;
7
- $dds-innershadow-2-ondark: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.5) inset;
8
- $dds-innershadow-2-onlight: 2.0px 4.0px 8.0px 0px rgba(0, 0, 0, 0.1) inset;