@conduction/theme 1.1.12 → 1.1.13

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 (141) hide show
  1. package/README.md +4 -0
  2. package/conduction-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +1 -1
  3. package/conduction-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +1 -1
  4. package/municipalities/sloterburg-design-tokens/src/brand/sloterburg/color.tokens.json +10 -2
  5. package/package.json +1 -1
  6. package/conduction-design-tokens/dist/design-tokens.css +0 -594
  7. package/conduction-design-tokens/dist/font.css +0 -5
  8. package/conduction-design-tokens/dist/index.css +0 -7
  9. package/conduction-design-tokens/dist/index.js +0 -592
  10. package/conduction-design-tokens/dist/index.json +0 -12072
  11. package/conduction-design-tokens/dist/index.less +0 -591
  12. package/conduction-design-tokens/dist/index.scss +0 -591
  13. package/conduction-design-tokens/dist/tokens.json +0 -12827
  14. package/municipalities/commonground-design-tokens/dist/design-tokens.css +0 -603
  15. package/municipalities/commonground-design-tokens/dist/font.css +0 -5
  16. package/municipalities/commonground-design-tokens/dist/index.css +0 -7
  17. package/municipalities/commonground-design-tokens/dist/index.js +0 -601
  18. package/municipalities/commonground-design-tokens/dist/index.json +0 -12273
  19. package/municipalities/commonground-design-tokens/dist/index.less +0 -600
  20. package/municipalities/commonground-design-tokens/dist/index.scss +0 -600
  21. package/municipalities/commonground-design-tokens/dist/tokens.json +0 -13032
  22. package/municipalities/dimpact-design-tokens/dist/design-tokens.css +0 -588
  23. package/municipalities/dimpact-design-tokens/dist/font.css +0 -5
  24. package/municipalities/dimpact-design-tokens/dist/index.css +0 -7
  25. package/municipalities/dimpact-design-tokens/dist/index.js +0 -586
  26. package/municipalities/dimpact-design-tokens/dist/index.json +0 -11942
  27. package/municipalities/dimpact-design-tokens/dist/index.less +0 -585
  28. package/municipalities/dimpact-design-tokens/dist/index.scss +0 -585
  29. package/municipalities/dimpact-design-tokens/dist/tokens.json +0 -12690
  30. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +0 -653
  31. package/municipalities/dinkelland-design-tokens/dist/font.css +0 -115
  32. package/municipalities/dinkelland-design-tokens/dist/index.css +0 -7
  33. package/municipalities/dinkelland-design-tokens/dist/index.js +0 -651
  34. package/municipalities/dinkelland-design-tokens/dist/index.json +0 -13341
  35. package/municipalities/dinkelland-design-tokens/dist/index.less +0 -650
  36. package/municipalities/dinkelland-design-tokens/dist/index.scss +0 -650
  37. package/municipalities/dinkelland-design-tokens/dist/tokens.json +0 -14057
  38. package/municipalities/epe-design-tokens/dist/design-tokens.css +0 -627
  39. package/municipalities/epe-design-tokens/dist/font.css +0 -9
  40. package/municipalities/epe-design-tokens/dist/index.css +0 -7
  41. package/municipalities/epe-design-tokens/dist/index.js +0 -625
  42. package/municipalities/epe-design-tokens/dist/index.json +0 -12766
  43. package/municipalities/epe-design-tokens/dist/index.less +0 -624
  44. package/municipalities/epe-design-tokens/dist/index.scss +0 -624
  45. package/municipalities/epe-design-tokens/dist/tokens.json +0 -13505
  46. package/municipalities/gouda-design-tokens/dist/design-tokens.css +0 -622
  47. package/municipalities/gouda-design-tokens/dist/font.css +0 -8
  48. package/municipalities/gouda-design-tokens/dist/index.css +0 -7
  49. package/municipalities/gouda-design-tokens/dist/index.js +0 -620
  50. package/municipalities/gouda-design-tokens/dist/index.json +0 -12657
  51. package/municipalities/gouda-design-tokens/dist/index.less +0 -619
  52. package/municipalities/gouda-design-tokens/dist/index.scss +0 -619
  53. package/municipalities/gouda-design-tokens/dist/tokens.json +0 -13396
  54. package/municipalities/leiden-design-tokens/dist/design-tokens.css +0 -610
  55. package/municipalities/leiden-design-tokens/dist/font.css +0 -361
  56. package/municipalities/leiden-design-tokens/dist/index.css +0 -7
  57. package/municipalities/leiden-design-tokens/dist/index.js +0 -608
  58. package/municipalities/leiden-design-tokens/dist/index.json +0 -12409
  59. package/municipalities/leiden-design-tokens/dist/index.less +0 -607
  60. package/municipalities/leiden-design-tokens/dist/index.scss +0 -607
  61. package/municipalities/leiden-design-tokens/dist/tokens.json +0 -13157
  62. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +0 -616
  63. package/municipalities/noaberkracht-design-tokens/dist/font.css +0 -9
  64. package/municipalities/noaberkracht-design-tokens/dist/index.css +0 -7
  65. package/municipalities/noaberkracht-design-tokens/dist/index.js +0 -614
  66. package/municipalities/noaberkracht-design-tokens/dist/index.json +0 -12538
  67. package/municipalities/noaberkracht-design-tokens/dist/index.less +0 -613
  68. package/municipalities/noaberkracht-design-tokens/dist/index.scss +0 -613
  69. package/municipalities/noaberkracht-design-tokens/dist/tokens.json +0 -13287
  70. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +0 -626
  71. package/municipalities/noordwijk-design-tokens/dist/font.css +0 -318
  72. package/municipalities/noordwijk-design-tokens/dist/index.css +0 -7
  73. package/municipalities/noordwijk-design-tokens/dist/index.js +0 -624
  74. package/municipalities/noordwijk-design-tokens/dist/index.json +0 -12753
  75. package/municipalities/noordwijk-design-tokens/dist/index.less +0 -623
  76. package/municipalities/noordwijk-design-tokens/dist/index.scss +0 -623
  77. package/municipalities/noordwijk-design-tokens/dist/tokens.json +0 -13489
  78. package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css +0 -603
  79. package/municipalities/open-webconcept-design-tokens/dist/font.css +0 -361
  80. package/municipalities/open-webconcept-design-tokens/dist/index.css +0 -7
  81. package/municipalities/open-webconcept-design-tokens/dist/index.js +0 -601
  82. package/municipalities/open-webconcept-design-tokens/dist/index.json +0 -12235
  83. package/municipalities/open-webconcept-design-tokens/dist/index.less +0 -600
  84. package/municipalities/open-webconcept-design-tokens/dist/index.scss +0 -600
  85. package/municipalities/open-webconcept-design-tokens/dist/tokens.json +0 -12988
  86. package/municipalities/opencatalogi-design-tokens/dist/custom.css +0 -33
  87. package/municipalities/opencatalogi-design-tokens/dist/design-tokens.css +0 -666
  88. package/municipalities/opencatalogi-design-tokens/dist/font.css +0 -36
  89. package/municipalities/opencatalogi-design-tokens/dist/index.css +0 -33
  90. package/municipalities/opencatalogi-design-tokens/dist/index.js +0 -664
  91. package/municipalities/opencatalogi-design-tokens/dist/index.json +0 -14008
  92. package/municipalities/opencatalogi-design-tokens/dist/index.less +0 -663
  93. package/municipalities/opencatalogi-design-tokens/dist/index.scss +0 -663
  94. package/municipalities/opencatalogi-design-tokens/dist/tokens.json +0 -14854
  95. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +0 -375
  96. package/municipalities/rotterdam-design-tokens/dist/font.css +0 -1
  97. package/municipalities/rotterdam-design-tokens/dist/index.css +0 -6
  98. package/municipalities/rotterdam-design-tokens/dist/index.js +0 -373
  99. package/municipalities/rotterdam-design-tokens/dist/index.json +0 -7730
  100. package/municipalities/rotterdam-design-tokens/dist/index.less +0 -372
  101. package/municipalities/rotterdam-design-tokens/dist/index.scss +0 -372
  102. package/municipalities/rotterdam-design-tokens/dist/tokens.json +0 -8150
  103. package/municipalities/sloterburg-design-tokens/dist/design-tokens.css +0 -657
  104. package/municipalities/sloterburg-design-tokens/dist/font.css +0 -5
  105. package/municipalities/sloterburg-design-tokens/dist/index.css +0 -7
  106. package/municipalities/sloterburg-design-tokens/dist/index.js +0 -655
  107. package/municipalities/sloterburg-design-tokens/dist/index.json +0 -13414
  108. package/municipalities/sloterburg-design-tokens/dist/index.less +0 -654
  109. package/municipalities/sloterburg-design-tokens/dist/index.scss +0 -654
  110. package/municipalities/sloterburg-design-tokens/dist/tokens.json +0 -14127
  111. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +0 -654
  112. package/municipalities/tubbergen-design-tokens/dist/font.css +0 -115
  113. package/municipalities/tubbergen-design-tokens/dist/index.css +0 -7
  114. package/municipalities/tubbergen-design-tokens/dist/index.js +0 -652
  115. package/municipalities/tubbergen-design-tokens/dist/index.json +0 -13360
  116. package/municipalities/tubbergen-design-tokens/dist/index.less +0 -651
  117. package/municipalities/tubbergen-design-tokens/dist/index.scss +0 -651
  118. package/municipalities/tubbergen-design-tokens/dist/tokens.json +0 -14075
  119. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +0 -610
  120. package/municipalities/xxllnc-design-tokens/dist/font.css +0 -1
  121. package/municipalities/xxllnc-design-tokens/dist/index.css +0 -6
  122. package/municipalities/xxllnc-design-tokens/dist/index.js +0 -608
  123. package/municipalities/xxllnc-design-tokens/dist/index.json +0 -12420
  124. package/municipalities/xxllnc-design-tokens/dist/index.less +0 -607
  125. package/municipalities/xxllnc-design-tokens/dist/index.scss +0 -607
  126. package/municipalities/xxllnc-design-tokens/dist/tokens.json +0 -13177
  127. package/municipalities/zuiddrecht-design-tokens/dist/design-tokens.css +0 -821
  128. package/municipalities/zuiddrecht-design-tokens/dist/index.css +0 -6
  129. package/municipalities/zuiddrecht-design-tokens/dist/index.js +0 -819
  130. package/municipalities/zuiddrecht-design-tokens/dist/index.json +0 -17144
  131. package/municipalities/zuiddrecht-design-tokens/dist/index.less +0 -818
  132. package/municipalities/zuiddrecht-design-tokens/dist/index.scss +0 -818
  133. package/municipalities/zuiddrecht-design-tokens/dist/tokens.json +0 -17955
  134. package/municipalities/zutphen-design-tokens/dist/design-tokens.css +0 -621
  135. package/municipalities/zutphen-design-tokens/dist/font.css +0 -15
  136. package/municipalities/zutphen-design-tokens/dist/index.css +0 -7
  137. package/municipalities/zutphen-design-tokens/dist/index.js +0 -619
  138. package/municipalities/zutphen-design-tokens/dist/index.json +0 -12631
  139. package/municipalities/zutphen-design-tokens/dist/index.less +0 -618
  140. package/municipalities/zutphen-design-tokens/dist/index.scss +0 -618
  141. package/municipalities/zutphen-design-tokens/dist/tokens.json +0 -13381
@@ -1,616 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 08 Jan 2024 09:11:48 GMT
4
- */
5
-
6
- .noaberkracht-theme {
7
- --conduction-tooltip-z-index: 9999;
8
- --conduction-tooltip-border-radius: 0px;
9
- --conduction-tooltip-border-color: unset;
10
- --conduction-tooltip-border-style: unset;
11
- --conduction-tooltip-border-width: 0px;
12
- --conduction-tabs-tab-list-border-bottom-style: solid;
13
- --conduction-tabs-tab-list-margin-block-end: 0px;
14
- --conduction-tabs-tab-list-padding-inline-start: 0px;
15
- --conduction-tabs-tab-selected-border-bottom-style: solid;
16
- --conduction-tabs-tab-selected-background-color: transparent;
17
- --conduction-tabs-tab-min-height: 61px;
18
- --conduction-tabs-tab-min-width: 160px;
19
- --conduction-tabs-tab-max-width: unset;
20
- --conduction-tabs-tab-bottom: -2px;
21
- --conduction-tabs-tab-background-color: transparent;
22
- --conduction-table-wrapper-scroll-button-border-style: solid;
23
- --conduction-input-select-padding-block-start: 0;
24
- --conduction-input-select-padding-block-end: 0;
25
- --conduction-input-select-border-focus: unset;
26
- --conduction-pagination-page-hover-text-decoration-thickness: 0px;
27
- --conduction-pagination-page-hover-text-decoration: unset;
28
- --conduction-pagination-current-page-text-decoration: unset;
29
- --conduction-pagination-navigation-button-padding-block-end: 0px;
30
- --conduction-pagination-navigation-button-padding-block-start: 0px;
31
- --conduction-pagination-navigation-button-background-color: transparent;
32
- --conduction-pagination-container-padding-block-end: 0px;
33
- --conduction-pagination-container-padding-block-start: 0px;
34
- --conduction-pagination-container-padding-inline-end: 0px;
35
- --conduction-pagination-container-padding-inline-start: 0px;
36
- --conduction-pagination-container-background-color: unset;
37
- --conduction-secondary-top-nav-padding-block-start: 16px;
38
- --conduction-secondary-top-nav-padding-block-end: 16px;
39
- --conduction-secondary-top-nav-padding-inline-start: 16px;
40
- --conduction-secondary-top-nav-padding-inline-end: 16px;
41
- --conduction-secondary-top-nav-item-padding: 18px;
42
- --conduction-secondary-top-nav-font-weight: 400;
43
- --conduction-secondary-top-nav-current-background-color: unset;
44
- --conduction-secondary-top-nav-hover-background-color: transparent;
45
- --conduction-secondary-top-nav-background-color: transparent;
46
- --conduction-primary-top-nav-padding-block-start: 16px;
47
- --conduction-primary-top-nav-padding-block-end: 16px;
48
- --conduction-primary-top-nav-padding-inline-start: 16px;
49
- --conduction-primary-top-nav-padding-inline-end: 16px;
50
- --conduction-primary-top-nav-item-padding: 18px;
51
- --conduction-primary-top-nav-dropdown-border-style: solid;
52
- --conduction-logo-navbar-background-image: url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png');
53
- --conduction-logo-navbar-block-size: 43px;
54
- --conduction-logo-navbar-inline-size: 69px;
55
- --conduction-logo-footer-background-image: url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png');
56
- --conduction-logo-footer-block-size: 87px;
57
- --conduction-logo-footer-inline-size: 150px;
58
- --conduction-logo-header-background-image: url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png');
59
- --conduction-logo-header-block-size: 75px;
60
- --conduction-logo-header-inline-size: 130px;
61
- --conduction-download-card-border-radius: 22px;
62
- --conduction-download-card-border-style: solid;
63
- --conduction-input-checkbox-label-container-margin: 3px;
64
- --conduction-input-checkbox-label-container-padding: 3px;
65
- --conduction-input-checkbox-focus-outline-offset: 2px;
66
- --conduction-input-checkbox-focus-outline-style: solid;
67
- --conduction-input-checkbox-focus-outline-width: 2px;
68
- --conduction-input-checkbox-disabled-hover-border-radius: 3px;
69
- --conduction-input-checkbox-disabled-hover-border-style: solid;
70
- --conduction-input-checkbox-disabled-border-radius: 3px;
71
- --conduction-input-checkbox-disabled-border-style: solid;
72
- --conduction-input-checkbox-checked-hover-border-radius: 3px;
73
- --conduction-input-checkbox-checked-hover-border-style: solid;
74
- --conduction-input-checkbox-checked-border-radius: 3px;
75
- --conduction-input-checkbox-checked-border-style: solid;
76
- --conduction-input-checkbox-hover-border-radius: 3px;
77
- --conduction-input-checkbox-hover-border-style: solid;
78
- --conduction-input-checkbox-border-radius: 3px;
79
- --conduction-input-checkbox-border-style: solid;
80
- --conduction-card-wrapper-border-radius: 22px;
81
- --conduction-card-wrapper-border-style: solid;
82
- --utrecht-separator-margin-block-start: 0px;
83
- --utrecht-separator-margin-block-end: 0px;
84
- --utrecht-paragraph-margin-block-end: 0;
85
- --utrecht-paragraph-margin-block-start: 0;
86
- --utrecht-paragraph-line-height: 1.5em;
87
- --utrecht-page-max-inline-size: 1140px;
88
- --utrecht-unordered-list-item-padding-inline-start: 1ch;
89
- --utrecht-unordered-list-padding-inline-start: 2ch;
90
- --utrecht-unordered-list-margin-block-end: 0;
91
- --utrecht-ordered-list-item-padding-inline-start: 1ch;
92
- --utrecht-link-text-decoration-color: currentColor;
93
- --utrecht-link-text-decoration: underline;
94
- --utrecht-textbox-font-size: 14px;
95
- --utrecht-textbox-border-radius: 9999px;
96
- --utrecht-table-margin-block-end: 0;
97
- --utrecht-table-header-cell-text-transform: unset;
98
- --utrecht-table-header-text-transform: unset;
99
- --utrecht-table-border-collapse: collapse;
100
- --utrecht-radio-button-icon-size: 5px;
101
- --utrecht-radio-button-min-inline-size: 16px;
102
- --utrecht-radio-button-min-block-size: 16px;
103
- --utrecht-page-header-logo-max-width: 130px;
104
- --utrecht-page-footer-background-image: unset;
105
- --utrecht-page-footer-link-hover-text-decoration: underline;
106
- --utrecht-page-footer-link-text-decoration-color: unset;
107
- --utrecht-page-footer-link-text-decoration: underline;
108
- --utrecht-page-footer-logo-max-width: 150px;
109
- --utrecht-form-input-font-size: 14px;
110
- --utrecht-form-input-border-radius: 9999px;
111
- --utrecht-code-block-margin-inline-end: 0;
112
- --utrecht-code-block-margin-inline-start: 0;
113
- --utrecht-code-font-size: inherit;
114
- --utrecht-button-primary-action-font-weight: inherit;
115
- --utrecht-button-font-weight: inherit;
116
- --utrecht-button-font-size: inherit;
117
- --utrecht-button-border-radius: 9999px;
118
- --utrecht-breadcrumb-nav-padding-block-end: 12px;
119
- --utrecht-breadcrumb-nav-padding-block-start: 12px;
120
- --utrecht-breadcrumb-nav-padding-inline-end: 0;
121
- --utrecht-breadcrumb-nav-padding-inline-start: 0;
122
- --utrecht-badge-border-radius: 9999px;
123
- --utrecht-badge-counter-text-decoration: none;
124
- --utrecht-badge-counter-border-radius: 50%;
125
- --utrecht-action-submit-cursor: pointer;
126
- --utrecht-action-disabled-cursor: not-allowed;
127
- --utrecht-action-busy-cursor: wait;
128
- --noaberkracht-typography-font-weight-light: 100;
129
- --noaberkracht-typography-font-weight-normal: 400;
130
- --noaberkracht-typography-font-weight-bold: 700;
131
- --noaberkracht-typography-monospace-font-family: Monospace, "Lucida Console";
132
- --noaberkracht-typography-sans-serif-font-family: "Noto Sans", Arial, sans-serif;
133
- --noaberkracht-typography-oceanwide-font-family: Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
134
- --noaberkracht-typography-greycliff-cf-font-family: greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
135
- --noaberkracht-size-4xl: 96px;
136
- --noaberkracht-size-3xl: 72px;
137
- --noaberkracht-size-2xl: 48px;
138
- --noaberkracht-size-xl: 32px;
139
- --noaberkracht-size-lg: 24px;
140
- --noaberkracht-size-md: 18px;
141
- --noaberkracht-size-sm: 14px;
142
- --noaberkracht-size-xs: 8px;
143
- --noaberkracht-size-2xs: 4px;
144
- --noaberkracht-size-3xs: 2px;
145
- --noaberkracht-size-4xs: 1px;
146
- --noaberkracht-font-size-5xl: 84px;
147
- --noaberkracht-font-size-4xl: 72px;
148
- --noaberkracht-font-size-3xl: 60px;
149
- --noaberkracht-font-size-2xl: 48px;
150
- --noaberkracht-font-size-xl: 36px;
151
- --noaberkracht-font-size-lg: 24px;
152
- --noaberkracht-font-size-md: 18px;
153
- --noaberkracht-font-size-sm: 14px;
154
- --noaberkracht-font-size-xs: 12px;
155
- --noaberkracht-font-size-2xs: 10x;
156
- --noaberkracht-font-size-3xs: 8px;
157
- --noaberkracht-font-size-4xs: 5px;
158
- --noaberkracht-color-black-0: #000000; /* Base/Black */
159
- --noaberkracht-color-white-100: #ffffff; /* Base/White */
160
- --noaberkracht-color-white-98: #fafafa;
161
- --noaberkracht-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
162
- --noaberkracht-color-grey-97: #f7f7f7;
163
- --noaberkracht-color-grey-82: #d1d1d1;
164
- --noaberkracht-color-grey-50: #808080;
165
- --noaberkracht-color-grey-46: #767676;
166
- --noaberkracht-color-grey-31: #4f4f4f;
167
- --noaberkracht-color-yellow-47: #f0b800; /* Base/Yellow from Huisstijlhandboek, base color of website is #f0af00 */
168
- --noaberkracht-color-blue-31-80t: #012c9dcc; /* Blue with 80% transparency */
169
- --noaberkracht-color-blue-31-60t: #012c9d99; /* Blue with 60% transparency */
170
- --noaberkracht-color-blue-31-50t: #012c9d80; /* Blue with 50% transparency */
171
- --noaberkracht-color-blue-31-10t: #012c9d1a; /* Blue with 10% transparency */
172
- --noaberkracht-color-blue-93: #e5e9f5;
173
- --noaberkracht-color-blue-59: #6780c4; /* Blue color for over 31-60t color */
174
- --noaberkracht-color-blue-46: #1967d2;
175
- --noaberkracht-color-blue-31: #012c9d;
176
- --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
177
- --noaberkracht-color-alert-info-background: #cce5ff;
178
- --noaberkracht-color-alert-info: #004085;
179
- --noaberkracht-color-alert-succes-background: #d4edda;
180
- --noaberkracht-color-alert-succes: #155724;
181
- --noaberkracht-color-succes: #28a745;
182
- --noaberkracht-color-alert-warning-background: #fff3cd;
183
- --noaberkracht-color-alert-warning: #856404;
184
- --noaberkracht-color-warning: #ffc107;
185
- --noaberkracht-color-alert-error-background: #f8d7da;
186
- --noaberkracht-color-alert-error: #721c24;
187
- --noaberkracht-color-error: #dc3545;
188
- --noaberkracht-color-primary-hover: #2e5ed9;
189
- --noaberkracht-color-primary: #4376fc;
190
- --open-catalogi-rating-rating-bar-color: var(--noaberkracht-color-blue-22);
191
- --conduction-tooltip-padding-inline-end: var(--noaberkracht-size-sm);
192
- --conduction-tooltip-padding-inline-start: var(--noaberkracht-size-sm);
193
- --conduction-tooltip-padding-block-end: var(--noaberkracht-size-xs);
194
- --conduction-tooltip-padding-block-start: var(--noaberkracht-size-xs);
195
- --conduction-tooltip-color: var(--noaberkracht-color-white-100);
196
- --conduction-tooltip-background-color: var(--noaberkracht-color-black-0);
197
- --conduction-tabs-scroll-button-hover-color: var(--noaberkracht-color-yellow-47);
198
- --conduction-tabs-scroll-button-hover-background-color: var(--noaberkracht-color-white-100);
199
- --conduction-tabs-scroll-button-background-color: var(--noaberkracht-color-white-100);
200
- --conduction-tabs-tab-panel-padding-inline-end: var(--noaberkracht-size-lg);
201
- --conduction-tabs-tab-panel-padding-inline-start: var(--noaberkracht-size-lg);
202
- --conduction-tabs-tab-panel-padding-block-end: var(--noaberkracht-size-lg);
203
- --conduction-tabs-tab-panel-padding-block-start: var(--noaberkracht-size-lg);
204
- --conduction-tabs-tab-list-border-bottom-color: var(--noaberkracht-color-yellow-47);
205
- --conduction-tabs-tab-list-border-bottom-width: var(--noaberkracht-size-3xs);
206
- --conduction-tabs-tab-selected-font-family: var(--noaberkracht-typography-oceanwide-font-family);
207
- --conduction-tabs-tab-selected-font-weight: var(--noaberkracht-typography-font-weight-bold);
208
- --conduction-tabs-tab-selected-border-bottom-color: var(--noaberkracht-color-blue-22);
209
- --conduction-tabs-tab-selected-border-bottom-width: var(--noaberkracht-size-3xs);
210
- --conduction-tabs-tab-selected-color: var(--noaberkracht-color-blue-22);
211
- --conduction-tabs-tab-font-family: var(--noaberkracht-typography-oceanwide-font-family);
212
- --conduction-tabs-tab-font-weight: var(--noaberkracht-typography-font-weight-normal);
213
- --conduction-tabs-tab-font-size: var(--noaberkracht-font-size-sm);
214
- --conduction-tabs-tab-padding-inline-end: var(--noaberkracht-size-sm);
215
- --conduction-tabs-tab-padding-inline-start: var(--noaberkracht-size-sm);
216
- --conduction-tabs-tab-padding-block-end: var(--noaberkracht-size-xs);
217
- --conduction-tabs-tab-padding-block-start: var(--noaberkracht-size-xs);
218
- --conduction-tabs-tab-color: var(--noaberkracht-color-blue-22);
219
- --conduction-table-wrapper-scroll-button-hover-color: var(--noaberkracht-color-yellow-47);
220
- --conduction-table-wrapper-scroll-button-hover-background-color: var(--noaberkracht-color-white-100);
221
- --conduction-table-wrapper-scroll-button-border-color: var(--noaberkracht-color-lightgrey-96);
222
- --conduction-table-wrapper-scroll-button-border-width: var(--noaberkracht-size-4xs);
223
- --conduction-table-wrapper-scroll-button-padding-inline-end: var(--noaberkracht-size-sm);
224
- --conduction-table-wrapper-scroll-button-padding-inline-start: var(--noaberkracht-size-sm);
225
- --conduction-table-wrapper-scroll-button-background-color: var(--noaberkracht-color-white-100);
226
- --conduction-input-select-placeholder-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
227
- --conduction-input-select-list-option-focus-color: var(--noaberkracht-color-white-100);
228
- --conduction-input-select-list-option-focus-background-color: var(--noaberkracht-color-blue-46);
229
- --conduction-input-select-list-option-selected-color: var(--noaberkracht-color-white-100);
230
- --conduction-input-select-list-option-selected-background-color: var(--noaberkracht-color-blue-46);
231
- --conduction-input-select-list-option-hover-color: var(--noaberkracht-color-white-100);
232
- --conduction-input-select-list-option-hover-background-color: var(--noaberkracht-color-blue-46);
233
- --conduction-input-select-list-option-hover-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
234
- --conduction-input-select-list-option-color: var(--noaberkracht-color-blue-31);
235
- --conduction-input-select-list-option-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
236
- --conduction-input-select-invalid-border-color: var(--noaberkracht-color-error);
237
- --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
238
- --conduction-input-select-border: var(--noaberkracht-size-4xs) solid var(--noaberkracht-color-blue-22);
239
- --conduction-input-select-background-color: var(--noaberkracht-color-white-100);
240
- --conduction-pagination-page-hover-background-color: var(--noaberkracht-color-blue-31-10t);
241
- --conduction-pagination-page-hover-color: var(--noaberkracht-color-blue-31);
242
- --conduction-pagination-current-page-font-weight: var(--noaberkracht-typography-font-weight-bold);
243
- --conduction-pagination-current-page-background-color: var(--noaberkracht-color-blue-31-10t);
244
- --conduction-pagination-current-page-color: var(--noaberkracht-color-blue-31);
245
- --conduction-pagination-navigation-button-hover-background-color: var(--noaberkracht-color-blue-31-10t);
246
- --conduction-pagination-navigation-button-hover-color: var(--noaberkracht-color-blue-31-50t);
247
- --conduction-pagination-navigation-button-disabled-background-color: var(--noaberkracht-color-lightgrey-96);
248
- --conduction-pagination-navigation-button-padding-inline-end: var(--noaberkracht-size-xs);
249
- --conduction-pagination-navigation-button-padding-inline-start: var(--noaberkracht-size-xs);
250
- --conduction-pagination-navigation-button-color: var(--noaberkracht-color-blue-31-50t);
251
- --conduction-pagination-item-border-radius: var(--noaberkracht-size-md);
252
- --conduction-pagination-item-font-family: var(--noaberkracht-typography-oceanwide-font-family);
253
- --conduction-pagination-item-font-weight: var(--noaberkracht-typography-font-weight-bold);
254
- --conduction-pagination-item-padding-block-end: var(--noaberkracht-size-xs);
255
- --conduction-pagination-item-padding-block-start: var(--noaberkracht-size-xs);
256
- --conduction-pagination-item-padding-inline-end: var(--noaberkracht-size-sm);
257
- --conduction-pagination-item-padding-inline-start: var(--noaberkracht-size-sm);
258
- --conduction-pagination-item-background-color: var(--noaberkracht-color-white-100);
259
- --conduction-pagination-item-color: var(--noaberkracht-color-blue-31);
260
- --conduction-pagination-item-gap: var(--noaberkracht-size-2xs);
261
- --conduction-secondary-top-nav-font-size: var(--noaberkracht-font-size-xs);
262
- --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
263
- --conduction-secondary-top-nav-current-color: var(--noaberkracht-color-white-100);
264
- --conduction-secondary-top-nav-hover-color: var(--noaberkracht-color-white-100);
265
- --conduction-secondary-top-nav-color: var(--noaberkracht-color-white-100);
266
- --conduction-primary-top-nav-dropdown-current-mobile-box-shadow: inset 4px 0 var(--noaberkracht-color-yellow-47);
267
- --conduction-primary-top-nav-dropdown-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
268
- --conduction-primary-top-nav-dropdown-current-background-color: var(--noaberkracht-color-blue-59);
269
- --conduction-primary-top-nav-dropdown-current-color: var(--noaberkracht-color-white-100);
270
- --conduction-primary-top-nav-dropdown-hover-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
271
- --conduction-primary-top-nav-dropdown-hover-background-color: var(--noaberkracht-color-blue-59);
272
- --conduction-primary-top-nav-dropdown-hover-color: var(--noaberkracht-color-white-100);
273
- --conduction-primary-top-nav-dropdown-border-color: var(--noaberkracht-color-blue-31-60t);
274
- --conduction-primary-top-nav-dropdown-border-width: var(--noaberkracht-size-4xs);
275
- --conduction-primary-top-nav-dropdown-background-color: var(--noaberkracht-color-blue-59);
276
- --conduction-primary-top-nav-dropdown-color: var(--noaberkracht-color-white-100);
277
- --conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 var(--noaberkracht-color-yellow-47);
278
- --conduction-primary-top-nav-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
279
- --conduction-primary-top-nav-current-background-color: var(--noaberkracht-color-blue-59);
280
- --conduction-primary-top-nav-current-color: var(--noaberkracht-color-white-100);
281
- --conduction-primary-top-nav-hover-background-color: var(--noaberkracht-color-blue-59);
282
- --conduction-primary-top-nav-hover-color: var(--noaberkracht-color-white-100);
283
- --conduction-primary-top-nav-background-color: var(--noaberkracht-color-blue-59);
284
- --conduction-primary-top-nav-color: var(--noaberkracht-color-white-100);
285
- --conduction-download-card-padding-block-start: var(--noaberkracht-size-md);
286
- --conduction-download-card-padding-block-end: var(--noaberkracht-size-md);
287
- --conduction-download-card-padding-inline-start: var(--noaberkracht-size-md);
288
- --conduction-download-card-padding-inline-end: var(--noaberkracht-size-md);
289
- --conduction-download-card-icon-gap: var(--noaberkracht-size-xs);
290
- --conduction-download-card-border-color: var(--noaberkracht-color-blue-22);
291
- --conduction-download-card-border-width: var(--noaberkracht-size-4xs);
292
- --conduction-download-card-title-margin-inline-end: var(--noaberkracht-size-sm);
293
- --conduction-download-card-title-font-family: var(--noaberkracht-typography-oceanwide-font-family);
294
- --conduction-download-card-title-font-weight: var(--noaberkracht-typography-font-weight-bold);
295
- --conduction-download-card-title-font-size: var(--noaberkracht-font-size-md);
296
- --conduction-download-card-title-color: var(--noaberkracht-color-blue-22);
297
- --conduction-input-checkbox-focus-outline-color: var(--noaberkracht-color-black-0);
298
- --conduction-input-checkbox-disabled-hover-border-color: var(--noaberkracht-color-grey-82);
299
- --conduction-input-checkbox-disabled-hover-border-width: var(--noaberkracht-size-4xs);
300
- --conduction-input-checkbox-disabled-hover-color: var(--noaberkracht-color-grey-82);
301
- --conduction-input-checkbox-disabled-border-color: var(--noaberkracht-color-grey-82);
302
- --conduction-input-checkbox-disabled-border-width: var(--noaberkracht-size-4xs);
303
- --conduction-input-checkbox-disabled-color: var(--noaberkracht-color-grey-82);
304
- --conduction-input-checkbox-checked-hover-border-color: var(--noaberkracht-color-primary-hover);
305
- --conduction-input-checkbox-checked-hover-border-width: var(--noaberkracht-size-4xs);
306
- --conduction-input-checkbox-checked-hover-color: var(--noaberkracht-color-primary-hover);
307
- --conduction-input-checkbox-checked-border-color: var(--noaberkracht-color-primary);
308
- --conduction-input-checkbox-checked-border-width: var(--noaberkracht-size-4xs);
309
- --conduction-input-checkbox-checked-color: var(--noaberkracht-color-primary);
310
- --conduction-input-checkbox-hover-border-color: var(--noaberkracht-color-grey-31);
311
- --conduction-input-checkbox-hover-border-width: var(--noaberkracht-size-4xs);
312
- --conduction-input-checkbox-hover-color: var(--noaberkracht-color-white-100);
313
- --conduction-input-checkbox-border-color: var(--noaberkracht-color-grey-46);
314
- --conduction-input-checkbox-border-width: var(--noaberkracht-size-4xs);
315
- --conduction-input-checkbox-color: var(--noaberkracht-color-white-100);
316
- --conduction-card-wrapper-padding-block-start: var(--noaberkracht-size-md);
317
- --conduction-card-wrapper-padding-block-end: var(--noaberkracht-size-md);
318
- --conduction-card-wrapper-padding-inline-start: var(--noaberkracht-size-md);
319
- --conduction-card-wrapper-padding-inline-end: var(--noaberkracht-size-md);
320
- --conduction-card-wrapper-color: var(--noaberkracht-color-blue-22);
321
- --conduction-card-wrapper-border-width: var(--noaberkracht-size-4xs);
322
- --conduction-card-wrapper-border-color: var(--noaberkracht-color-blue-22);
323
- --conduction-card-wrapper-background-color: var(--noaberkracht-color-white-100);
324
- --conduction-card-header-date-margin-block-end: var(--noaberkracht-size-xs);
325
- --conduction-card-header-date-font-weight: var(--noaberkracht-typography-font-weight-light);
326
- --conduction-card-header-date-font-size: var(--noaberkracht-font-size-xs);
327
- --conduction-card-header-date-color: var(--noaberkracht-color-blue-22);
328
- --conduction-card-header-title-color: var(--noaberkracht-color-blue-22);
329
- --utrecht-surface-background-color: var(--noaberkracht-color-white-100);
330
- --utrecht-separator-block-size: var(--noaberkracht-size-4xs);
331
- --utrecht-separator-color: var(--noaberkracht-color-yellow-47);
332
- --utrecht-paragraph-font-weight: var(--noaberkracht-typography-font-weight-normal);
333
- --utrecht-paragraph-font-size: var(--noaberkracht-font-size-sm);
334
- --utrecht-paragraph-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
335
- --utrecht-page-margin-inline-end: var(--noaberkracht-size-lg);
336
- --utrecht-page-margin-inline-start: var(--noaberkracht-size-lg);
337
- --utrecht-unordered-list-marker-color: var(--noaberkracht-color-blue-22);
338
- --utrecht-unordered-list-item-margin-block-end: var(--noaberkracht-size-xs);
339
- --utrecht-unordered-list-item-margin-block-start: var(--noaberkracht-size-xs);
340
- --utrecht-unordered-list-margin-block-start: var(--noaberkracht-size-md);
341
- --utrecht-ordered-list-item-margin-block-end: var(--noaberkracht-size-2xs);
342
- --utrecht-ordered-list-item-margin-block-start: var(--noaberkracht-size-2xs);
343
- --utrecht-ordered-list-padding-inline-start: var(--noaberkracht-size-xl);
344
- --utrecht-ordered-list-margin-block-end: var(--noaberkracht-size-sm);
345
- --utrecht-ordered-list-margin-block-start: var(--noaberkracht-size-sm);
346
- --utrecht-link-icon-size: var(--noaberkracht-size-sm);
347
- --utrecht-link-visited-color: var(--noaberkracht-color-blue-22);
348
- --utrecht-link-hover-text-decoration-thickness: var(--noaberkracht-size-4xs);
349
- --utrecht-link-hover-color: var(--noaberkracht-color-blue-22);
350
- --utrecht-link-text-underline-offset: var(--noaberkracht-size-3xs);
351
- --utrecht-link-text-decoration-thickness: var(--noaberkracht-size-4xs);
352
- --utrecht-link-color: var(--noaberkracht-color-blue-22);
353
- --utrecht-heading-5-margin-block-start: var(--noaberkracht-size-md);
354
- --utrecht-heading-5-margin-block-end: var(--noaberkracht-size-lg);
355
- --utrecht-heading-5-font-weight: var(--noaberkracht-typography-font-weight-light);
356
- --utrecht-heading-5-font-size: var(--noaberkracht-font-size-sm);
357
- --utrecht-heading-5-font-family: var(--noaberkracht-typography-oceanwide-font-family);
358
- --utrecht-heading-5-color: var(--noaberkracht-color-blue-22);
359
- --utrecht-heading-4-margin-block-start: var(--noaberkracht-size-md);
360
- --utrecht-heading-4-margin-block-end: var(--noaberkracht-size-lg);
361
- --utrecht-heading-4-font-weight: var(--noaberkracht-typography-font-weight-normal);
362
- --utrecht-heading-4-font-size: var(--noaberkracht-font-size-md);
363
- --utrecht-heading-4-font-family: var(--noaberkracht-typography-oceanwide-font-family);
364
- --utrecht-heading-4-color: var(--noaberkracht-color-blue-22);
365
- --utrecht-heading-3-margin-block-start: var(--noaberkracht-size-md);
366
- --utrecht-heading-3-margin-block-end: var(--noaberkracht-size-xl);
367
- --utrecht-heading-3-font-weight: var(--noaberkracht-typography-font-weight-normal);
368
- --utrecht-heading-3-font-size: var(--noaberkracht-font-size-lg);
369
- --utrecht-heading-3-font-family: var(--noaberkracht-typography-oceanwide-font-family);
370
- --utrecht-heading-3-color: var(--noaberkracht-color-blue-22);
371
- --utrecht-heading-2-margin-block-start: var(--noaberkracht-size-md);
372
- --utrecht-heading-2-margin-block-end: var(--noaberkracht-size-2xl);
373
- --utrecht-heading-2-font-weight: var(--noaberkracht-typography-font-weight-bold);
374
- --utrecht-heading-2-font-size: var(--noaberkracht-font-size-xl);
375
- --utrecht-heading-2-font-family: var(--noaberkracht-typography-oceanwide-font-family);
376
- --utrecht-heading-2-color: var(--noaberkracht-color-blue-22);
377
- --utrecht-heading-1-margin-block-start: var(--noaberkracht-size-md);
378
- --utrecht-heading-1-margin-block-end: var(--noaberkracht-size-2xl);
379
- --utrecht-heading-1-font-weight: var(--noaberkracht-typography-font-weight-bold);
380
- --utrecht-heading-1-font-size: var(--noaberkracht-font-size-2xl);
381
- --utrecht-heading-1-font-family: var(--noaberkracht-typography-oceanwide-font-family);
382
- --utrecht-heading-1-color: var(--noaberkracht-color-blue-22);
383
- --utrecht-textbox-padding-inline-start: var(--noaberkracht-size-md);
384
- --utrecht-textbox-padding-inline-end: var(--noaberkracht-size-md);
385
- --utrecht-textbox-padding-block-start: var(--noaberkracht-size-xs);
386
- --utrecht-textbox-padding-block-end: var(--noaberkracht-size-xs);
387
- --utrecht-textbox-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
388
- --utrecht-textbox-color: var(--noaberkracht-color-blue-22);
389
- --utrecht-textbox-border-width: var(--noaberkracht-size-4xs);
390
- --utrecht-textbox-border-color: var(--noaberkracht-color-blue-22);
391
- --utrecht-textbox-focus-background-color: var(--noaberkracht-color-white-100);
392
- --utrecht-textbox-placeholder-color: var(--noaberkracht-color-blue-22);
393
- --utrecht-textbox-background-color: var(--noaberkracht-color-white-100);
394
- --utrecht-table-margin-block-start: var(--noaberkracht-size-md);
395
- --utrecht-table-border-width: var(--noaberkracht-size-4xs);
396
- --utrecht-table-border-color: var(--noaberkracht-color-lightgrey-96);
397
- --utrecht-table-row-border-block-end-width: var(--noaberkracht-size-4xs);
398
- --utrecht-table-row-border-block-end-color: var(--noaberkracht-color-lightgrey-96);
399
- --utrecht-table-cell-padding-inline-start: var(--noaberkracht-size-md);
400
- --utrecht-table-cell-padding-inline-end: var(--noaberkracht-size-md);
401
- --utrecht-table-cell-padding-block-start: var(--noaberkracht-size-md);
402
- --utrecht-table-cell-padding-block-end: var(--noaberkracht-size-md);
403
- --utrecht-table-header-cell-font-weight: var(--noaberkracht-typography-font-weight-bold);
404
- --utrecht-table-header-font-weight: var(--noaberkracht-typography-font-weight-bold);
405
- --utrecht-table-background-color: var(--noaberkracht-color-white-100);
406
- --utrecht-radio-button-invalid-color: var(--noaberkracht-color-error);
407
- --utrecht-radio-button-invalid-background-color: var(--noaberkracht-color-white-100);
408
- --utrecht-radio-button-invalid-border-width: var(--noaberkracht-size-4xs);
409
- --utrecht-radio-button-invalid-border-color: var(--noaberkracht-color-error);
410
- --utrecht-radio-button-disabled-color: var(--noaberkracht-color-grey-82);
411
- --utrecht-radio-button-disabled-background-color: var(--noaberkracht-color-grey-97);
412
- --utrecht-radio-button-disabled-border-width: var(--noaberkracht-size-4xs);
413
- --utrecht-radio-button-disabled-border-color: var(--noaberkracht-color-grey-82);
414
- --utrecht-radio-button-focus-color: var(--noaberkracht-color-primary);
415
- --utrecht-radio-button-focus-background-color: var(--noaberkracht-color-white-100);
416
- --utrecht-radio-button-focus-border-width: var(--noaberkracht-size-4xs);
417
- --utrecht-radio-button-focus-border-color: var(--noaberkracht-color-primary);
418
- --utrecht-radio-button-hover-background-color: var(--noaberkracht-color-white-100);
419
- --utrecht-radio-button-hover-border-width: var(--noaberkracht-size-4xs);
420
- --utrecht-radio-button-hover-border-color: var(--noaberkracht-color-grey-31);
421
- --utrecht-radio-button-checked-focus-color: var(--noaberkracht-color-primary);
422
- --utrecht-radio-button-checked-focus-background-color: var(--noaberkracht-color-white-100);
423
- --utrecht-radio-button-checked-focus-border-width: var(--noaberkracht-size-4xs);
424
- --utrecht-radio-button-checked-focus-border-color: var(--noaberkracht-color-primary);
425
- --utrecht-radio-button-checked-hover-color: var(--noaberkracht-color-primary-hover);
426
- --utrecht-radio-button-checked-hover-background-color: var(--noaberkracht-color-white-100);
427
- --utrecht-radio-button-checked-hover-border-width: var(--noaberkracht-size-4xs);
428
- --utrecht-radio-button-checked-hover-border-color: var(--noaberkracht-color-primary-hover);
429
- --utrecht-radio-button-checked-active-color: var(--noaberkracht-color-primary);
430
- --utrecht-radio-button-checked-active-background-color: var(--noaberkracht-color-white-100);
431
- --utrecht-radio-button-checked-active-border-width: var(--noaberkracht-size-4xs);
432
- --utrecht-radio-button-checked-active-border-color: var(--noaberkracht-color-primary);
433
- --utrecht-radio-button-checked-color: var(--noaberkracht-color-primary);
434
- --utrecht-radio-button-checked-background-color: var(--noaberkracht-color-white-100);
435
- --utrecht-radio-button-checked-border-width: var(--noaberkracht-size-4xs);
436
- --utrecht-radio-button-checked-border-color: var(--noaberkracht-color-primary);
437
- --utrecht-radio-button-border-width: var(--noaberkracht-size-4xs);
438
- --utrecht-radio-button-border-color: var(--noaberkracht-color-grey-46);
439
- --utrecht-radio-button-background-color: var(--noaberkracht-color-white-100);
440
- --utrecht-radio-button-checked-disabled-color: var(--noaberkracht-color-grey-82);
441
- --utrecht-radio-button-checked-disabled-background-color: var(--noaberkracht-color-white-100);
442
- --utrecht-radio-button-checked-disabled-border-width: var(--noaberkracht-size-4xs);
443
- --utrecht-radio-button-checked-disabled-border-color: var(--noaberkracht-color-grey-82);
444
- --utrecht-page-header-padding-block-end: var(--noaberkracht-size-sm);
445
- --utrecht-page-header-padding-block-start: var(--noaberkracht-size-sm);
446
- --utrecht-page-header-color: var(--noaberkracht-color-white-100);
447
- --utrecht-page-header-background-color: var(--noaberkracht-color-blue-31-60t);
448
- --utrecht-page-footer-padding-block-start: var(--noaberkracht-size-2xl);
449
- --utrecht-page-footer-padding-block-end: var(--noaberkracht-size-2xl);
450
- --utrecht-page-footer-padding-inline-start: var(--noaberkracht-size-sm);
451
- --utrecht-page-footer-padding-inline-end: var(--noaberkracht-size-sm);
452
- --utrecht-page-footer-color: var(--noaberkracht-color-white-100);
453
- --utrecht-page-footer-background-color: var(--noaberkracht-color-yellow-47);
454
- --utrecht-page-footer-link-hover-text-decoration-thickness: var(--noaberkracht-size-4xs);
455
- --utrecht-page-footer-link-text-underline-offset: var(--noaberkracht-size-3xs);
456
- --utrecht-page-footer-link-text-decoration-thickness: var(--noaberkracht-size-4xs);
457
- --utrecht-icon-gap: var(--noaberkracht-size-xs);
458
- --utrecht-form-input-padding-inline-start: var(--noaberkracht-size-md);
459
- --utrecht-form-input-padding-inline-end: var(--noaberkracht-size-md);
460
- --utrecht-form-input-padding-block-start: var(--noaberkracht-size-xs);
461
- --utrecht-form-input-padding-block-end: var(--noaberkracht-size-xs);
462
- --utrecht-form-input-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
463
- --utrecht-form-input-color: var(--noaberkracht-color-blue-22);
464
- --utrecht-form-input-border-width: var(--noaberkracht-size-4xs);
465
- --utrecht-form-input-border-color: var(--noaberkracht-color-blue-22);
466
- --utrecht-form-input-focus-background-color: var(--noaberkracht-color-white-100);
467
- --utrecht-form-input-placeholder-color: var(--noaberkracht-color-blue-22);
468
- --utrecht-form-input-background-color: var(--noaberkracht-color-white-100);
469
- --utrecht-document-font-size: var(--noaberkracht-font-size-sm);
470
- --utrecht-document-font-family: var(--noaberkracht-typography-greycliff-cf-font-family);
471
- --utrecht-document-color: var(--noaberkracht-color-blue-22);
472
- --utrecht-document-background-color: var(--noaberkracht-color-white-98);
473
- --utrecht-code-block-padding-inline-end: var(--noaberkracht-size-md);
474
- --utrecht-code-block-padding-inline-start: var(--noaberkracht-size-md);
475
- --utrecht-code-block-padding-block-end: var(--noaberkracht-size-md);
476
- --utrecht-code-block-padding-block-start: var(--noaberkracht-size-md);
477
- --utrecht-code-block-margin-block-end: var(--noaberkracht-size-md);
478
- --utrecht-code-block-margin-block-start: var(--noaberkracht-size-md);
479
- --utrecht-code-block-line-height: var(--noaberkracht-size-lg);
480
- --utrecht-code-block-font-size: var(--noaberkracht-font-size-sm);
481
- --utrecht-code-block-font-family: var(--noaberkracht-typography-monospace-font-family);
482
- --utrecht-code-block-color: var(--noaberkracht-color-black-0);
483
- --utrecht-code-block-background-color: var(--noaberkracht-color-lightgrey-96);
484
- --utrecht-code-font-family: var(--noaberkracht-typography-monospace-font-family);
485
- --utrecht-code-color: var(--noaberkracht-color-black-0);
486
- --utrecht-code-background-color: var(--noaberkracht-color-lightgrey-96);
487
- --utrecht-button-subtle-disabled-color: var(--noaberkracht-color-grey-50);
488
- --utrecht-button-subtle-disabled-border-color: var(--noaberkracht-color-grey-82);
489
- --utrecht-button-subtle-disabled-background-color: var(--noaberkracht-color-grey-82);
490
- --utrecht-button-secondary-action-hover-color: var(--noaberkracht-color-blue-22);
491
- --utrecht-button-secondary-action-hover-border-color: var(--noaberkracht-color-blue-22);
492
- --utrecht-button-secondary-action-hover-background-color: var(--noaberkracht-color-white-100);
493
- --utrecht-button-secondary-action-disabled-color: var(--noaberkracht-color-grey-50);
494
- --utrecht-button-secondary-action-disabled-border-color: var(--noaberkracht-color-grey-82);
495
- --utrecht-button-secondary-action-disabled-background-color: var(--noaberkracht-color-grey-82);
496
- --utrecht-button-secondary-action-font-weight: var(--noaberkracht-typography-font-weight-normal);
497
- --utrecht-button-secondary-action-color: var(--noaberkracht-color-yellow-47);
498
- --utrecht-button-secondary-action-border-width: var(--noaberkracht-size-3xs);
499
- --utrecht-button-secondary-action-border-color: var(--noaberkracht-color-yellow-47);
500
- --utrecht-button-secondary-action-background-color: var(--noaberkracht-color-white-100);
501
- --utrecht-button-primary-action-hover-color: var(--noaberkracht-color-white-100);
502
- --utrecht-button-primary-action-hover-border-color: var(--noaberkracht-color-yellow-47);
503
- --utrecht-button-primary-action-hover-background-color: var(--noaberkracht-color-yellow-47);
504
- --utrecht-button-primary-action-disabled-color: var(--noaberkracht-color-grey-50);
505
- --utrecht-button-primary-action-disabled-border-color: var(--noaberkracht-color-grey-82);
506
- --utrecht-button-primary-action-disabled-background-color: var(--noaberkracht-color-grey-82);
507
- --utrecht-button-primary-action-color: var(--noaberkracht-color-white-100);
508
- --utrecht-button-primary-action-border-width: var(--noaberkracht-size-3xs);
509
- --utrecht-button-primary-action-border-color: var(--noaberkracht-color-yellow-47);
510
- --utrecht-button-primary-action-background-color: var(--noaberkracht-color-yellow-47);
511
- --utrecht-button-hover-color: var(--noaberkracht-color-white-100);
512
- --utrecht-button-hover-border-color: var(--noaberkracht-color-blue-22);
513
- --utrecht-button-hover-background-color: var(--noaberkracht-color-blue-22);
514
- --utrecht-button-disabled-color: var(--noaberkracht-color-grey-50);
515
- --utrecht-button-disabled-border-color: var(--noaberkracht-color-grey-82);
516
- --utrecht-button-disabled-background-color: var(--noaberkracht-color-grey-82);
517
- --utrecht-button-icon-gap: var(--noaberkracht-size-xs);
518
- --utrecht-button-padding-inline-end: var(--noaberkracht-size-sm);
519
- --utrecht-button-padding-inline-start: var(--noaberkracht-size-sm);
520
- --utrecht-button-padding-block-end: var(--noaberkracht-size-2xs);
521
- --utrecht-button-padding-block-start: var(--noaberkracht-size-2xs);
522
- --utrecht-button-font-family: var(--noaberkracht-typography-oceanwide-font-family);
523
- --utrecht-button-color: var(--noaberkracht-color-white-100);
524
- --utrecht-button-border-width: var(--noaberkracht-size-3xs);
525
- --utrecht-button-border-color: var(--noaberkracht-color-yellow-47);
526
- --utrecht-button-background-color: var(--noaberkracht-color-yellow-47);
527
- --utrecht-breadcrumb-nav-separator-icon-size: var(--noaberkracht-font-size-sm);
528
- --utrecht-breadcrumb-nav-separator-color: var(--noaberkracht-color-yellow-47);
529
- --utrecht-breadcrumb-nav-link-hover-color: var(--noaberkracht-color-yellow-47);
530
- --utrecht-breadcrumb-nav-link-disabled-color: var(--noaberkracht-color-blue-22);
531
- --utrecht-breadcrumb-nav-link-current-color: var(--noaberkracht-color-blue-22);
532
- --utrecht-breadcrumb-nav-link-color: var(--noaberkracht-color-yellow-47);
533
- --utrecht-blockquote-content-font-size: var(--noaberkracht-font-size-md);
534
- --utrecht-blockquote-content-color: var(--noaberkracht-color-black-0);
535
- --utrecht-blockquote-margin-inline-end: var(--noaberkracht-size-xl);
536
- --utrecht-blockquote-margin-inline-start: var(--noaberkracht-size-xl);
537
- --utrecht-badge-padding-inline: var(--noaberkracht-size-xs);
538
- --utrecht-badge-padding-block: var(--noaberkracht-size-xs);
539
- --utrecht-badge-font-weight: var(--noaberkracht-typography-font-weight-normal);
540
- --utrecht-badge-font-size: var(--noaberkracht-font-size-sm);
541
- --utrecht-badge-color: var(--noaberkracht-color-white-100) ;
542
- --utrecht-badge-background-color: var(--noaberkracht-color-blue-31) ;
543
- --utrecht-badge-counter-font-family: var(--noaberkracht-typography-oceanwide-font-family);
544
- --utrecht-badge-counter-padding-inline: var(--noaberkracht-size-2xs);
545
- --utrecht-badge-counter-padding-block: var(--noaberkracht-size-2xs);
546
- --utrecht-badge-counter-font-weight: var(--noaberkracht-typography-font-weight-normal);
547
- --utrecht-badge-counter-color: var(--noaberkracht-color-blue-22);
548
- --utrecht-badge-counter-background-color: var(--noaberkracht-color-yellow-47);
549
- --utrecht-alert-icon-gap: var(--noaberkracht-size-xs);
550
- --utrecht-alert-icon-ok-color: var(--noaberkracht-color-alert-succes);
551
- --utrecht-alert-icon-warning-color: var(--noaberkracht-color-alert-warning);
552
- --utrecht-alert-icon-error-color: var(--noaberkracht-color-alert-error);
553
- --utrecht-alert-icon-color: var(--noaberkracht-color-alert-info);
554
- --utrecht-alert-ok-color: var(--noaberkracht-color-alert-succes);
555
- --utrecht-alert-ok-background-color: var(--noaberkracht-color-alert-succes-background);
556
- --utrecht-alert-error-color: var(--noaberkracht-color-alert-error);
557
- --utrecht-alert-error-background-color: var(--noaberkracht-color-alert-error-background);
558
- --utrecht-alert-warning-color: var(--noaberkracht-color-alert-warning);
559
- --utrecht-alert-warning-background-color: var(--noaberkracht-color-alert-warning-background);
560
- --utrecht-alert-padding-inline-end: var(--noaberkracht-size-lg);
561
- --utrecht-alert-padding-inline-start: var(--noaberkracht-size-lg);
562
- --utrecht-alert-padding-block-end: var(--noaberkracht-size-lg);
563
- --utrecht-alert-padding-block-start: var(--noaberkracht-size-lg);
564
- --utrecht-alert-color: var(--noaberkracht-color-alert-info);
565
- --utrecht-alert-background-color: var(--noaberkracht-color-alert-info-background);
566
- --utrecht-space-inline-3xl: var(--noaberkracht-size-3xl);
567
- --utrecht-space-inline-2xl: var(--noaberkracht-size-2xl);
568
- --utrecht-space-inline-xl: var(--noaberkracht-size-xl);
569
- --utrecht-space-inline-lg: var(--noaberkracht-size-lg);
570
- --utrecht-space-inline-md: var(--noaberkracht-size-md);
571
- --utrecht-space-inline-sm: var(--noaberkracht-size-sm);
572
- --utrecht-space-inline-xs: var(--noaberkracht-size-xs);
573
- --utrecht-space-inline-2xs: var(--noaberkracht-size-2xs);
574
- --utrecht-space-inline-3xs: var(--noaberkracht-size-3xs);
575
- --utrecht-space-block-3xl: var(--noaberkracht-size-3xl);
576
- --utrecht-space-block-2xl: var(--noaberkracht-size-2xl);
577
- --utrecht-space-block-xl: var(--noaberkracht-size-xl);
578
- --utrecht-space-block-lg: var(--noaberkracht-size-lg);
579
- --utrecht-space-block-md: var(--noaberkracht-size-md);
580
- --utrecht-space-block-sm: var(--noaberkracht-size-sm);
581
- --utrecht-space-block-xs: var(--noaberkracht-size-xs);
582
- --utrecht-space-block-2xs: var(--noaberkracht-size-2xs);
583
- --utrecht-space-block-3xs: var(--noaberkracht-size-3xs);
584
- --noaberkracht-typography-scale-4xl: var(--noaberkracht-font-size-4xl);
585
- --noaberkracht-typography-scale-3xl: var(--noaberkracht-font-size-3xl);
586
- --noaberkracht-typography-scale-2xl: var(--noaberkracht-font-size-2xl);
587
- --noaberkracht-typography-scale-xl: var(--noaberkracht-font-size-xl);
588
- --noaberkracht-typography-scale-lg: var(--noaberkracht-font-size-lg);
589
- --noaberkracht-typography-scale-md: var(--noaberkracht-font-size-md);
590
- --noaberkracht-typography-scale-sm: var(--noaberkracht-font-size-sm);
591
- --noaberkracht-typography-scale-xs: var(--noaberkracht-font-size-xs);
592
- --noaberkracht-typography-scale-2xs: var(--noaberkracht-font-size-2xs);
593
- --noaberkracht-typography-scale-3xs: var(--noaberkracht-font-size-3xs);
594
- --noaberkracht-typography-scale-4xs: var(--noaberkracht-font-size-4xs);
595
- --noaberkracht-color-info: var(--noaberkracht-color-primary);
596
- --open-catalogi-rating-font-family: var(--utrecht-document-font-family);
597
- --open-catalogi-rating-font-size: var(--utrecht-document-font-size);
598
- --conduction-tabs-scroll-button-color: var(--utrecht-document-color);
599
- --conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
600
- --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
601
- --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
602
- --conduction-input-checkbox-label-font-family: var(--utrecht-document-font-family);
603
- --conduction-input-checkbox-label-font-size: var(--utrecht-document-font-size);
604
- --conduction-input-checkbox-label-color: var(--utrecht-document-color);
605
- --conduction-card-header-color: var(--utrecht-document-color);
606
- --utrecht-paragraph-color: var(--utrecht-document-color);
607
- --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
608
- --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
609
- --utrecht-table-font-size: var(--utrecht-document-font-size);
610
- --utrecht-table-font-family: var(--utrecht-document-font-family);
611
- --utrecht-table-header-cell-color: var(--utrecht-document-color);
612
- --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
613
- --utrecht-table-header-color: var(--utrecht-document-color);
614
- --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
615
- --utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
616
- }
@@ -1,9 +0,0 @@
1
- /* Place any @font-face definitions here */
2
- @font-face {
3
- font-family: "greycliff-cf";
4
- src: url("../src/font/GreycliffCF.woff2") format("woff2");
5
- }
6
- @font-face {
7
- font-family: "Oceanwide";
8
- src: url("../src/font/Oceanwide.woff2") format("woff2");
9
- }
@@ -1,7 +0,0 @@
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
- @import "./font.css";