@conduction/theme 1.0.19 → 1.0.21

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 (111) hide show
  1. package/README.md +22 -11
  2. package/conduction-design-tokens/dist/design-tokens.css +59 -56
  3. package/conduction-design-tokens/dist/index.js +59 -56
  4. package/conduction-design-tokens/dist/index.json +91 -28
  5. package/conduction-design-tokens/dist/index.less +59 -56
  6. package/conduction-design-tokens/dist/index.scss +59 -56
  7. package/conduction-design-tokens/dist/tokens.json +2953 -2884
  8. package/conduction-design-tokens/src/brand/conduction/color.tokens.json +22 -10
  9. package/conduction-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  10. package/conduction-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  11. package/conduction-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  12. package/conduction-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  13. package/conduction-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  14. package/conduction-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  15. package/municipalities/dinkelland-design-tokens/LICENSE.md +17 -0
  16. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +325 -1
  17. package/municipalities/dinkelland-design-tokens/dist/font.css +114 -0
  18. package/municipalities/dinkelland-design-tokens/dist/index.css +1 -1
  19. package/municipalities/dinkelland-design-tokens/dist/index.js +325 -1
  20. package/municipalities/dinkelland-design-tokens/dist/index.json +6512 -28
  21. package/municipalities/dinkelland-design-tokens/dist/index.less +325 -1
  22. package/municipalities/dinkelland-design-tokens/dist/index.scss +325 -1
  23. package/municipalities/dinkelland-design-tokens/dist/tokens.json +6895 -36
  24. package/municipalities/dinkelland-design-tokens/package.json +40 -0
  25. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +109 -0
  26. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/font-size.tokens.json +17 -0
  27. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/size.tokens.json +17 -0
  28. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/typography.tokens.json +47 -0
  29. package/municipalities/dinkelland-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  30. package/municipalities/dinkelland-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  31. package/municipalities/dinkelland-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  32. package/municipalities/dinkelland-design-tokens/src/component/conduction/card.tokens.json +15 -0
  33. package/municipalities/dinkelland-design-tokens/src/component/conduction/form-input.tokens.json +44 -0
  34. package/municipalities/dinkelland-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  35. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  36. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  37. package/municipalities/dinkelland-design-tokens/src/component/conduction/select.tokens.json +15 -0
  38. package/municipalities/dinkelland-design-tokens/src/component/conduction/table.tokens.json +22 -0
  39. package/municipalities/dinkelland-design-tokens/src/component/conduction/textbox.tokens.json +44 -0
  40. package/municipalities/dinkelland-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  41. package/municipalities/dinkelland-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  42. package/municipalities/dinkelland-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  43. package/municipalities/dinkelland-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  44. package/municipalities/dinkelland-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  45. package/municipalities/dinkelland-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  46. package/municipalities/dinkelland-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  47. package/municipalities/dinkelland-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  48. package/municipalities/dinkelland-design-tokens/src/component/utrecht/list.tokens.json +33 -0
  49. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-footer.tokens.json +15 -0
  50. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  51. package/municipalities/dinkelland-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  52. package/municipalities/dinkelland-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  53. package/municipalities/dinkelland-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  54. package/municipalities/dinkelland-design-tokens/src/config.json +7 -0
  55. package/municipalities/dinkelland-design-tokens/src/font.scss +149 -0
  56. package/municipalities/dinkelland-design-tokens/src/index.scss +8 -0
  57. package/municipalities/dinkelland-design-tokens/style-dictionary.config.js +6 -0
  58. package/municipalities/leiden-design-tokens/dist/design-tokens.css +55 -48
  59. package/municipalities/leiden-design-tokens/dist/index.js +56 -49
  60. package/municipalities/leiden-design-tokens/dist/index.json +169 -26
  61. package/municipalities/leiden-design-tokens/dist/index.less +55 -48
  62. package/municipalities/leiden-design-tokens/dist/index.scss +55 -48
  63. package/municipalities/leiden-design-tokens/dist/tokens.json +1167 -999
  64. package/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +11 -5
  65. package/municipalities/leiden-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  66. package/municipalities/leiden-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  67. package/municipalities/leiden-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  68. package/municipalities/leiden-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  69. package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  70. package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  71. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +63 -59
  72. package/municipalities/tubbergen-design-tokens/dist/index.js +63 -59
  73. package/municipalities/tubbergen-design-tokens/dist/index.json +117 -33
  74. package/municipalities/tubbergen-design-tokens/dist/index.less +63 -59
  75. package/municipalities/tubbergen-design-tokens/dist/index.scss +63 -59
  76. package/municipalities/tubbergen-design-tokens/dist/tokens.json +3202 -3113
  77. package/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +49 -25
  78. package/municipalities/tubbergen-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  79. package/municipalities/tubbergen-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  80. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  81. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  82. package/municipalities/tubbergen-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  83. package/municipalities/tubbergen-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  84. package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  85. package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-footer.tokens.json +1 -2
  86. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +61 -54
  87. package/municipalities/xxllnc-design-tokens/dist/index.js +59 -52
  88. package/municipalities/xxllnc-design-tokens/dist/index.json +178 -33
  89. package/municipalities/xxllnc-design-tokens/dist/index.less +61 -54
  90. package/municipalities/xxllnc-design-tokens/dist/index.scss +61 -54
  91. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1286 -1114
  92. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +16 -12
  93. package/municipalities/xxllnc-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  94. package/municipalities/xxllnc-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  95. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  96. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  97. package/municipalities/xxllnc-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  98. package/municipalities/xxllnc-design-tokens/src/component/utrecht/code.tokens.json +2 -2
  99. package/municipalities/xxllnc-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  100. package/municipalities/xxllnc-design-tokens/src/component/utrecht/table.tokens.json +2 -2
  101. package/package.json +3 -2
  102. /package/conduction-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  103. /package/conduction-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  104. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  105. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  106. /package/municipalities/leiden-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
  107. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  108. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  109. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  110. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  111. /package/municipalities/xxllnc-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
@@ -0,0 +1,152 @@
1
+ {
2
+ "utrecht": {
3
+ "button": {
4
+ "background-color": { "value": "{dinkelland.color.blue.36}" },
5
+ "border-color": { "value": "{dinkelland.color.blue.36}" },
6
+ "border-radius": { "value": 0 },
7
+ "border-width": { "value": "{dinkelland.size.3xs}" },
8
+ "color": { "value": "{dinkelland.color.white.100}" },
9
+ "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
10
+ "font-size": { "value": "inherit" },
11
+ "font-weight": { "value": "inherit" },
12
+ "inline-size": {},
13
+ "letter-spacing": {},
14
+ "line-height": {},
15
+ "min-block-size": {},
16
+ "min-inline-size": {},
17
+ "padding-block-start": { "value": "{dinkelland.size.xs}" },
18
+ "padding-block-end": { "value": "{dinkelland.size.xs}" },
19
+ "padding-inline-start": { "value": "{dinkelland.size.xs}" },
20
+ "padding-inline-end": { "value": "{dinkelland.size.xs}" },
21
+ "text-transform": {},
22
+ "active": {
23
+ "background-color": {},
24
+ "border-color": {},
25
+ "color": {}
26
+ },
27
+ "icon": {
28
+ "gap": { "value": "{dinkelland.size.xs}" },
29
+ "size": {}
30
+ },
31
+ "disabled": {
32
+ "background-color": {},
33
+ "border-color": {},
34
+ "color": {}
35
+ },
36
+ "focus": {
37
+ "background-color": {},
38
+ "border-color": {},
39
+ "color": {},
40
+ "scale": {}
41
+ },
42
+ "hover": {
43
+ "background-color": { "value": "{dinkelland.color.black.13}" },
44
+ "border-color": { "value": "{dinkelland.color.black.13}" },
45
+ "color": { "value": "{dinkelland.color.white.100}" },
46
+ "scale": {}
47
+ },
48
+ "pressed": {
49
+ "background-color": {},
50
+ "border-color": {},
51
+ "color": {}
52
+ },
53
+ "primary-action": {
54
+ "background-color": { "value": "{dinkelland.color.blue.91}" },
55
+ "border-color": { "value": "{dinkelland.color.blue.91}" },
56
+ "border-width": { "value": "{dinkelland.size.3xs}" },
57
+ "color": { "value": "{dinkelland.color.blue.26}" },
58
+ "font-weight": { "value": "inherit" },
59
+ "active": {
60
+ "background-color": {},
61
+ "border-color": {},
62
+ "color": {}
63
+ },
64
+ "disabled": {
65
+ "background-color": {},
66
+ "border-color": {},
67
+ "color": {}
68
+ },
69
+ "hover": {
70
+ "background-color": { "value": "{dinkelland.color.blue.91}" },
71
+ "border-color": { "value": "{dinkelland.color.blue.91}" },
72
+ "color": { "value": "{dinkelland.color.blue.26}" },
73
+ "scale": {}
74
+ },
75
+ "focus": {
76
+ "background-color": { "value": "{dinkelland.color.blue.91}" },
77
+ "border-color": { "value": "{dinkelland.color.blue.91}" },
78
+ "color": { "value": "{dinkelland.color.blue.26}" }
79
+ },
80
+ "pressed": {
81
+ "background-color": { "value": "{dinkelland.color.blue.91}" },
82
+ "border-color": { "value": "{dinkelland.color.blue.91}" },
83
+ "color": { "value": "{dinkelland.color.blue.26}" }
84
+ }
85
+ },
86
+ "secondary-action": {
87
+ "background-color": { "value": "{dinkelland.color.white.100}" },
88
+ "border-color": { "value": "{dinkelland.color.primary}" },
89
+ "border-width": { "value": "{dinkelland.size.3xs}" },
90
+ "color": { "value": "{dinkelland.color.primary}" },
91
+ "font-weight": { "value": "{dinkelland.typography.font-weight.normal}" },
92
+ "active": {
93
+ "background-color": {},
94
+ "border-color": {},
95
+ "color": {}
96
+ },
97
+ "disabled": {
98
+ "background-color": {},
99
+ "border-color": {},
100
+ "color": {}
101
+ },
102
+ "hover": {
103
+ "background-color": { "value": "{dinkelland.color.white.100}" },
104
+ "border-color": { "value": "{dinkelland.color.primary-hover}" },
105
+ "color": { "value": "{dinkelland.color.primary-hover}" }
106
+ },
107
+ "focus": {
108
+ "background-color": { "value": "{dinkelland.color.white.100}" },
109
+ "border-color": { "value": "{dinkelland.color.primary-hover}" },
110
+ "color": { "value": "{dinkelland.color.primary-hover}" }
111
+ },
112
+ "pressed": {
113
+ "background-color": {},
114
+ "border-color": {},
115
+ "color": {}
116
+ }
117
+ },
118
+ "subtle": {
119
+ "background-color": {},
120
+ "border-color": {},
121
+ "border-width": {},
122
+ "color": {},
123
+ "font-weight": {},
124
+ "active": {
125
+ "background-color": {},
126
+ "border-color": {},
127
+ "color": {}
128
+ },
129
+ "disabled": {
130
+ "background-color": {},
131
+ "border-color": {},
132
+ "color": {}
133
+ },
134
+ "hover": {
135
+ "background-color": {},
136
+ "border-color": {},
137
+ "color": {}
138
+ },
139
+ "focus": {
140
+ "background-color": {},
141
+ "border-color": {},
142
+ "color": {}
143
+ },
144
+ "pressed": {
145
+ "background-color": {},
146
+ "border-color": {},
147
+ "color": {}
148
+ }
149
+ }
150
+ }
151
+ }
152
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "utrecht": {
3
+ "code": {
4
+ "background-color": { "value": "{dinkelland.color.lightgrey.96}" },
5
+ "color": { "value": "{utrecht.document.color}" },
6
+ "font-family": { "value": "{dinkelland.typography.monospace.font-family}" },
7
+ "font-size": { "value": "inherit" },
8
+ "line-height": {}
9
+ },
10
+
11
+ "code-block": {
12
+ "background-color": { "value": "{dinkelland.color.lightgrey.96}" },
13
+ "color": { "value": "{utrecht.document.color}" },
14
+ "font-family": { "value": "{dinkelland.typography.monospace.font-family}" },
15
+ "font-size": { "value": "{dinkelland.font-size.md}" },
16
+ "line-height": { "value": "{dinkelland.size.lg}" },
17
+ "margin-block-start": { "value": "{dinkelland.size.md}" },
18
+ "margin-block-end": { "value": "{dinkelland.size.md}" },
19
+ "margin-inline-start": { "value": 0 },
20
+ "margin-inline-end": { "value": 0 },
21
+ "padding-block-start": { "value": "{dinkelland.size.md}" },
22
+ "padding-block-end": { "value": "{dinkelland.size.md}" },
23
+ "padding-inline-start": { "value": "{dinkelland.size.md}" },
24
+ "padding-inline-end": { "value": "{dinkelland.size.md}" }
25
+ }
26
+ }
27
+ }
@@ -0,0 +1,12 @@
1
+ {
2
+ "utrecht": {
3
+ "document": {
4
+ "background-color": { "value": "{dinkelland.color.white.100}" },
5
+ "color": { "value": "{dinkelland.color.black.20}" },
6
+ "font-family": { "value": "{dinkelland.typography.lato.font-family}" },
7
+ "font-size": { "value": "{dinkelland.font-size.md}" },
8
+ "font-weight": {},
9
+ "line-height": {}
10
+ }
11
+ }
12
+ }
@@ -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,12 @@
1
+ {
2
+ "utrecht": {
3
+ "icon": {
4
+ "color": {},
5
+ "size": {},
6
+ "inset-block-start": {},
7
+ "baseline": {
8
+ "inset-block-start": {}
9
+ }
10
+ }
11
+ }
12
+ }
@@ -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,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
+ });