@conduction/theme 1.0.19 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/README.md +16 -11
  2. package/conduction-design-tokens/dist/design-tokens.css +1 -1
  3. package/conduction-design-tokens/dist/index.js +1 -1
  4. package/conduction-design-tokens/dist/index.less +1 -1
  5. package/conduction-design-tokens/dist/index.scss +1 -1
  6. package/conduction-design-tokens/src/brand/conduction/color.tokens.json +22 -10
  7. package/municipalities/dinkelland-design-tokens/LICENSE.md +17 -0
  8. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +322 -1
  9. package/municipalities/dinkelland-design-tokens/dist/font.css +114 -0
  10. package/municipalities/dinkelland-design-tokens/dist/index.css +1 -1
  11. package/municipalities/dinkelland-design-tokens/dist/index.js +322 -1
  12. package/municipalities/dinkelland-design-tokens/dist/index.json +6449 -28
  13. package/municipalities/dinkelland-design-tokens/dist/index.less +322 -1
  14. package/municipalities/dinkelland-design-tokens/dist/index.scss +322 -1
  15. package/municipalities/dinkelland-design-tokens/dist/tokens.json +6826 -35
  16. package/municipalities/dinkelland-design-tokens/package.json +40 -0
  17. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +109 -0
  18. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/font-size.tokens.json +17 -0
  19. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/size.tokens.json +17 -0
  20. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/typography.tokens.json +47 -0
  21. package/municipalities/dinkelland-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  22. package/municipalities/dinkelland-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  23. package/municipalities/dinkelland-design-tokens/src/component/conduction/card.tokens.json +15 -0
  24. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json +7 -0
  25. package/municipalities/dinkelland-design-tokens/src/component/conduction/select.tokens.json +15 -0
  26. package/municipalities/dinkelland-design-tokens/src/component/conduction/table.tokens.json +22 -0
  27. package/municipalities/dinkelland-design-tokens/src/component/utrecht/alert.tokens.json +47 -0
  28. package/municipalities/dinkelland-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  29. package/municipalities/dinkelland-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  30. package/municipalities/dinkelland-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  31. package/municipalities/dinkelland-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  32. package/municipalities/dinkelland-design-tokens/src/component/utrecht/form-input.tokens.json +44 -0
  33. package/municipalities/dinkelland-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  34. package/municipalities/dinkelland-design-tokens/src/component/utrecht/icon.tokens.json +13 -0
  35. package/municipalities/dinkelland-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  36. package/municipalities/dinkelland-design-tokens/src/component/utrecht/list.tokens.json +33 -0
  37. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-footer.tokens.json +15 -0
  38. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  39. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  40. package/municipalities/dinkelland-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  41. package/municipalities/dinkelland-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  42. package/municipalities/dinkelland-design-tokens/src/component/utrecht/textbox.tokens.json +44 -0
  43. package/municipalities/dinkelland-design-tokens/src/config.json +7 -0
  44. package/municipalities/dinkelland-design-tokens/src/font.scss +149 -0
  45. package/municipalities/dinkelland-design-tokens/src/index.scss +8 -0
  46. package/municipalities/dinkelland-design-tokens/style-dictionary.config.js +6 -0
  47. package/municipalities/leiden-design-tokens/dist/design-tokens.css +1 -1
  48. package/municipalities/leiden-design-tokens/dist/index.js +1 -1
  49. package/municipalities/leiden-design-tokens/dist/index.less +1 -1
  50. package/municipalities/leiden-design-tokens/dist/index.scss +1 -1
  51. package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +11 -5
  52. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +4 -3
  53. package/municipalities/tubbergen-design-tokens/dist/index.js +4 -3
  54. package/municipalities/tubbergen-design-tokens/dist/index.json +25 -4
  55. package/municipalities/tubbergen-design-tokens/dist/index.less +4 -3
  56. package/municipalities/tubbergen-design-tokens/dist/index.scss +4 -3
  57. package/municipalities/tubbergen-design-tokens/dist/tokens.json +25 -4
  58. package/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +49 -25
  59. package/municipalities/tubbergen-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  60. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +7 -7
  61. package/municipalities/xxllnc-design-tokens/dist/index.js +3 -3
  62. package/municipalities/xxllnc-design-tokens/dist/index.json +9 -7
  63. package/municipalities/xxllnc-design-tokens/dist/index.less +7 -7
  64. package/municipalities/xxllnc-design-tokens/dist/index.scss +7 -7
  65. package/municipalities/xxllnc-design-tokens/dist/tokens.json +41 -37
  66. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +16 -12
  67. package/municipalities/xxllnc-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  68. package/municipalities/xxllnc-design-tokens/src/component/utrecht/table.tokens.json +2 -2
  69. package/package.json +3 -2
@@ -0,0 +1,53 @@
1
+ {
2
+ "utrecht": {
3
+ "heading-1": {
4
+ "color": { "value": "{dinkelland.color.black.13}" },
5
+ "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" },
6
+ "font-size": { "value": "{dinkelland.font-size.2xl}" },
7
+ "font-weight": { "value": "{dinkelland.typography.font-weight.bold}" },
8
+ "line-height": {},
9
+ "margin-block-end": { "value": "{dinkelland.size.sm}" },
10
+ "margin-block-start": { "value": "{dinkelland.size.sm}" }
11
+ },
12
+
13
+ "heading-2": {
14
+ "color": { "value": "{dinkelland.color.black.13}" },
15
+ "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" },
16
+ "font-size": { "value": "{dinkelland.font-size.xl}" },
17
+ "font-weight": { "value": "{dinkelland.typography.font-weight.bold}" },
18
+ "line-height": {},
19
+ "margin-block-end": { "value": "{dinkelland.size.xs}" },
20
+ "margin-block-start": { "value": 0 }
21
+ },
22
+
23
+ "heading-3": {
24
+ "color": { "value": "{dinkelland.color.black.13}" },
25
+ "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" },
26
+ "font-size": { "value": "{dinkelland.font-size.lg}" },
27
+ "font-weight": { "value": "{dinkelland.typography.font-weight.normal}" },
28
+ "line-height": {},
29
+ "margin-block-end": { "value": "{dinkelland.size.2xs}" },
30
+ "margin-block-start": { "value": 0 }
31
+ },
32
+
33
+ "heading-4": {
34
+ "color": { "value": "{dinkelland.color.black.13}" },
35
+ "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" },
36
+ "font-size": { "value": "{dinkelland.font-size.md}" },
37
+ "font-weight": { "value": "{dinkelland.typography.font-weight.normal}" },
38
+ "line-height": {},
39
+ "margin-block-end": { "value": 0 },
40
+ "margin-block-start": { "value": 0 }
41
+ },
42
+
43
+ "heading-5": {
44
+ "color": { "value": "{dinkelland.color.black.13}" },
45
+ "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" },
46
+ "font-size": { "value": "{dinkelland.font-size.md}" },
47
+ "font-weight": { "value": "{dinkelland.typography.font-weight.light}" },
48
+ "line-height": {},
49
+ "margin-block-end": { "value": 0 },
50
+ "margin-block-start": { "value": 0 }
51
+ }
52
+ }
53
+ }
@@ -0,0 +1,13 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "color": {},
5
+ "gap": { "value": "{dinkelland.size.xs}" },
6
+ "size": {},
7
+ "inset-block-start": {},
8
+ "baseline": {
9
+ "inset-block-start": {}
10
+ }
11
+ }
12
+ }
13
+ }
@@ -0,0 +1,33 @@
1
+ {
2
+ "utrecht": {
3
+ "link": {
4
+ "color": { "value": "{dinkelland.color.primary}" },
5
+ "text-decoration": { "value": "none" },
6
+ "text-decoration-color": { "value": "unset" },
7
+ "text-decoration-thickness": { "value": 0 },
8
+ "text-underline-offset": { "value": "{dinkelland.size.3xs}" },
9
+ "active": {
10
+ "color": {}
11
+ },
12
+ "focus": {
13
+ "color": {},
14
+ "text-decoration": {},
15
+ "text-decoration-thickness": {}
16
+ },
17
+ "hover": {
18
+ "color": { "value": "{dinkelland.color.primary-hover}" },
19
+ "text-decoration": { "value": "underline" },
20
+ "text-decoration-thickness": { "value": "{dinkelland.size.4xs}" }
21
+ },
22
+ "placeholder": {
23
+ "color": {}
24
+ },
25
+ "visited": {
26
+ "color": { "value": "{dinkelland.color.primary}" }
27
+ },
28
+ "icon": {
29
+ "size": { "value": "{dinkelland.size.md}" }
30
+ }
31
+ }
32
+ }
33
+ }
@@ -0,0 +1,33 @@
1
+ {
2
+ "utrecht": {
3
+ "ordered-list": {
4
+ "font-size": { "value": "{utrecht.document.font-size}" },
5
+ "line-height": {},
6
+ "margin-block-start": { "value": "{dinkelland.size.sm}" },
7
+ "margin-block-end": { "value": "{dinkelland.size.sm}" },
8
+ "padding-inline-start": { "value": "{dinkelland.size.xl}" },
9
+ "item": {
10
+ "margin-block-start": { "value": "{dinkelland.size.2xs}" },
11
+ "margin-block-end": { "value": "{dinkelland.size.2xs}" },
12
+ "padding-inline-start": { "value": "1ch" }
13
+ }
14
+ },
15
+
16
+ "unordered-list": {
17
+ "font-size": { "value": "{utrecht.document.font-size}" },
18
+ "line-height": {},
19
+ "margin-block-start": { "value": "{dinkelland.size.md}" },
20
+ "margin-block-end": { "value": 0 },
21
+ "padding-inline-start": { "value": "2ch" },
22
+ "item": {
23
+ "margin-block-start": { "value": "{dinkelland.size.xs}" },
24
+ "margin-block-end": { "value": "{dinkelland.size.xs}" },
25
+ "padding-inline-start": { "value": "1ch" }
26
+ },
27
+
28
+ "marker": {
29
+ "color": { "value": "{utrecht.document.color}" }
30
+ }
31
+ }
32
+ }
33
+ }
@@ -0,0 +1,15 @@
1
+ {
2
+ "utrecht": {
3
+ "page-footer": {
4
+ "background-color": { "value": "unset" },
5
+ "background-image": {
6
+ "value": "url(https://www.dinkelland.nl/sites/all/themes/dinkelland/dist/assets/img/footer-bg.svg)"
7
+ },
8
+ "color": { "value": "{dinkelland.color.white.100}" },
9
+ "padding-inline-end": { "value": "{dinkelland.size.sm}" },
10
+ "padding-inline-start": { "value": "{dinkelland.size.sm}" },
11
+ "padding-block-end": { "value": "{dinkelland.size.2xl}" },
12
+ "padding-block-start": { "value": "{dinkelland.size.2xl}" }
13
+ }
14
+ }
15
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "utrecht": {
3
+ "page-header": {
4
+ "background-color": { "value": "{dinkelland.color.white.100}" },
5
+ "color": { "value": "{dinkelland.color.black.20}" },
6
+ "padding-block-start": { "value": "{dinkelland.size.sm}" },
7
+ "padding-block-end": { "value": "{dinkelland.size.sm}" }
8
+ }
9
+ }
10
+ }
@@ -0,0 +1,11 @@
1
+ {
2
+ "utrecht": {
3
+ "page": {
4
+ "background-color": {},
5
+ "color": {},
6
+ "padding-inline-start": { "value": "{dinkelland.size.lg}" },
7
+ "padding-inline-end": { "value": "{dinkelland.size.lg}" },
8
+ "max-inline-size": { "value": "1140px" }
9
+ }
10
+ }
11
+ }
@@ -0,0 +1,25 @@
1
+ {
2
+ "utrecht": {
3
+ "paragraph": {
4
+ "color": { "value": "{utrecht.document.color}" },
5
+ "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
6
+ "font-size": { "value": "{dinkelland.font-size.md}" },
7
+ "font-weight": { "value": "{dinkelland.typography.font-weight.normal}" },
8
+ "line-height": { "value": "1.5em" },
9
+ "margin-block-start": { "value": 0 },
10
+ "margin-block-end": { "value": 0 },
11
+ "lead": {
12
+ "color": {},
13
+ "font-size": {},
14
+ "font-weight": {},
15
+ "line-height": {}
16
+ },
17
+ "small": {
18
+ "color": {},
19
+ "font-size": {},
20
+ "font-weight": {},
21
+ "line-height": {}
22
+ }
23
+ }
24
+ }
25
+ }
@@ -0,0 +1,60 @@
1
+ {
2
+ "utrecht": {
3
+ "table": {
4
+ "border-color": {},
5
+ "border-width": {},
6
+ "font-family": { "value": "{utrecht.document.font-family}" },
7
+ "font-size": { "value": "{utrecht.document.font-size}" },
8
+ "line-height": {},
9
+ "margin-block-end": { "value": 0 },
10
+ "margin-block-start": { "value": "{dinkelland.size.md}" },
11
+ "caption": {
12
+ "font-weight": {},
13
+ "font-family": {},
14
+ "font-size": {},
15
+ "color": {},
16
+ "line-height": {},
17
+ "text-align": {},
18
+ "margin-block-end": {}
19
+ },
20
+ "header": {
21
+ "font-weight": { "value": "{dinkelland.typography.font-weight.bold}" },
22
+ "background-color": {},
23
+ "color": { "value": "{utrecht.document.color}" },
24
+ "text-transform": { "value": "unset" },
25
+ "border-block-end-color": {},
26
+ "border-block-end-width": {}
27
+ },
28
+ "header-cell": {
29
+ "font-size": { "value": "{utrecht.document.font-size}" },
30
+ "font-weight": { "value": "{dinkelland.typography.font-weight.bold}" },
31
+ "color": { "value": "{utrecht.document.color}" },
32
+ "text-transform": { "value": "unset" }
33
+ },
34
+ "cell": {
35
+ "line-height": {},
36
+ "padding-block-end": { "value": "{dinkelland.size.md}" },
37
+ "padding-block-start": { "value": "{dinkelland.size.md}" },
38
+ "padding-inline-end": { "value": "{dinkelland.size.md}" },
39
+ "padding-inline-start": { "value": "{dinkelland.size.md}" },
40
+ "icon": {
41
+ "size": {}
42
+ }
43
+ },
44
+ "row": {
45
+ "border-block-end-color": { "value": "{dinkelland.color.lightgrey.89}" },
46
+ "border-block-end-width": { "value": "{dinkelland.size.4xs}" },
47
+ "padding-inline-end": {},
48
+ "padding-inline-start": {},
49
+ "alternate-odd": {
50
+ "background-color": { "value": "{dinkelland.color.white.100}" },
51
+ "color": {}
52
+ },
53
+ "alternate-even": {
54
+ "background-color": { "value": "{dinkelland.color.blue.96}" },
55
+ "color": {}
56
+ }
57
+ }
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,44 @@
1
+ {
2
+ "utrecht": {
3
+ "text-box": {
4
+ "background-color": { "value": "{dinkelland.color.white.100}" },
5
+ "border-bottom-width": {},
6
+ "border-color": { "value": "{dinkelland.color.grey.46}" },
7
+ "border-radius": { "value": "0px" },
8
+ "border-width": { "value": "{dinkelland.size.4xs}" },
9
+ "color": { "value": "{dinkelland.color.black.33}" },
10
+ "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
11
+ "font-size": { "value": "15px" },
12
+ "line-height": {},
13
+ "max-inline-size": {},
14
+ "padding-block-end": { "value": "{dinkelland.size.xs}" },
15
+ "padding-block-start": { "value": "{dinkelland.size.xs}" },
16
+ "padding-inline-end": { "value": "{dinkelland.size.sm}" },
17
+ "padding-inline-start": { "value": "{dinkelland.size.sm}" },
18
+ "placeholder": {
19
+ "color": { "value": "{dinkelland.color.grey.42}" }
20
+ },
21
+ "disabled": {
22
+ "background-color": {},
23
+ "border-color": {},
24
+ "color": {}
25
+ },
26
+ "focus": {
27
+ "background-color": {},
28
+ "border-color": { "value": "{dinkelland.color.blue.48}" },
29
+ "color": {}
30
+ },
31
+ "invalid": {
32
+ "background-color": {},
33
+ "border-color": {},
34
+ "border-width": {},
35
+ "color": {}
36
+ },
37
+ "read-only": {
38
+ "background-color": {},
39
+ "border-color": {},
40
+ "color": {}
41
+ }
42
+ }
43
+ }
44
+ }
@@ -0,0 +1,7 @@
1
+ {
2
+ "fullName": "Gemeente Dinkelland",
3
+ "name": "Dinkelland",
4
+ "prefix": "dinkelland",
5
+ "npm": "@conduction/dinkelland-design-tokens",
6
+ "stories": ["react-utrecht-link--default"]
7
+ }
@@ -0,0 +1,149 @@
1
+ /* Place any @font-face definitions here */
2
+
3
+ /* Lato Font-Family */
4
+ /* latin-ext */
5
+ @font-face {
6
+ font-family: "Lato";
7
+ font-style: normal;
8
+ font-weight: 400;
9
+ src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2)
10
+ format("woff2");
11
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
12
+ U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
13
+ }
14
+ /* latin */
15
+ @font-face {
16
+ font-family: "Lato";
17
+ font-style: normal;
18
+ font-weight: 400;
19
+ src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2)
20
+ format("woff2");
21
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
22
+ U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
23
+ U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
24
+ }
25
+ /* latin-ext */
26
+ @font-face {
27
+ font-family: "Lato";
28
+ font-style: normal;
29
+ font-weight: 700;
30
+ src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2)
31
+ format("woff2");
32
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
33
+ U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
34
+ }
35
+ /* latin */
36
+ @font-face {
37
+ font-family: "Lato";
38
+ font-style: normal;
39
+ font-weight: 700;
40
+ src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2)
41
+ format("woff2");
42
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
43
+ U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
44
+ U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
45
+ }
46
+
47
+ /* Montserrat Font-Family */
48
+ /* cyrillic-ext */
49
+ @font-face {
50
+ font-family: "Montserrat";
51
+ font-style: normal;
52
+ font-weight: 400;
53
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
54
+ format("woff2");
55
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
56
+ U+FE2E-FE2F;
57
+ }
58
+ /* cyrillic */
59
+ @font-face {
60
+ font-family: "Montserrat";
61
+ font-style: normal;
62
+ font-weight: 400;
63
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
64
+ format("woff2");
65
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
66
+ }
67
+ /* vietnamese */
68
+ @font-face {
69
+ font-family: "Montserrat";
70
+ font-style: normal;
71
+ font-weight: 400;
72
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
73
+ format("woff2");
74
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
75
+ U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
76
+ U+1EA0-1EF9, U+20AB;
77
+ }
78
+ /* latin-ext */
79
+ @font-face {
80
+ font-family: "Montserrat";
81
+ font-style: normal;
82
+ font-weight: 400;
83
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
84
+ format("woff2");
85
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
86
+ U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
87
+ }
88
+ /* latin */
89
+ @font-face {
90
+ font-family: "Montserrat";
91
+ font-style: normal;
92
+ font-weight: 400;
93
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
94
+ format("woff2");
95
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
96
+ U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
97
+ U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
98
+ }
99
+ /* cyrillic-ext */
100
+ @font-face {
101
+ font-family: "Montserrat";
102
+ font-style: normal;
103
+ font-weight: 700;
104
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2)
105
+ format("woff2");
106
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
107
+ U+FE2E-FE2F;
108
+ }
109
+ /* cyrillic */
110
+ @font-face {
111
+ font-family: "Montserrat";
112
+ font-style: normal;
113
+ font-weight: 700;
114
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2)
115
+ format("woff2");
116
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
117
+ }
118
+ /* vietnamese */
119
+ @font-face {
120
+ font-family: "Montserrat";
121
+ font-style: normal;
122
+ font-weight: 700;
123
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2)
124
+ format("woff2");
125
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
126
+ U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
127
+ U+1EA0-1EF9, U+20AB;
128
+ }
129
+ /* latin-ext */
130
+ @font-face {
131
+ font-family: "Montserrat";
132
+ font-style: normal;
133
+ font-weight: 700;
134
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2)
135
+ format("woff2");
136
+ unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
137
+ U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
138
+ }
139
+ /* latin */
140
+ @font-face {
141
+ font-family: "Montserrat";
142
+ font-style: normal;
143
+ font-weight: 700;
144
+ src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2)
145
+ format("woff2");
146
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
147
+ U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
148
+ U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
149
+ }
@@ -0,0 +1,8 @@
1
+ /**
2
+ * @license SEE LICENSE.md
3
+ * Copyright (c) 2021 NL Design System Community
4
+ * All rights reserved
5
+ */
6
+
7
+ @import "./design-tokens.css";
8
+ @import "./font.css";
@@ -0,0 +1,6 @@
1
+ const config = require('./src/config.json');
2
+ const { createConfig } = require('../../style-dictionary-config');
3
+
4
+ module.exports = createConfig({
5
+ selector: `.${config.prefix}-theme`,
6
+ });
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 08:23:09 GMT
3
+ * Generated on Tue, 15 Aug 2023 14:13:06 GMT
4
4
  */
5
5
 
6
6
  .leiden-theme {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 08:23:09 GMT
3
+ * Generated on Tue, 15 Aug 2023 14:13:06 GMT
4
4
  */
5
5
 
6
6
  export const leidenColorPrimary = "#d62410";
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 15 Aug 2023 08:23:09 GMT
3
+ // Generated on Tue, 15 Aug 2023 14:13:06 GMT
4
4
 
5
5
  @conduction-input-select-padding-block-start: 0;
6
6
  @conduction-input-select-padding-block-end: 0;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 15 Aug 2023 08:23:09 GMT
3
+ // Generated on Tue, 15 Aug 2023 14:13:06 GMT
4
4
 
5
5
  $conduction-input-select-padding-block-start: 0;
6
6
  $conduction-input-select-padding-block-end: 0;
@@ -25,17 +25,20 @@
25
25
  "alert-info-background": { "value": "#cce5ff" },
26
26
 
27
27
  "grey": {
28
+ "11": {
29
+ "value": "#1d1d1b"
30
+ },
28
31
  "33": {
29
32
  "value": "#5f594a",
30
33
  "comment": "Base/Grey"
31
- },
32
- "11": {
33
- "value": "#1d1d1b"
34
34
  }
35
35
  },
36
36
 
37
37
  "lightgrey": {
38
- "89": { "value": "#e4e4e4", "comment": "Base/LightGrey" }
38
+ "89": {
39
+ "value": "#e4e4e4",
40
+ "comment": "Base/LightGrey"
41
+ }
39
42
  },
40
43
 
41
44
  "white": {
@@ -46,7 +49,10 @@
46
49
  },
47
50
 
48
51
  "black": {
49
- "9": { "value": "#0d1921", "comment": "Base/Black" }
52
+ "9": {
53
+ "value": "#0d1921",
54
+ "comment": "Base/Black"
55
+ }
50
56
  },
51
57
 
52
58
  "lightblue": {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 08:23:22 GMT
3
+ * Generated on Tue, 15 Aug 2023 14:13:22 GMT
4
4
  */
5
5
 
6
6
  .tubbergen-theme {
@@ -80,6 +80,7 @@
80
80
  --tubbergen-font-size-2xs: 10px;
81
81
  --tubbergen-font-size-3xs: 8px;
82
82
  --tubbergen-font-size-4xs: 5px;
83
+ --tubbergen-color-lightgrey-96: #f5f5f5;
83
84
  --tubbergen-color-lightgrey-89: #e4e4e4; /* Base/LightGrey */
84
85
  --tubbergen-color-grey-64: #9aa1ab; /* Base/Grey */
85
86
  --tubbergen-color-grey-46: #767676;
@@ -195,9 +196,9 @@
195
196
  --utrecht-code-block-line-height: var(--tubbergen-size-lg);
196
197
  --utrecht-code-block-font-size: var(--tubbergen-font-size-md);
197
198
  --utrecht-code-block-font-family: var(--tubbergen-typography-monospace-font-family);
198
- --utrecht-code-block-background-color: var(--tubbergen-color-lightgrey-89);
199
+ --utrecht-code-block-background-color: var(--tubbergen-color-lightgrey-96);
199
200
  --utrecht-code-font-family: var(--tubbergen-typography-monospace-font-family);
200
- --utrecht-code-background-color: var(--tubbergen-color-lightgrey-89);
201
+ --utrecht-code-background-color: var(--tubbergen-color-lightgrey-96);
201
202
  --utrecht-button-secondary-action-focus-background-color: var(--tubbergen-color-white-100);
202
203
  --utrecht-button-secondary-action-hover-background-color: var(--tubbergen-color-white-100);
203
204
  --utrecht-button-secondary-action-font-weight: var(--tubbergen-typography-font-weight-normal);
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 15 Aug 2023 08:23:22 GMT
3
+ * Generated on Tue, 15 Aug 2023 14:13:22 GMT
4
4
  */
5
5
 
6
6
  export const tubbergenColorPrimary = "#0b612d";
@@ -37,6 +37,7 @@ export const tubbergenColorGrey42 = "#6b6b6b";
37
37
  export const tubbergenColorGrey46 = "#767676";
38
38
  export const tubbergenColorGrey64 = "#9aa1ab"; // Base/Grey
39
39
  export const tubbergenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
40
+ export const tubbergenColorLightgrey96 = "#f5f5f5";
40
41
  export const tubbergenFontSize4xs = "5px";
41
42
  export const tubbergenFontSize3xs = "8px";
42
43
  export const tubbergenFontSize2xs = "10px";
@@ -196,11 +197,11 @@ export const utrechtButtonSecondaryActionHoverColor = "#063318";
196
197
  export const utrechtButtonSecondaryActionFocusBackgroundColor = "#ffffff";
197
198
  export const utrechtButtonSecondaryActionFocusBorderColor = "#063318";
198
199
  export const utrechtButtonSecondaryActionFocusColor = "#063318";
199
- export const utrechtCodeBackgroundColor = "#e4e4e4";
200
+ export const utrechtCodeBackgroundColor = "#f5f5f5";
200
201
  export const utrechtCodeColor = "#333333";
201
202
  export const utrechtCodeFontFamily = "Monospace, \"Lucida Console\"";
202
203
  export const utrechtCodeFontSize = "inherit";
203
- export const utrechtCodeBlockBackgroundColor = "#e4e4e4";
204
+ export const utrechtCodeBlockBackgroundColor = "#f5f5f5";
204
205
  export const utrechtCodeBlockColor = "#333333";
205
206
  export const utrechtCodeBlockFontFamily = "Monospace, \"Lucida Console\"";
206
207
  export const utrechtCodeBlockFontSize = "16px";