@conduction/theme 1.0.24 → 1.0.26

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 (165) hide show
  1. package/README.md +7 -0
  2. package/conduction-design-tokens/README.md +3 -0
  3. package/conduction-design-tokens/dist/design-tokens.css +66 -67
  4. package/conduction-design-tokens/dist/index.js +70 -71
  5. package/conduction-design-tokens/dist/index.json +168 -187
  6. package/conduction-design-tokens/dist/index.less +66 -67
  7. package/conduction-design-tokens/dist/index.scss +66 -67
  8. package/conduction-design-tokens/dist/tokens.json +1956 -1981
  9. package/conduction-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +5 -12
  10. package/municipalities/dinkelland-design-tokens/README.md +3 -0
  11. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +74 -76
  12. package/municipalities/dinkelland-design-tokens/dist/index.js +80 -82
  13. package/municipalities/dinkelland-design-tokens/dist/index.json +153 -191
  14. package/municipalities/dinkelland-design-tokens/dist/index.less +74 -76
  15. package/municipalities/dinkelland-design-tokens/dist/index.scss +74 -76
  16. package/municipalities/dinkelland-design-tokens/dist/tokens.json +2198 -2241
  17. package/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  18. package/municipalities/epe-design-tokens/README.md +3 -0
  19. package/municipalities/epe-design-tokens/dist/design-tokens.css +66 -73
  20. package/municipalities/epe-design-tokens/dist/index.js +75 -82
  21. package/municipalities/epe-design-tokens/dist/index.json +151 -298
  22. package/municipalities/epe-design-tokens/dist/index.less +66 -73
  23. package/municipalities/epe-design-tokens/dist/index.scss +66 -73
  24. package/municipalities/epe-design-tokens/dist/tokens.json +2134 -2281
  25. package/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  26. package/municipalities/leiden-design-tokens/README.md +3 -0
  27. package/municipalities/leiden-design-tokens/dist/design-tokens.css +60 -61
  28. package/municipalities/leiden-design-tokens/dist/index.js +66 -67
  29. package/municipalities/leiden-design-tokens/dist/index.json +143 -162
  30. package/municipalities/leiden-design-tokens/dist/index.less +60 -61
  31. package/municipalities/leiden-design-tokens/dist/index.scss +60 -61
  32. package/municipalities/leiden-design-tokens/dist/tokens.json +1872 -1897
  33. package/municipalities/leiden-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +4 -11
  34. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +129 -0
  35. package/municipalities/noaberkracht-design-tokens/dist/font.css +5 -0
  36. package/municipalities/noaberkracht-design-tokens/dist/index.css +7 -0
  37. package/municipalities/noaberkracht-design-tokens/dist/index.js +127 -0
  38. package/municipalities/noaberkracht-design-tokens/dist/index.json +2458 -0
  39. package/municipalities/noaberkracht-design-tokens/dist/index.less +126 -0
  40. package/municipalities/noaberkracht-design-tokens/dist/index.scss +126 -0
  41. package/municipalities/noaberkracht-design-tokens/dist/tokens.json +2570 -0
  42. package/municipalities/noordwijk-design-tokens/LICENSE.md +17 -0
  43. package/municipalities/noordwijk-design-tokens/README.md +3 -0
  44. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +309 -0
  45. package/municipalities/noordwijk-design-tokens/dist/font.css +318 -0
  46. package/municipalities/noordwijk-design-tokens/dist/index.css +7 -0
  47. package/municipalities/noordwijk-design-tokens/dist/index.js +307 -0
  48. package/municipalities/noordwijk-design-tokens/dist/index.json +6004 -0
  49. package/municipalities/noordwijk-design-tokens/dist/index.less +306 -0
  50. package/municipalities/noordwijk-design-tokens/dist/index.scss +306 -0
  51. package/municipalities/noordwijk-design-tokens/dist/tokens.json +6420 -0
  52. package/municipalities/noordwijk-design-tokens/package.json +40 -0
  53. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +99 -0
  54. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/font-size.tokens.json +17 -0
  55. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/size.tokens.json +17 -0
  56. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/typography.tokens.json +47 -0
  57. package/municipalities/noordwijk-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  58. package/municipalities/noordwijk-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  59. package/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  60. package/municipalities/noordwijk-design-tokens/src/component/conduction/select.tokens.json +15 -0
  61. package/municipalities/noordwijk-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  62. package/municipalities/noordwijk-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  63. package/municipalities/noordwijk-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  64. package/municipalities/noordwijk-design-tokens/src/component/utrecht/code.tokens.json +27 -0
  65. package/municipalities/noordwijk-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  66. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  67. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +44 -0
  68. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  69. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +11 -0
  70. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +10 -0
  71. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +24 -0
  72. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +44 -0
  73. package/municipalities/noordwijk-design-tokens/src/component/utrecht/heading.tokens.json +53 -0
  74. package/municipalities/noordwijk-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  75. package/municipalities/noordwijk-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  76. package/municipalities/noordwijk-design-tokens/src/component/utrecht/list.tokens.json +33 -0
  77. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  78. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  79. package/municipalities/noordwijk-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  80. package/municipalities/noordwijk-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  81. package/municipalities/noordwijk-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  82. package/municipalities/noordwijk-design-tokens/src/config.json +7 -0
  83. package/municipalities/noordwijk-design-tokens/src/font.scss +385 -0
  84. package/municipalities/noordwijk-design-tokens/src/index.scss +8 -0
  85. package/municipalities/noordwijk-design-tokens/style-dictionary.config.js +6 -0
  86. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +11 -0
  87. package/municipalities/rotterdam-design-tokens/dist/font.css +1 -0
  88. package/municipalities/rotterdam-design-tokens/dist/index.css +7 -0
  89. package/municipalities/rotterdam-design-tokens/dist/index.js +9 -0
  90. package/municipalities/rotterdam-design-tokens/dist/index.json +80 -0
  91. package/municipalities/rotterdam-design-tokens/dist/index.less +8 -0
  92. package/municipalities/rotterdam-design-tokens/dist/index.scss +8 -0
  93. package/municipalities/rotterdam-design-tokens/dist/tokens.json +90 -0
  94. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/custom.css +33 -0
  95. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/design-tokens.css +305 -0
  96. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/font/download.sh +18 -0
  97. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/font.css +36 -0
  98. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.css +33 -0
  99. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.js +303 -0
  100. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.json +6415 -0
  101. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.less +302 -0
  102. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.scss +302 -0
  103. package/municipalities/rotterdam-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/tokens.json +6868 -0
  104. package/municipalities/tubbergen-design-tokens/README.md +3 -0
  105. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +74 -76
  106. package/municipalities/tubbergen-design-tokens/dist/index.js +80 -82
  107. package/municipalities/tubbergen-design-tokens/dist/index.json +153 -191
  108. package/municipalities/tubbergen-design-tokens/dist/index.less +74 -76
  109. package/municipalities/tubbergen-design-tokens/dist/index.scss +74 -76
  110. package/municipalities/tubbergen-design-tokens/dist/tokens.json +2200 -2243
  111. package/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json +19 -0
  112. package/municipalities/xxllnc-design-tokens/README.md +3 -0
  113. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +64 -65
  114. package/municipalities/xxllnc-design-tokens/dist/index.js +66 -67
  115. package/municipalities/xxllnc-design-tokens/dist/index.json +162 -181
  116. package/municipalities/xxllnc-design-tokens/dist/index.less +64 -65
  117. package/municipalities/xxllnc-design-tokens/dist/index.scss +64 -65
  118. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1885 -1910
  119. package/municipalities/xxllnc-design-tokens/src/component/conduction/{card.tokens.json → card-wrapper.tokens.json} +5 -12
  120. package/package.json +3 -2
  121. package/municipalities/dinkelland-design-tokens/src/component/conduction/card.tokens.json +0 -26
  122. package/municipalities/epe-design-tokens/src/component/conduction/card.tokens.json +0 -30
  123. package/municipalities/tubbergen-design-tokens/src/component/conduction/card.tokens.json +0 -26
  124. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  125. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  126. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  127. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  128. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  129. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  130. /package/conduction-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  131. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  132. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  133. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  134. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  135. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  136. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  137. /package/municipalities/dinkelland-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  138. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  139. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  140. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  141. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  142. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  143. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  144. /package/municipalities/epe-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  145. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  146. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  147. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  148. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  149. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  150. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  151. /package/municipalities/leiden-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  152. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  153. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  154. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  155. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  156. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  157. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  158. /package/municipalities/tubbergen-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
  159. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/alert.tokens.json +0 -0
  160. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/form-input.tokens.json +0 -0
  161. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/icon.tokens.json +0 -0
  162. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-footer.tokens.json +0 -0
  163. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/page-header.tokens.json +0 -0
  164. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/table.tokens.json +0 -0
  165. /package/municipalities/xxllnc-design-tokens/src/component/{conduction → utrecht/extra-tokens}/textbox.tokens.json +0 -0
@@ -0,0 +1,305 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Wed, 16 Aug 2023 11:04:40 GMT
4
+ */
5
+
6
+ .rotterdam-theme {
7
+ --utrecht-textbox-invalid-border-bottom-width: 2px;
8
+ --utrecht-textbox-padding-inline-start: 16px;
9
+ --utrecht-textbox-padding-inline-end: 16px;
10
+ --utrecht-textbox-padding-block-start: 10px;
11
+ --utrecht-textbox-padding-block-end: 12px;
12
+ --utrecht-textbox-line-height: 24px;
13
+ --utrecht-textbox-border-width: 1px;
14
+ --utrecht-textarea-padding-block-start: 8px;
15
+ --utrecht-textarea-padding-block-end: 8px;
16
+ --utrecht-textarea-min-block-size: 200px;
17
+ --utrecht-table-row-border-block-end-width: 1px;
18
+ --utrecht-table-cell-padding-inline-start: 12px;
19
+ --utrecht-table-cell-padding-inline-end: 12px;
20
+ --utrecht-table-cell-padding-block-start: 16px;
21
+ --utrecht-table-cell-padding-block-end: 16px;
22
+ --utrecht-paragraph-small-line-height: 20px;
23
+ --utrecht-paragraph-small-font-size: 12px;
24
+ --utrecht-paragraph-lead-line-height: 36px;
25
+ --utrecht-paragraph-lead-font-weight: 400;
26
+ --utrecht-paragraph-lead-font-size: 28px;
27
+ --utrecht-paragraph-line-height: 28px;
28
+ --utrecht-page-footer-padding-block-start: 40px;
29
+ --utrecht-page-footer-padding-block-end: 64px;
30
+ --utrecht-page-footer-padding-inline-start: 72px;
31
+ --utrecht-page-footer-padding-inline-end: 72px;
32
+ --utrecht-link-text-decoration: underline;
33
+ --utrecht-icon-inset-block-start: 0.1em;
34
+ --utrecht-form-select-max-inline-size: 100%;
35
+ --utrecht-form-select-border-width: 1px;
36
+ --utrecht-form-fieldset-margin-block-start: 40px;
37
+ --utrecht-form-field-description-invalid-color: #B53322;
38
+ --utrecht-form-control-padding-inline-start: 16px;
39
+ --utrecht-form-control-padding-inline-end: 16px;
40
+ --utrecht-form-control-padding-block-start: 12px;
41
+ --utrecht-form-control-padding-block-end: 12px;
42
+ --utrecht-form-control-line-height: 24px;
43
+ --utrecht-form-control-border-width: 1px;
44
+ --utrecht-form-control-border-radius: 0;
45
+ --utrecht-form-control-block-size: 46px; /* 48px - 2px border */
46
+ --utrecht-figure-caption-line-height: 28px;
47
+ --utrecht-document-font-size: 16px;
48
+ --utrecht-code-block-padding-inline-start: 24px;
49
+ --utrecht-code-block-padding-block-start: 24px;
50
+ --utrecht-code-block-padding-block-end: 24px;
51
+ --utrecht-code-block-margin-block-start: 24px;
52
+ --utrecht-code-block-margin-block-end: 24px;
53
+ --utrecht-button-secondary-action-hover-border-color: none;
54
+ --utrecht-button-padding-inline-start: 16px;
55
+ --utrecht-button-padding-inline-end: 16px;
56
+ --utrecht-button-padding-block-start: 11px;
57
+ --utrecht-button-padding-block-end: 13px;
58
+ --utrecht-button-font-weight: 700;
59
+ --utrecht-button-border-width: 0;
60
+ --utrecht-badge-padding-inline: 8px;
61
+ --utrecht-badge-padding-block: 2px;
62
+ --utrecht-badge-font-size: 12px;
63
+ --utrecht-badge-border-radius: 0;
64
+ --utrecht-badge-counter-padding-inline-start: 5px;
65
+ --utrecht-badge-counter-padding-block-end: 5px;
66
+ --utrecht-badge-counter-font-weight: 400;
67
+ --utrecht-badge-counter-border-radius: 2em;
68
+ --utrecht-space-column-5xl: 40px;
69
+ --utrecht-space-column-4xl: 36px;
70
+ --utrecht-space-column-3xl: 32px;
71
+ --utrecht-space-column-2xl: 28px;
72
+ --utrecht-space-column-xl: 24px;
73
+ --utrecht-space-column-lg: 20px;
74
+ --utrecht-space-column-md: 16px;
75
+ --utrecht-space-column-sm: 12px;
76
+ --utrecht-space-column-xs: 8px;
77
+ --utrecht-space-column-2xs: 4px;
78
+ --utrecht-space-column-3xs: 0;
79
+ --utrecht-space-row-5xl: 40px;
80
+ --utrecht-space-row-4xl: 36px;
81
+ --utrecht-space-row-3xl: 32px;
82
+ --utrecht-space-row-2xl: 28px;
83
+ --utrecht-space-row-xl: 24px;
84
+ --utrecht-space-row-lg: 20px;
85
+ --utrecht-space-row-md: 16px;
86
+ --utrecht-space-row-sm: 12px;
87
+ --utrecht-space-row-xs: 8px;
88
+ --utrecht-space-row-2xs: 4px;
89
+ --utrecht-space-row-3xs: 0;
90
+ --utrecht-space-inline-3xl: 3ch;
91
+ --utrecht-space-inline-2xl: 2ch;
92
+ --utrecht-space-inline-xl: 1.75ch;
93
+ --utrecht-space-inline-lg: 1.5ch;
94
+ --utrecht-space-inline-md: 1ch;
95
+ --utrecht-space-inline-sm: 0.75ch;
96
+ --utrecht-space-inline-xs: 0.5ch;
97
+ --utrecht-space-inline-2xs: 0.25ch;
98
+ --utrecht-space-inline-3xs: 0.125ch;
99
+ --utrecht-space-block-5xl: 40px;
100
+ --utrecht-space-block-4xl: 36px;
101
+ --utrecht-space-block-3xl: 32px;
102
+ --utrecht-space-block-2xl: 28px;
103
+ --utrecht-space-block-xl: 24px;
104
+ --utrecht-space-block-lg: 20px;
105
+ --utrecht-space-block-md: 16px;
106
+ --utrecht-space-block-sm: 12px;
107
+ --utrecht-space-block-xs: 8px;
108
+ --utrecht-space-block-2xs: 4px;
109
+ --utrecht-space-block-3xs: 0;
110
+ --utrecht-focus-outline-width: 1px;
111
+ --utrecht-focus-outline-style: solid;
112
+ --utrecht-focus-outline-offset: 1px;
113
+ --utrecht-action-submit-cursor: pointer;
114
+ --utrecht-action-disabled-cursor: not-allowed;
115
+ --utrecht-action-busy-cursor: wait;
116
+ --rotterdam-textbox-hover-border-width: 2px;
117
+ --rotterdam-paragraph-small-line-height: 20px;
118
+ --rotterdam-paragraph-small-font-size: 12px;
119
+ --rotterdam-form-fieldset-legend-padding-block-end: 12px;
120
+ --rotterdam-form-fieldset-legend-border-block-end-width: 1px;
121
+ --rotterdam-button-line-height: 24px;
122
+ --rotterdam-space-scale-7: 256px;
123
+ --rotterdam-space-scale-6: 128px;
124
+ --rotterdam-space-scale-5: 64px;
125
+ --rotterdam-space-scale-4: 32px;
126
+ --rotterdam-space-scale-3: 16px;
127
+ --rotterdam-space-scale-2: 8px;
128
+ --rotterdam-space-scale-1: 4px;
129
+ --rotterdam-space-scale-0: 0;
130
+ --rotterdam-typography-weight-scale-normal-font-weight: 400;
131
+ --rotterdam-typography-weight-scale-bold-font-weight: 700;
132
+ --rotterdam-typography-scale-sm-line-height: 20px;
133
+ --rotterdam-typography-scale-sm-font-size: 12px;
134
+ --rotterdam-typography-scale-md-line-height: 24px;
135
+ --rotterdam-typography-scale-md-font-size: 16px;
136
+ --rotterdam-typography-scale-lg-line-height: 28px;
137
+ --rotterdam-typography-scale-lg-font-size: 20px;
138
+ --rotterdam-typography-scale-xl-line-height: 32px;
139
+ --rotterdam-typography-scale-xl-font-size: 24px;
140
+ --rotterdam-typography-scale-2xl-line-height: 36px;
141
+ --rotterdam-typography-scale-2xl-font-size: 28px;
142
+ --rotterdam-typography-scale-3xl-line-height: 40px;
143
+ --rotterdam-typography-scale-3xl-font-size: 32px;
144
+ --rotterdam-typography-scale-4xl-line-height: 48px;
145
+ --rotterdam-typography-scale-4xl-font-size: 40px;
146
+ --rotterdam-typography-scale-5xl-line-height: 56px;
147
+ --rotterdam-typography-scale-5xl-font-size: 48px;
148
+ --rotterdam-typography-scale-6xl-line-height: 72px;
149
+ --rotterdam-typography-scale-6xl-font-size: 64px;
150
+ --rotterdam-typography-sans-serif-font-family: Bolder, ArialforRotterdam, Arial, sans-serif;
151
+ --rotterdam-color-red-tint-03: #9A0F0F; /* Secondary/Red/Tint 03 */
152
+ --rotterdam-color-red-tint-02: #D70D0D; /* Secondary/Red/Tint 02 */
153
+ --rotterdam-color-red-tint-01: #FE1818; /* Secondary/Red/Tint 01 */
154
+ --rotterdam-color-brown-tint-03: #8B644C; /* Secondary/Brown/Tint 03 */
155
+ --rotterdam-color-brown-tint-02: #997056; /* Secondary/Brown/Tint 02 */
156
+ --rotterdam-color-brown-tint-01: #AB8061; /* Secondary/Brown/Tint 01 */
157
+ --rotterdam-color-dark-brown-tint-03: #552D25; /* Secondary/Dark brown/Tint 03 */
158
+ --rotterdam-color-dark-brown-tint-02: #5E362C; /* Secondary/Dark brown/Tint 02 */
159
+ --rotterdam-color-dark-brown-tint-01: #6B4236; /* Secondary/Dark brown/Tint 01 */
160
+ --rotterdam-color-purple-tint-03: #420C2F; /* Secondary/Purple/Tint 03 */
161
+ --rotterdam-color-purple-tint-02: #510E33; /* Secondary/Purple/Tint 02 */
162
+ --rotterdam-color-purple-tint-01: #701747; /* Secondary/Purple/Tint 01 */
163
+ --rotterdam-color-magenta-tint-03: #792046; /* Secondary/Magenta/Tint 03 */
164
+ --rotterdam-color-magenta-tint-02: #A12B5E; /* Secondary/Magenta/Tint 02 */
165
+ --rotterdam-color-magenta-tint-01: #C93675; /* Secondary/Magenta/Tint 01 */
166
+ --rotterdam-color-pink-tint-03: #B21271; /* Secondary/Pink/Tint 03 */
167
+ --rotterdam-color-pink-tint-02: #CE0075; /* Secondary/Pink/Tint 02 */
168
+ --rotterdam-color-pink-tint-01: #E6007E; /* Secondary/Pink/Tint 01 */
169
+ --rotterdam-color-orange-tint-03: #CE4C3B; /* Secondary/Orange/Tint 03 */
170
+ --rotterdam-color-orange-tint-02: #D85644; /* Secondary/Orange/Tint 02 */
171
+ --rotterdam-color-orange-tint-01: #E3614D; /* Secondary/Orange/Tint 01 */
172
+ --rotterdam-color-bright-orange-tint-03: #DB5F06; /* Secondary/Bright orange/Tint 03 */
173
+ --rotterdam-color-bright-orange-tint-02: #E56E02; /* Secondary/Bright orange/Tint 02 */
174
+ --rotterdam-color-bright-orange-tint-01: #EF7D00; /* Secondary/Bright orange/Tint 01 */
175
+ --rotterdam-color-dark-yellow-tint-03: #D99600; /* Secondary/Dark yellow/Tint 03 */
176
+ --rotterdam-color-dark-yellow-tint-02: #E0A200; /* Secondary/Dark yellow/Tint 02 */
177
+ --rotterdam-color-dark-yellow-tint-01: #EDB500; /* Secondary/Dark yellow/Tint 01 */
178
+ --rotterdam-color-yellow-tint-03: #E1D600; /* Secondary/Yellow/Tint 03 */
179
+ --rotterdam-color-yellow-tint-02: #EDDE26; /* Secondary/Yellow/Tint 02 */
180
+ --rotterdam-color-yellow-tint-01: #FDEC3D; /* Secondary/Yellow/Tint 01 */
181
+ --rotterdam-color-lime-green-tint-03: #62A72B; /* Secondary/Lime green/Tint 03 */
182
+ --rotterdam-color-lime-green-tint-02: #73B129; /* Secondary/Lime green/Tint 02 */
183
+ --rotterdam-color-lime-green-tint-01: #7DC90F; /* Secondary/Lime green/Tint 01 */
184
+ --rotterdam-color-soft-green-tint-03: #99CCA0; /* Secondary/Soft green/Tint 03 */
185
+ --rotterdam-color-soft-green-tint-02: #D1E6CE; /* Secondary/Soft green/Tint 02 */
186
+ --rotterdam-color-soft-green-tint-01: #E1EFE2; /* Secondary/Soft green/Tint 01 */
187
+ --rotterdam-color-green-light-tint-03: #11A03E; /* Secondary/Green light/Tint 03 */
188
+ --rotterdam-color-green-light-tint-02: #11A03E; /* Secondary/Green light/Tint 02 */
189
+ --rotterdam-color-green-light-tint-01: #57B051; /* Secondary/Green light/Tint 01 */
190
+ --rotterdam-color-green-tint-03: #00602E; /* Secondary/Green/Tint 03 */
191
+ --rotterdam-color-green-tint-02: #006E32; /* Secondary/Green/Tint 02 */
192
+ --rotterdam-color-green-tint-01: #00811F; /* Secondary/Green/Tint 01 */
193
+ --rotterdam-color-dark-green-tint-03: #001905; /* Secondary/Dark green/Tint 03 */
194
+ --rotterdam-color-dark-green-tint-02: #07341B; /* Secondary/Dark green/Tint 02 */
195
+ --rotterdam-color-dark-green-tint-01: #004C31; /* Secondary/Dark green/Tint 01 */
196
+ --rotterdam-color-green-blue-tint-03: #00755F; /* Secondary/Green blue/Tint 03 */
197
+ --rotterdam-color-green-blue-tint-02: #00846D; /* Secondary/Green blue/Tint 02 */
198
+ --rotterdam-color-green-blue-tint-01: #09957B; /* Secondary/Green blue/Tint 01 */
199
+ --rotterdam-color-dark-blue-tint-03: #083968; /* Secondary/Blue/Tint 03 */
200
+ --rotterdam-color-dark-blue-tint-02: #084279; /* Secondary/Blue/Tint 02 */
201
+ --rotterdam-color-dark-blue-tint-01: #00548F; /* Secondary/Blue/Tint 01 */
202
+ --rotterdam-color-blue-tint-03: #0079B8; /* Secondary/Blue/Tint 03 */
203
+ --rotterdam-color-blue-tint-02: #0084C4; /* Secondary/Blue/Tint 02 */
204
+ --rotterdam-color-blue-tint-01: #1791D4; /* Secondary/Blue/Tint 01 */
205
+ --rotterdam-color-light-blue-tint-03: #76C1D3; /* Secondary/Blue/Tint 03 */
206
+ --rotterdam-color-light-blue-tint-02: #92CFE1; /* Secondary/Blue/Tint 02 */
207
+ --rotterdam-color-light-blue-tint-01: #A8E8F5; /* Secondary/Blue/Tint 01 */
208
+ --rotterdam-color-gray-tint-11: #404B4F; /* Gray/Tint 11 */
209
+ --rotterdam-color-gray-tint-10: #536165; /* Gray/Tint 10 */
210
+ --rotterdam-color-gray-tint-09: #65757B; /* Gray/Tint 09 */
211
+ --rotterdam-color-gray-tint-08: #7C8B90; /* Gray/Tint 08 */
212
+ --rotterdam-color-gray-tint-07: #8D9DA4; /* Gray/Tint 07 */
213
+ --rotterdam-color-gray-tint-06: #9DAFB6; /* Gray/Tint 06 */
214
+ --rotterdam-color-gray-tint-05: #B6C4C8; /* Gray/Tint 05 */
215
+ --rotterdam-color-gray-tint-04: #CAD6DA; /* Gray/Tint 04 */
216
+ --rotterdam-color-gray-tint-03: #DBE7EA; /* Gray/Tint 03 */
217
+ --rotterdam-color-gray-tint-02: #E4EEF1; /* Gray/Tint 02 */
218
+ --rotterdam-color-gray-tint-01: #EFF4F6; /* Gray/Tint 01 */
219
+ --rotterdam-color-base-black: #000000; /* Base/Black */
220
+ --rotterdam-color-base-white: #ffffff; /* Base/White */
221
+ --utrecht-textbox-invalid-border-bottom-color: var(--rotterdam-color-red-tint-01);
222
+ --utrecht-textbox-placeholder-color: var(--rotterdam-color-gray-tint-09);
223
+ --utrecht-textbox-font-size: var(--rotterdam-typography-scale-md-font-size);
224
+ --utrecht-textbox-font-family: var(--rotterdam-typography-sans-serif-font-family);
225
+ --utrecht-textbox-color: var(--rotterdam-color-gray-tint-11);
226
+ --utrecht-textbox-border-color: var(--rotterdam-color-gray-tint-08);
227
+ --utrecht-textarea-placeholder-color: var(--rotterdam-color-gray-tint-09);
228
+ --utrecht-table-row-border-block-end-color: var(--rotterdam-color-gray-tint-04);
229
+ --utrecht-table-header-border-block-end-color: var(--rotterdam-color-gray-tint-11);
230
+ --utrecht-table-header-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
231
+ --utrecht-paragraph-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
232
+ --utrecht-paragraph-font-size: var(--rotterdam-typography-scale-md-font-size);
233
+ --utrecht-paragraph-font-family: var(--rotterdam-typography-sans-serif-font-family);
234
+ --utrecht-page-footer-color: var(--rotterdam-color-base-white);
235
+ --utrecht-link-hover-color: var(--rotterdam-color-green-tint-03);
236
+ --utrecht-link-focus-color: var(--rotterdam-color-green-tint-03);
237
+ --utrecht-link-active-color: var(--rotterdam-color-green-tint-03);
238
+ --utrecht-heading-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
239
+ --utrecht-heading-3-line-height: var(--rotterdam-typography-scale-4xl-line-height);
240
+ --utrecht-heading-3-font-size: var(--rotterdam-typography-scale-4xl-font-size);
241
+ --utrecht-heading-2-line-height: var(--rotterdam-typography-scale-5xl-line-height);
242
+ --utrecht-heading-2-font-size: var(--rotterdam-typography-scale-5xl-font-size);
243
+ --utrecht-heading-1-line-height: var(--rotterdam-typography-scale-6xl-line-height);
244
+ --utrecht-heading-1-font-size: var(--rotterdam-typography-scale-6xl-font-size);
245
+ --utrecht-form-select-color: var(--rotterdam-color-gray-tint-11);
246
+ --utrecht-form-select-background-color: var(--rotterdam-color-base-white);
247
+ --utrecht-form-label-radio-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
248
+ --utrecht-form-label-checkbox-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
249
+ --utrecht-form-label-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
250
+ --utrecht-form-label-font-size: var(--rotterdam-typography-scale-md-font-size);
251
+ --utrecht-form-label-color: var(--rotterdam-color-gray-tint-11);
252
+ --utrecht-form-fieldset-legend-line-height: var(--rotterdam-typography-scale-xl-line-height);
253
+ --utrecht-form-fieldset-legend-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
254
+ --utrecht-form-fieldset-legend-font-size: var(--rotterdam-typography-scale-xl-font-size);
255
+ --utrecht-form-fieldset-legend-color: var(--rotterdam-color-gray-tint-11);
256
+ --utrecht-form-field-description-valid-color: var(--rotterdam-color-green-tint-02);
257
+ --utrecht-form-field-description-font-size: var(--rotterdam-typography-scale-sm-font-size);
258
+ --utrecht-form-control-disabled-color: var(--rotterdam-color-gray-tint-09);
259
+ --utrecht-form-control-placeholder-color: var(--rotterdam-color-gray-tint-09);
260
+ --utrecht-form-control-font-size: [object Object];
261
+ --utrecht-form-control-font-family: var(--rotterdam-typography-sans-serif-font-family);
262
+ --utrecht-form-control-color: var(--rotterdam-color-gray-tint-11);
263
+ --utrecht-form-control-border-color: var(--rotterdam-color-gray-tint-08);
264
+ --utrecht-form-control-background-color: var(--rotterdam-color-base-white);
265
+ --utrecht-figure-caption-font-size: var(--rotterdam-typography-scale-md-font-size);
266
+ --utrecht-figure-caption-color: var(--rotterdam-color-gray-tint-02);
267
+ --utrecht-document-font-family: var(--rotterdam-typography-sans-serif-font-family);
268
+ --utrecht-document-color: var(--rotterdam-color-gray-tint-11);
269
+ --utrecht-document-background-color: var(--rotterdam-color-base-white);
270
+ --utrecht-code-block-font-size: [object Object];
271
+ --utrecht-code-block-color: var(--rotterdam-color-gray-tint-11);
272
+ --utrecht-code-block-background-color: var(--rotterdam-color-gray-tint-01);
273
+ --utrecht-button-subtle-hover-color: var(--rotterdam-color-green-tint-03);
274
+ --utrecht-button-subtle-disabled-color: var(--rotterdam-color-gray-tint-09);
275
+ --utrecht-button-subtle-disabled-background-color: var(--rotterdam-color-gray-tint-04);
276
+ --utrecht-button-subtle-background-color: var(--rotterdam-color-base-white);
277
+ --utrecht-button-secondary-action-hover-background-color: var(--rotterdam-color-gray-tint-11);
278
+ --utrecht-button-secondary-action-color: var(--rotterdam-color-base-white);
279
+ --utrecht-button-secondary-action-background-color: var(--rotterdam-color-base-black);
280
+ --utrecht-button-primary-action-hover-background-color: var(--rotterdam-color-magenta-tint-02);
281
+ --utrecht-button-primary-action-color: var(--rotterdam-color-base-white);
282
+ --utrecht-button-disabled-color: var(--rotterdam-color-gray-tint-09);
283
+ --utrecht-button-disabled-background-color: var(--rotterdam-color-gray-tint-04);
284
+ --utrecht-button-focus-border-color: var(--rotterdam-color-base-black);
285
+ --utrecht-button-hover-background-color: var(--rotterdam-color-green-tint-02);
286
+ --utrecht-button-font-size: [object Object];
287
+ --utrecht-button-font-family: var(--rotterdam-typography-sans-serif-font-family);
288
+ --utrecht-button-color: var(--rotterdam-color-base-white);
289
+ --utrecht-badge-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
290
+ --utrecht-badge-color: var(--rotterdam-color-base-white);
291
+ --utrecht-badge-background-color: var(--rotterdam-color-blue-tint-03);
292
+ --utrecht-focus-outline-color: var(--rotterdam-color-base-black);
293
+ --rotterdam-form-fieldset-legend-border-block-end-color: var(--rotterdam-color-gray-tint-04);
294
+ --rotterdam-color-base-gray: var(--rotterdam-color-gray-tint-01); /* Base/Gray */
295
+ --rotterdam-color-base-magenta: var(--rotterdam-color-magenta-tint-01); /* Base/Magenta */
296
+ --rotterdam-color-base-green: var(--rotterdam-color-green-tint-01); /* Base/Green */
297
+ --utrecht-textbox-disabled-background-color: var(--rotterdam-color-base-gray);
298
+ --utrecht-page-footer-background-color: var(--rotterdam-color-base-green);
299
+ --utrecht-link-color: var(--rotterdam-color-base-green);
300
+ --utrecht-form-control-disabled-background-color: var(--rotterdam-color-base-gray);
301
+ --utrecht-button-subtle-color: var(--rotterdam-color-base-green);
302
+ --utrecht-button-primary-action-background-color: var(--rotterdam-color-base-magenta);
303
+ --utrecht-button-background-color: var(--rotterdam-color-base-green);
304
+ --rotterdam-textbox-hover-border-color: var(--rotterdam-color-base-green);
305
+ }
@@ -0,0 +1,18 @@
1
+ #!/bin/sh
2
+
3
+ curl -o ArialforRotterdam.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.eot
4
+ curl -o ArialforRotterdam.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.woff
5
+ curl -o ArialforRotterdam.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.ttf
6
+ curl -o ArialforRotterdam.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.svg
7
+ curl -o ArialforRotterdam-Bold.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.eot
8
+ curl -o ArialforRotterdam-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.woff
9
+ curl -o ArialforRotterdam-Bold.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.ttf
10
+ curl -o ArialforRotterdam-Bold.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.svg
11
+ curl -o Bolder-Bold.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff2
12
+ curl -o Bolder-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff
13
+ curl -o Bolder-Light.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff2
14
+ curl -o Bolder-Light.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff
15
+ curl -o Bolder-RegularItalic.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff2
16
+ curl -o Bolder-RegularItalic.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff
17
+ curl -o Bolder-Regular.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff2
18
+ curl -o Bolder-Regular.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff
@@ -0,0 +1,36 @@
1
+ @font-face {
2
+ font-family: "ArialforRotterdam";
3
+ src: url("./font/ArialforRotterdam.eot?#iefix") format("embedded-opentype"), url("./font/ArialforRotterdam.woff") format("woff"), url("./font/ArialforRotterdam.ttf") format("truetype"), url("https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/fonts/ArialforRotterdam.svg#ArialforRotterdam") format("svg");
4
+ font-weight: 400;
5
+ font-style: normal;
6
+ }
7
+ @font-face {
8
+ font-family: "ArialforRotterdam";
9
+ src: url("./font/ArialforRotterdam-Bold.eot?#iefix") format("embedded-opentype"), url("./font/ArialforRotterdam-Bold.woff") format("woff"), url("./font/ArialforRotterdam-Bold.ttf") format("truetype"), url("./font/ArialforRotterdam-Bold.svg#ArialforRotterdam-Bold") format("svg");
10
+ font-weight: 700;
11
+ font-style: normal;
12
+ }
13
+ @font-face {
14
+ font-family: "Bolder";
15
+ src: url("./font/Bolder-Bold.woff2") format("woff2"), url("./font/Bolder-Bold.woff") format("woff");
16
+ font-weight: 700;
17
+ font-style: normal;
18
+ }
19
+ @font-face {
20
+ font-family: "Bolder";
21
+ src: url("./font/Bolder-Light.woff2") format("woff2"), url("./font/Bolder-Light.woff") format("woff");
22
+ font-weight: 300;
23
+ font-style: normal;
24
+ }
25
+ @font-face {
26
+ font-family: "Bolder";
27
+ src: url("./font/Bolder-RegularItalic.woff2") format("woff2"), url("./font/Bolder-RegularItalic.woff") format("woff");
28
+ font-weight: 400;
29
+ font-style: italic;
30
+ }
31
+ @font-face {
32
+ font-family: "Bolder";
33
+ src: url("./font/Bolder-Regular.woff2") format("woff2"), url("./font/Bolder-Regular.woff") format("woff");
34
+ font-weight: 400;
35
+ font-style: normal;
36
+ }
@@ -0,0 +1,33 @@
1
+ /**
2
+ * @license SEE LICENSE.md
3
+ * Copyright (c) 2021 NL Design System Community
4
+ * All rights reserved
5
+ */
6
+ @import "./design-tokens.css";
7
+ /**
8
+ * @license SEE LICENSE.md
9
+ * Copyright (c) 2021 NL Design System Community
10
+ * All rights reserved
11
+ */
12
+ /* stylelint-disable no-duplicate-selectors */
13
+ @media (min-width: 768px) {
14
+ .rotterdam-theme {
15
+ --utrecht-page-footer-padding-inline-start: 24px;
16
+ --utrecht-page-footer-padding-inline-end: 24px;
17
+ --utrecht-page-footer-block-end: 115px;
18
+ --utrecht-page-footer-block-start: 52px;
19
+ }
20
+ }
21
+ @media (max-width: 375px) {
22
+ .rotterdam-theme {
23
+ --utrecht-page-footer-padding-inline-start: 24px;
24
+ --utrecht-page-footer-padding-inline-end: 24px;
25
+ --utrecht-page-footer-block-end: 48px;
26
+ }
27
+ }
28
+
29
+ /* @import "./font"; */
30
+ .rotterdam-theme .utrecht-button--subtle {
31
+ text-decoration: underline;
32
+ text-decoration-thickness: 2px;
33
+ }