@conduction/theme 1.0.38 → 1.0.40

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 (137) hide show
  1. package/README.md +2 -0
  2. package/conduction-design-tokens/dist/design-tokens.css +13 -1
  3. package/conduction-design-tokens/dist/index.js +13 -1
  4. package/conduction-design-tokens/dist/index.json +250 -0
  5. package/conduction-design-tokens/dist/index.less +13 -1
  6. package/conduction-design-tokens/dist/index.scss +13 -1
  7. package/conduction-design-tokens/dist/tokens.json +282 -0
  8. package/conduction-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  9. package/conduction-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  10. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +14 -1
  11. package/municipalities/dinkelland-design-tokens/dist/index.js +14 -1
  12. package/municipalities/dinkelland-design-tokens/dist/index.json +269 -0
  13. package/municipalities/dinkelland-design-tokens/dist/index.less +14 -1
  14. package/municipalities/dinkelland-design-tokens/dist/index.scss +14 -1
  15. package/municipalities/dinkelland-design-tokens/dist/tokens.json +300 -0
  16. package/municipalities/dinkelland-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  17. package/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  18. package/municipalities/epe-design-tokens/dist/design-tokens.css +14 -1
  19. package/municipalities/epe-design-tokens/dist/index.js +14 -1
  20. package/municipalities/epe-design-tokens/dist/index.json +269 -0
  21. package/municipalities/epe-design-tokens/dist/index.less +14 -1
  22. package/municipalities/epe-design-tokens/dist/index.scss +14 -1
  23. package/municipalities/epe-design-tokens/dist/tokens.json +300 -0
  24. package/municipalities/epe-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  25. package/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  26. package/municipalities/leiden-design-tokens/dist/design-tokens.css +14 -1
  27. package/municipalities/leiden-design-tokens/dist/index.js +14 -1
  28. package/municipalities/leiden-design-tokens/dist/index.json +269 -0
  29. package/municipalities/leiden-design-tokens/dist/index.less +14 -1
  30. package/municipalities/leiden-design-tokens/dist/index.scss +14 -1
  31. package/municipalities/leiden-design-tokens/dist/tokens.json +300 -0
  32. package/municipalities/leiden-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  33. package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  34. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +13 -1
  35. package/municipalities/noaberkracht-design-tokens/dist/index.js +13 -1
  36. package/municipalities/noaberkracht-design-tokens/dist/index.json +250 -0
  37. package/municipalities/noaberkracht-design-tokens/dist/index.less +13 -1
  38. package/municipalities/noaberkracht-design-tokens/dist/index.scss +13 -1
  39. package/municipalities/noaberkracht-design-tokens/dist/tokens.json +282 -0
  40. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  41. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  42. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +15 -1
  43. package/municipalities/noordwijk-design-tokens/dist/index.js +15 -1
  44. package/municipalities/noordwijk-design-tokens/dist/index.json +290 -0
  45. package/municipalities/noordwijk-design-tokens/dist/index.less +15 -1
  46. package/municipalities/noordwijk-design-tokens/dist/index.scss +15 -1
  47. package/municipalities/noordwijk-design-tokens/dist/tokens.json +321 -0
  48. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +3 -0
  49. package/municipalities/noordwijk-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  50. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  51. package/municipalities/open-webconcept-design-tokens/LICENSE.md +17 -0
  52. package/municipalities/open-webconcept-design-tokens/README.md +34 -0
  53. package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css +437 -0
  54. package/municipalities/open-webconcept-design-tokens/dist/font.css +361 -0
  55. package/municipalities/open-webconcept-design-tokens/dist/index.css +7 -0
  56. package/municipalities/open-webconcept-design-tokens/dist/index.js +435 -0
  57. package/municipalities/open-webconcept-design-tokens/dist/index.json +8655 -0
  58. package/municipalities/open-webconcept-design-tokens/dist/index.less +434 -0
  59. package/municipalities/open-webconcept-design-tokens/dist/index.scss +434 -0
  60. package/municipalities/open-webconcept-design-tokens/dist/tokens.json +9214 -0
  61. package/municipalities/open-webconcept-design-tokens/documentation/color.stories.mdx +17 -0
  62. package/municipalities/open-webconcept-design-tokens/documentation/components.stories.mdx +11 -0
  63. package/municipalities/open-webconcept-design-tokens/documentation/design-tokens.stories.mdx +14 -0
  64. package/municipalities/open-webconcept-design-tokens/documentation/readme.stories.mdx +7 -0
  65. package/municipalities/open-webconcept-design-tokens/package.json +38 -0
  66. package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json +89 -0
  67. package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/font-size.tokens.json +17 -0
  68. package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/size.tokens.json +17 -0
  69. package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/typography.tokens.json +40 -0
  70. package/municipalities/open-webconcept-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  71. package/municipalities/open-webconcept-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  72. package/municipalities/open-webconcept-design-tokens/src/component/conduction/card-header.tokens.json +26 -0
  73. package/municipalities/open-webconcept-design-tokens/src/component/conduction/card-wrapper.tokens.json +25 -0
  74. package/municipalities/open-webconcept-design-tokens/src/component/conduction/navigation.tokens.json +39 -0
  75. package/municipalities/open-webconcept-design-tokens/src/component/conduction/pagination.tokens.json +45 -0
  76. package/municipalities/open-webconcept-design-tokens/src/component/conduction/select.tokens.json +30 -0
  77. package/municipalities/open-webconcept-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
  78. package/municipalities/open-webconcept-design-tokens/src/component/conduction/tabs.tokens.json +84 -0
  79. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  80. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/badge-counter.tokens.json +13 -0
  81. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  82. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  83. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  84. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/code.tokens.json +26 -0
  85. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  86. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  87. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json +11 -0
  88. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  89. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
  90. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  91. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +12 -0
  92. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +10 -0
  93. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +24 -0
  94. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +26 -0
  95. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/form-input.tokens.json +31 -0
  96. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
  97. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  98. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  99. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/list.tokens.json +31 -0
  100. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  101. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  102. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  103. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  104. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
  105. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  106. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/textbox.tokens.json +31 -0
  107. package/municipalities/open-webconcept-design-tokens/src/config.json +47 -0
  108. package/municipalities/open-webconcept-design-tokens/src/font.js +6 -0
  109. package/municipalities/open-webconcept-design-tokens/src/font.scss +363 -0
  110. package/municipalities/open-webconcept-design-tokens/src/index.scss +8 -0
  111. package/municipalities/open-webconcept-design-tokens/style-dictionary.config.js +6 -0
  112. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +8 -1
  113. package/municipalities/rotterdam-design-tokens/dist/index.js +8 -1
  114. package/municipalities/rotterdam-design-tokens/dist/index.json +155 -0
  115. package/municipalities/rotterdam-design-tokens/dist/index.less +8 -1
  116. package/municipalities/rotterdam-design-tokens/dist/index.scss +8 -1
  117. package/municipalities/rotterdam-design-tokens/dist/tokens.json +192 -0
  118. package/municipalities/rotterdam-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  119. package/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  120. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +14 -1
  121. package/municipalities/tubbergen-design-tokens/dist/index.js +14 -1
  122. package/municipalities/tubbergen-design-tokens/dist/index.json +269 -0
  123. package/municipalities/tubbergen-design-tokens/dist/index.less +14 -1
  124. package/municipalities/tubbergen-design-tokens/dist/index.scss +14 -1
  125. package/municipalities/tubbergen-design-tokens/dist/tokens.json +300 -0
  126. package/municipalities/tubbergen-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  127. package/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  128. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +13 -1
  129. package/municipalities/xxllnc-design-tokens/dist/index.js +13 -1
  130. package/municipalities/xxllnc-design-tokens/dist/index.json +252 -0
  131. package/municipalities/xxllnc-design-tokens/dist/index.less +13 -1
  132. package/municipalities/xxllnc-design-tokens/dist/index.scss +13 -1
  133. package/municipalities/xxllnc-design-tokens/dist/tokens.json +285 -0
  134. package/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +3 -0
  135. package/municipalities/xxllnc-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  136. package/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +21 -0
  137. package/package.json +3 -2
@@ -0,0 +1,434 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 28 Sep 2023 14:19:36 GMT
4
+
5
+ @conduction-tabs-tab-list-border-bottom-style: solid;
6
+ @conduction-tabs-tab-list-margin-block-end: 0px;
7
+ @conduction-tabs-tab-list-padding-inline-start: 0px;
8
+ @conduction-tabs-tab-selected-border-bottom-style: solid;
9
+ @conduction-tabs-tab-selected-background-color: transparent;
10
+ @conduction-tabs-tab-min-height: 61px;
11
+ @conduction-tabs-tab-min-width: 160px;
12
+ @conduction-tabs-tab-max-width: unset;
13
+ @conduction-tabs-tab-bottom: -2px;
14
+ @conduction-tabs-tab-background-color: transparent;
15
+ @conduction-input-select-padding-block-start: 0;
16
+ @conduction-input-select-padding-block-end: 0;
17
+ @conduction-input-select-border-focus: unset;
18
+ @conduction-pagination-page-hover-text-decoration-thickness: 0px;
19
+ @conduction-pagination-page-hover-text-decoration: unset;
20
+ @conduction-pagination-current-page-text-decoration: unset;
21
+ @conduction-pagination-navigation-button-padding-block-end: 0px;
22
+ @conduction-pagination-navigation-button-padding-block-start: 0px;
23
+ @conduction-pagination-container-padding-block-end: 0px;
24
+ @conduction-pagination-container-padding-block-start: 0px;
25
+ @conduction-pagination-container-padding-inline-end: 0px;
26
+ @conduction-pagination-container-padding-inline-start: 0px;
27
+ @conduction-pagination-container-background-color: unset;
28
+ @conduction-secondary-top-nav-padding-block-start: 16px;
29
+ @conduction-secondary-top-nav-padding-block-end: 16px;
30
+ @conduction-secondary-top-nav-padding-inline-start: 16px;
31
+ @conduction-secondary-top-nav-padding-inline-end: 16px;
32
+ @conduction-secondary-top-nav-item-padding: 18px;
33
+ @conduction-secondary-top-nav-font-weight: 400;
34
+ @conduction-secondary-top-nav-background-color-active: unset;
35
+ @conduction-secondary-top-nav-background-color: transparent;
36
+ @conduction-primary-top-nav-padding-block-start: 16px;
37
+ @conduction-primary-top-nav-padding-block-end: 16px;
38
+ @conduction-primary-top-nav-padding-inline-start: 16px;
39
+ @conduction-primary-top-nav-padding-inline-end: 16px;
40
+ @conduction-primary-top-nav-item-padding: 18px;
41
+ @conduction-primary-top-nav-background-color-active: unset;
42
+ @conduction-card-wrapper-border-radius: usnet;
43
+ @conduction-card-wrapper-border-style: solid;
44
+ @utrecht-paragraph-margin-block-end: 0;
45
+ @utrecht-paragraph-margin-block-start: 0;
46
+ @utrecht-paragraph-line-height: 1.5em;
47
+ @utrecht-page-max-inline-size: 1140px;
48
+ @utrecht-unordered-list-item-padding-inline-start: 1ch;
49
+ @utrecht-unordered-list-padding-inline-start: 2ch;
50
+ @utrecht-unordered-list-margin-block-end: 0;
51
+ @utrecht-ordered-list-item-padding-inline-start: 1ch;
52
+ @utrecht-link-hover-text-decoration-thickness: 0;
53
+ @utrecht-link-hover-text-decoration: none;
54
+ @utrecht-link-text-decoration-thickness: 0;
55
+ @utrecht-link-text-decoration-color: unset;
56
+ @utrecht-link-text-decoration: none;
57
+ @utrecht-textbox-font-size: 15px;
58
+ @utrecht-textbox-border-radius: 0;
59
+ @utrecht-table-header-cell-text-transform: unset;
60
+ @utrecht-table-margin-block-end: 0;
61
+ @utrecht-table-header-text-transform: unset;
62
+ @utrecht-page-header-logo-max-width: 150px;
63
+ @utrecht-page-footer-background-image: unset;
64
+ @utrecht-page-footer-logo-max-width: 200px;
65
+ @utrecht-page-footer-logo-max-height: 100px;
66
+ @utrecht-form-input-font-size: 15px;
67
+ @utrecht-form-input-border-radius: 0;
68
+ @utrecht-code-block-margin-inline-end: 0;
69
+ @utrecht-code-block-margin-inline-start: 0;
70
+ @utrecht-code-font-size: inherit;
71
+ @utrecht-button-primary-action-font-weight: inherit;
72
+ @utrecht-button-font-weight: inherit;
73
+ @utrecht-button-font-size: inherit;
74
+ @utrecht-button-border-radius: 3px;
75
+ @utrecht-breadcrumb-padding-block-end: 12px;
76
+ @utrecht-breadcrumb-padding-block-start: 12px;
77
+ @utrecht-breadcrumb-padding-inline-end: 0;
78
+ @utrecht-breadcrumb-padding-inline-start: 0;
79
+ @utrecht-badge-counter-text-decoration: none;
80
+ @utrecht-badge-counter-border-radius: 50%;
81
+ @utrecht-action-submit-cursor: pointer;
82
+ @utrecht-action-disabled-cursor: not-allowed;
83
+ @utrecht-action-busy-cursor: wait;
84
+ @open-webconcept-typography-font-weight-light: 100;
85
+ @open-webconcept-typography-font-weight-normal: 400;
86
+ @open-webconcept-typography-font-weight-bold: 700;
87
+ @open-webconcept-typography-monospace-font-family: Monospace, "Lucida Console";
88
+ @open-webconcept-typography-sans-serif-font-family: "Open Sans", Monospace, Arial, sans-serif;
89
+ @open-webconcept-size-4xl: 96px;
90
+ @open-webconcept-size-3xl: 72px;
91
+ @open-webconcept-size-2xl: 48px;
92
+ @open-webconcept-size-xl: 32px;
93
+ @open-webconcept-size-lg: 24px;
94
+ @open-webconcept-size-md: 18px;
95
+ @open-webconcept-size-sm: 14px;
96
+ @open-webconcept-size-xs: 8px;
97
+ @open-webconcept-size-2xs: 4px;
98
+ @open-webconcept-size-3xs: 2px;
99
+ @open-webconcept-size-4xs: 1px;
100
+ @open-webconcept-font-size-4xl: 48px;
101
+ @open-webconcept-font-size-3xl: 36px;
102
+ @open-webconcept-font-size-2xl: 24px;
103
+ @open-webconcept-font-size-xl: 21px;
104
+ @open-webconcept-font-size-lg: 18px;
105
+ @open-webconcept-font-size-md: 14px;
106
+ @open-webconcept-font-size-sm: 12px;
107
+ @open-webconcept-font-size-xs: 10px;
108
+ @open-webconcept-font-size-2xs: 8px;
109
+ @open-webconcept-font-size-3xs: 5px;
110
+ @open-webconcept-font-size-4xs: 3px;
111
+ @open-webconcept-color-grey-96: #f5f5f5;
112
+ @open-webconcept-color-grey-93: #eeeeee;
113
+ @open-webconcept-color-grey-87: #dcdcde;
114
+ @open-webconcept-color-grey-73: #bbbbbb;
115
+ @open-webconcept-color-grey-50: #808080;
116
+ @open-webconcept-color-grey-46: #6c757d; // Base/Grey
117
+ @open-webconcept-color-grey-29: #4a4a4a;
118
+ @open-webconcept-color-grey-16: #292929;
119
+ @open-webconcept-color-black-60: #999999;
120
+ @open-webconcept-color-black-33: #555555;
121
+ @open-webconcept-color-black-27: #444444; // Base/Black
122
+ @open-webconcept-color-black-20: #333333;
123
+ @open-webconcept-color-black-13: #222222;
124
+ @open-webconcept-color-black-0: #000000;
125
+ @open-webconcept-color-white-100-70t: #ffffffb3; // White with 70% transparency
126
+ @open-webconcept-color-white-100-25t: ##ffffff40; // White with 25% transparency
127
+ @open-webconcept-color-white-100: #ffffff; // Base/White
128
+ @open-webconcept-color-white-87: #dcdcde;
129
+ @open-webconcept-color-alert-info-background: #cce5ff;
130
+ @open-webconcept-color-alert-info: #004085;
131
+ @open-webconcept-color-alert-succes-background: #d4edda;
132
+ @open-webconcept-color-alert-succes: #155724;
133
+ @open-webconcept-color-succes: #28a745;
134
+ @open-webconcept-color-alert-warning-background: #fff3cd;
135
+ @open-webconcept-color-alert-warning: #856404;
136
+ @open-webconcept-color-warning: #ffc107;
137
+ @open-webconcept-color-alert-error-background: #f8d7da;
138
+ @open-webconcept-color-alert-error: #721c24;
139
+ @open-webconcept-color-error: #dc3545;
140
+ @open-webconcept-color-primary: #1abc9c;
141
+ @conduction-tabs-scroll-button-hover-color: @open-webconcept-color-white-100;
142
+ @conduction-tabs-scroll-button-color: @open-webconcept-color-white-100;
143
+ @conduction-tabs-scroll-button-background-color: @open-webconcept-color-primary;
144
+ @conduction-tabs-tab-panel-padding-inline-end: @open-webconcept-size-lg;
145
+ @conduction-tabs-tab-panel-padding-inline-start: @open-webconcept-size-lg;
146
+ @conduction-tabs-tab-panel-padding-block-end: @open-webconcept-size-lg;
147
+ @conduction-tabs-tab-panel-padding-block-start: @open-webconcept-size-lg;
148
+ @conduction-tabs-tab-list-border-bottom-color: @open-webconcept-color-grey-87;
149
+ @conduction-tabs-tab-list-border-bottom-width: @open-webconcept-size-3xs;
150
+ @conduction-tabs-tab-hover-color: @open-webconcept-color-black-27;
151
+ @conduction-tabs-tab-selected-hover-color: @open-webconcept-color-black-27;
152
+ @conduction-tabs-tab-selected-font-weight: @open-webconcept-typography-font-weight-bold;
153
+ @conduction-tabs-tab-selected-border-bottom-color: @open-webconcept-color-primary;
154
+ @conduction-tabs-tab-selected-border-bottom-width: @open-webconcept-size-3xs;
155
+ @conduction-tabs-tab-selected-color: @open-webconcept-color-black-27;
156
+ @conduction-tabs-tab-font-weight: @open-webconcept-typography-font-weight-normal;
157
+ @conduction-tabs-tab-font-size: @open-webconcept-font-size-md;
158
+ @conduction-tabs-tab-padding-inline-end: @open-webconcept-size-sm;
159
+ @conduction-tabs-tab-padding-inline-start: @open-webconcept-size-sm;
160
+ @conduction-tabs-tab-padding-block-end: @open-webconcept-size-xs;
161
+ @conduction-tabs-tab-padding-block-start: @open-webconcept-size-xs;
162
+ @conduction-tabs-tab-color: @open-webconcept-color-black-27;
163
+ @conduction-table-wrapper-scroll-button-hover-color: @open-webconcept-color-primary;
164
+ @conduction-table-wrapper-scroll-button-hover-background-color: @open-webconcept-color-white-100;
165
+ @conduction-table-wrapper-scroll-button-padding-inline-end: @open-webconcept-size-sm;
166
+ @conduction-table-wrapper-scroll-button-padding-inline-start: @open-webconcept-size-sm;
167
+ @conduction-table-wrapper-scroll-button-color: @open-webconcept-color-black-0;
168
+ @conduction-table-wrapper-scroll-button-background-color: @open-webconcept-color-white-100;
169
+ @conduction-input-select-placeholder-font-family: @open-webconcept-typography-sans-serif-font-family;
170
+ @conduction-input-select-list-option-hover-font-family: @open-webconcept-typography-sans-serif-font-family;
171
+ @conduction-input-select-list-option-font-family: @open-webconcept-typography-sans-serif-font-family;
172
+ @conduction-input-select-invalid-border-color: @open-webconcept-color-error;
173
+ @conduction-input-select-border-radius: 0;
174
+ @conduction-input-select-border: @open-webconcept-size-4xs solid @open-webconcept-color-grey-46;
175
+ @conduction-input-select-background-color: @open-webconcept-color-white-100;
176
+ @conduction-pagination-page-hover-background-color: @open-webconcept-color-white-100;
177
+ @conduction-pagination-page-hover-color: @open-webconcept-color-primary;
178
+ @conduction-pagination-current-page-font-weight: @open-webconcept-typography-font-weight-bold;
179
+ @conduction-pagination-current-page-background-color: @open-webconcept-color-primary;
180
+ @conduction-pagination-current-page-color: @open-webconcept-color-white-100;
181
+ @conduction-pagination-disabled-background-color: @open-webconcept-color-grey-96;
182
+ @conduction-pagination-disabled-color: @open-webconcept-color-grey-87;
183
+ @conduction-pagination-navigation-button-padding-inline-end: @open-webconcept-size-xs;
184
+ @conduction-pagination-navigation-button-padding-inline-start: @open-webconcept-size-xs;
185
+ @conduction-pagination-item-font-weight: @open-webconcept-typography-font-weight-normal;
186
+ @conduction-pagination-item-padding-block-end: @open-webconcept-size-xs;
187
+ @conduction-pagination-item-padding-block-start: @open-webconcept-size-xs;
188
+ @conduction-pagination-item-padding-inline-end: @open-webconcept-size-xs;
189
+ @conduction-pagination-item-padding-inline-start: @open-webconcept-size-xs;
190
+ @conduction-pagination-item-border-radius: @open-webconcept-size-2xs;
191
+ @conduction-pagination-item-background-color: @open-webconcept-color-white-100;
192
+ @conduction-pagination-item-color: @open-webconcept-color-black-0;
193
+ @conduction-pagination-item-gap: @open-webconcept-size-2xs;
194
+ @conduction-secondary-top-nav-font-size: @open-webconcept-font-size-md;
195
+ @conduction-secondary-top-nav-background-color-hover: @open-webconcept-color-grey-93;
196
+ @conduction-secondary-top-nav-color: @open-webconcept-color-black-27;
197
+ @conduction-primary-top-nav-dropdown-border-radius: @open-webconcept-size-md;
198
+ @conduction-primary-top-nav-box-shadow-active: inset 0 -4px @open-webconcept-color-primary;
199
+ @conduction-primary-top-nav-background-color-hover: @open-webconcept-color-grey-93;
200
+ @conduction-primary-top-nav-background-color: @open-webconcept-color-white-100;
201
+ @conduction-primary-top-nav-color: @open-webconcept-color-black-27;
202
+ @conduction-card-wrapper-padding-block-start: @open-webconcept-size-md;
203
+ @conduction-card-wrapper-padding-block-end: @open-webconcept-size-md;
204
+ @conduction-card-wrapper-padding-inline-start: @open-webconcept-size-md;
205
+ @conduction-card-wrapper-padding-inline-end: @open-webconcept-size-md;
206
+ @conduction-card-wrapper-color: @open-webconcept-color-black-33;
207
+ @conduction-card-wrapper-border-width: @open-webconcept-size-4xs;
208
+ @conduction-card-wrapper-border-color: @open-webconcept-color-white-87;
209
+ @conduction-card-wrapper-background-color: @open-webconcept-color-white-100;
210
+ @conduction-card-header-date-margin-block-end: @open-webconcept-size-xs;
211
+ @conduction-card-header-date-font-weight: @open-webconcept-typography-font-weight-light;
212
+ @conduction-card-header-date-font-size: @open-webconcept-font-size-sm;
213
+ @conduction-card-header-date-color: @open-webconcept-color-black-60;
214
+ @conduction-card-header-title-color: @open-webconcept-color-primary;
215
+ @utrecht-surface-background-color: @open-webconcept-color-white-100;
216
+ @utrecht-paragraph-font-weight: @open-webconcept-typography-font-weight-normal;
217
+ @utrecht-paragraph-font-size: @open-webconcept-font-size-md;
218
+ @utrecht-paragraph-font-family: @open-webconcept-typography-sans-serif-font-family;
219
+ @utrecht-page-margin-inline-end: @open-webconcept-size-lg;
220
+ @utrecht-page-margin-inline-start: @open-webconcept-size-lg;
221
+ @utrecht-unordered-list-item-margin-block-end: @open-webconcept-size-xs;
222
+ @utrecht-unordered-list-item-margin-block-start: @open-webconcept-size-xs;
223
+ @utrecht-unordered-list-margin-block-start: @open-webconcept-size-md;
224
+ @utrecht-ordered-list-item-margin-block-end: @open-webconcept-size-2xs;
225
+ @utrecht-ordered-list-item-margin-block-start: @open-webconcept-size-2xs;
226
+ @utrecht-ordered-list-padding-inline-start: @open-webconcept-size-xl;
227
+ @utrecht-ordered-list-margin-block-end: @open-webconcept-size-sm;
228
+ @utrecht-ordered-list-margin-block-start: @open-webconcept-size-sm;
229
+ @utrecht-link-visited-color: @open-webconcept-color-primary;
230
+ @utrecht-link-hover-color: @open-webconcept-color-black-13;
231
+ @utrecht-link-text-underline-offset: @open-webconcept-size-3xs;
232
+ @utrecht-link-color: @open-webconcept-color-primary;
233
+ @utrecht-heading-5-margin-block-start: @open-webconcept-size-md;
234
+ @utrecht-heading-5-margin-block-end: @open-webconcept-size-lg;
235
+ @utrecht-heading-5-font-weight: @open-webconcept-typography-font-weight-light;
236
+ @utrecht-heading-5-font-size: @open-webconcept-font-size-md;
237
+ @utrecht-heading-5-font-family: @open-webconcept-typography-sans-serif-font-family;
238
+ @utrecht-heading-5-color: @open-webconcept-color-black-27;
239
+ @utrecht-heading-4-margin-block-start: @open-webconcept-size-md;
240
+ @utrecht-heading-4-margin-block-end: @open-webconcept-size-lg;
241
+ @utrecht-heading-4-font-weight: @open-webconcept-typography-font-weight-normal;
242
+ @utrecht-heading-4-font-size: @open-webconcept-font-size-lg;
243
+ @utrecht-heading-4-font-family: @open-webconcept-typography-sans-serif-font-family;
244
+ @utrecht-heading-4-color: @open-webconcept-color-black-27;
245
+ @utrecht-heading-3-margin-block-start: @open-webconcept-size-md;
246
+ @utrecht-heading-3-margin-block-end: @open-webconcept-size-xl;
247
+ @utrecht-heading-3-font-weight: @open-webconcept-typography-font-weight-bold;
248
+ @utrecht-heading-3-font-size: @open-webconcept-font-size-xl;
249
+ @utrecht-heading-3-font-family: @open-webconcept-typography-sans-serif-font-family;
250
+ @utrecht-heading-3-color: @open-webconcept-color-black-27;
251
+ @utrecht-heading-2-margin-block-start: @open-webconcept-size-md;
252
+ @utrecht-heading-2-margin-block-end: @open-webconcept-size-2xl;
253
+ @utrecht-heading-2-font-weight: @open-webconcept-typography-font-weight-bold;
254
+ @utrecht-heading-2-font-size: @open-webconcept-font-size-2xl;
255
+ @utrecht-heading-2-font-family: @open-webconcept-typography-sans-serif-font-family;
256
+ @utrecht-heading-2-color: @open-webconcept-color-black-27;
257
+ @utrecht-heading-1-margin-block-start: @open-webconcept-size-md;
258
+ @utrecht-heading-1-margin-block-end: @open-webconcept-size-2xl;
259
+ @utrecht-heading-1-font-weight: @open-webconcept-typography-font-weight-bold;
260
+ @utrecht-heading-1-font-size: @open-webconcept-font-size-3xl;
261
+ @utrecht-heading-1-font-family: @open-webconcept-typography-sans-serif-font-family;
262
+ @utrecht-heading-1-color: @open-webconcept-color-black-27;
263
+ @utrecht-textbox-padding-inline-start: @open-webconcept-size-sm;
264
+ @utrecht-textbox-padding-inline-end: @open-webconcept-size-sm;
265
+ @utrecht-textbox-padding-block-start: @open-webconcept-size-xs;
266
+ @utrecht-textbox-padding-block-end: @open-webconcept-size-xs;
267
+ @utrecht-textbox-font-family: @open-webconcept-typography-sans-serif-font-family;
268
+ @utrecht-textbox-color: @open-webconcept-color-grey-29;
269
+ @utrecht-textbox-border-width: @open-webconcept-size-4xs;
270
+ @utrecht-textbox-border-color: @open-webconcept-color-grey-46;
271
+ @utrecht-textbox-focus-background-color: @open-webconcept-color-white-100;
272
+ @utrecht-textbox-placeholder-color: @open-webconcept-color-grey-50;
273
+ @utrecht-textbox-background-color: @open-webconcept-color-white-100;
274
+ @utrecht-table-cell-padding-inline-start: @open-webconcept-size-md;
275
+ @utrecht-table-cell-padding-inline-end: @open-webconcept-size-md;
276
+ @utrecht-table-cell-padding-block-start: @open-webconcept-size-md;
277
+ @utrecht-table-cell-padding-block-end: @open-webconcept-size-md;
278
+ @utrecht-table-header-cell-font-weight: @open-webconcept-typography-font-weight-bold;
279
+ @utrecht-table-margin-block-start: @open-webconcept-size-md;
280
+ @utrecht-table-border-width: @open-webconcept-size-4xs;
281
+ @utrecht-table-border-color: @open-webconcept-color-grey-93;
282
+ @utrecht-table-row-border-block-end-width: @open-webconcept-size-4xs;
283
+ @utrecht-table-row-border-block-end-color: @open-webconcept-color-grey-93;
284
+ @utrecht-table-header-font-weight: @open-webconcept-typography-font-weight-bold;
285
+ @utrecht-page-header-padding-block-end: @open-webconcept-size-sm;
286
+ @utrecht-page-header-padding-block-start: @open-webconcept-size-sm;
287
+ @utrecht-page-header-color: @open-webconcept-color-black-27;
288
+ @utrecht-page-header-background-color: @open-webconcept-color-white-100;
289
+ @utrecht-page-footer-padding-block-start: @open-webconcept-size-2xl;
290
+ @utrecht-page-footer-padding-block-end: @open-webconcept-size-2xl;
291
+ @utrecht-page-footer-padding-inline-start: @open-webconcept-size-sm;
292
+ @utrecht-page-footer-padding-inline-end: @open-webconcept-size-sm;
293
+ @utrecht-page-footer-color: @open-webconcept-color-white-100-25t;
294
+ @utrecht-page-footer-background-color: @open-webconcept-color-grey-16;
295
+ @utrecht-icon-gap: @open-webconcept-size-xs;
296
+ @utrecht-form-input-padding-inline-start: @open-webconcept-size-sm;
297
+ @utrecht-form-input-padding-inline-end: @open-webconcept-size-sm;
298
+ @utrecht-form-input-padding-block-start: @open-webconcept-size-xs;
299
+ @utrecht-form-input-padding-block-end: @open-webconcept-size-xs;
300
+ @utrecht-form-input-font-family: @open-webconcept-typography-sans-serif-font-family;
301
+ @utrecht-form-input-color: @open-webconcept-color-grey-29;
302
+ @utrecht-form-input-border-width: @open-webconcept-size-4xs;
303
+ @utrecht-form-input-border-color: @open-webconcept-color-grey-46;
304
+ @utrecht-form-input-focus-background-color: @open-webconcept-color-white-100;
305
+ @utrecht-form-input-placeholder-color: @open-webconcept-color-grey-50;
306
+ @utrecht-form-input-background-color: @open-webconcept-color-white-100;
307
+ @utrecht-document-font-size: @open-webconcept-font-size-md;
308
+ @utrecht-document-font-family: @open-webconcept-typography-sans-serif-font-family;
309
+ @utrecht-document-color: @open-webconcept-color-black-33;
310
+ @utrecht-code-block-padding-inline-end: @open-webconcept-size-md;
311
+ @utrecht-code-block-padding-inline-start: @open-webconcept-size-md;
312
+ @utrecht-code-block-padding-block-end: @open-webconcept-size-md;
313
+ @utrecht-code-block-padding-block-start: @open-webconcept-size-md;
314
+ @utrecht-code-block-margin-block-end: @open-webconcept-size-md;
315
+ @utrecht-code-block-margin-block-start: @open-webconcept-size-md;
316
+ @utrecht-code-block-line-height: @open-webconcept-size-lg;
317
+ @utrecht-code-block-font-size: @open-webconcept-font-size-md;
318
+ @utrecht-code-block-font-family: @open-webconcept-typography-monospace-font-family;
319
+ @utrecht-code-block-background-color: @open-webconcept-color-grey-96;
320
+ @utrecht-code-font-family: @open-webconcept-typography-monospace-font-family;
321
+ @utrecht-code-background-color: @open-webconcept-color-grey-96;
322
+ @utrecht-button-secondary-action-hover-background-color: @open-webconcept-color-white-100;
323
+ @utrecht-button-secondary-action-font-weight: @open-webconcept-typography-font-weight-normal;
324
+ @utrecht-button-secondary-action-color: @open-webconcept-color-primary;
325
+ @utrecht-button-secondary-action-border-width: @open-webconcept-size-3xs;
326
+ @utrecht-button-secondary-action-border-color: @open-webconcept-color-primary;
327
+ @utrecht-button-secondary-action-background-color: @open-webconcept-color-white-100;
328
+ @utrecht-button-primary-action-hover-color: @open-webconcept-color-white-100;
329
+ @utrecht-button-primary-action-hover-border-color: @open-webconcept-color-primary;
330
+ @utrecht-button-primary-action-hover-background-color: @open-webconcept-color-primary;
331
+ @utrecht-button-primary-action-color: @open-webconcept-color-white-100;
332
+ @utrecht-button-primary-action-border-width: @open-webconcept-size-3xs;
333
+ @utrecht-button-primary-action-border-color: @open-webconcept-color-primary;
334
+ @utrecht-button-primary-action-background-color: @open-webconcept-color-primary;
335
+ @utrecht-button-hover-color: @open-webconcept-color-white-100;
336
+ @utrecht-button-icon-gap: @open-webconcept-size-xs;
337
+ @utrecht-button-padding-inline-end: @open-webconcept-size-sm;
338
+ @utrecht-button-padding-inline-start: @open-webconcept-size-sm;
339
+ @utrecht-button-padding-block-end: @open-webconcept-size-2xs;
340
+ @utrecht-button-padding-block-start: @open-webconcept-size-2xs;
341
+ @utrecht-button-font-family: @open-webconcept-typography-sans-serif-font-family;
342
+ @utrecht-button-color: @open-webconcept-color-white-100;
343
+ @utrecht-button-border-width: @open-webconcept-size-3xs;
344
+ @utrecht-button-border-color: @open-webconcept-color-primary;
345
+ @utrecht-button-background-color: @open-webconcept-color-primary;
346
+ @utrecht-breadcrumb-background-color: @open-webconcept-color-black-20;
347
+ @utrecht-breadcrumb-separator-icon-size: @open-webconcept-font-size-sm;
348
+ @utrecht-breadcrumb-separator-icon-color: @open-webconcept-color-grey-46;
349
+ @utrecht-breadcrumb-link-hover-color: @open-webconcept-color-grey-93;
350
+ @utrecht-breadcrumb-link-disabled-color: @open-webconcept-color-white-100-70t;
351
+ @utrecht-breadcrumb-link-current-color: @open-webconcept-color-white-100-70t;
352
+ @utrecht-breadcrumb-link-color: @open-webconcept-color-grey-73;
353
+ @utrecht-blockquote-content-font-size: @open-webconcept-font-size-md;
354
+ @utrecht-blockquote-content-color: @open-webconcept-color-black-0;
355
+ @utrecht-blockquote-margin-inline-end: @open-webconcept-size-xl;
356
+ @utrecht-blockquote-margin-inline-start: @open-webconcept-size-xl;
357
+ @utrecht-badge-counter-padding-inline: @open-webconcept-size-2xs;
358
+ @utrecht-badge-counter-padding-block: @open-webconcept-size-2xs;
359
+ @utrecht-badge-counter-font-weight: @open-webconcept-typography-font-weight-normal;
360
+ @utrecht-badge-counter-color: @open-webconcept-color-white-100;
361
+ @utrecht-badge-counter-background-color: @open-webconcept-color-primary;
362
+ @utrecht-alert-icon-gap: @open-webconcept-size-xs;
363
+ @utrecht-alert-icon-ok-color: @open-webconcept-color-alert-succes;
364
+ @utrecht-alert-icon-warning-color: @open-webconcept-color-alert-warning;
365
+ @utrecht-alert-icon-error-color: @open-webconcept-color-alert-error;
366
+ @utrecht-alert-icon-color: @open-webconcept-color-alert-info;
367
+ @utrecht-alert-ok-color: @open-webconcept-color-alert-succes;
368
+ @utrecht-alert-ok-background-color: @open-webconcept-color-alert-succes-background;
369
+ @utrecht-alert-error-color: @open-webconcept-color-alert-error;
370
+ @utrecht-alert-error-background-color: @open-webconcept-color-alert-error-background;
371
+ @utrecht-alert-warning-color: @open-webconcept-color-alert-warning;
372
+ @utrecht-alert-warning-background-color: @open-webconcept-color-alert-warning-background;
373
+ @utrecht-alert-padding-inline-end: @open-webconcept-size-lg;
374
+ @utrecht-alert-padding-inline-start: @open-webconcept-size-lg;
375
+ @utrecht-alert-padding-block-end: @open-webconcept-size-lg;
376
+ @utrecht-alert-padding-block-start: @open-webconcept-size-lg;
377
+ @utrecht-alert-color: @open-webconcept-color-alert-info;
378
+ @utrecht-alert-background-color: @open-webconcept-color-alert-info-background;
379
+ @utrecht-space-inline-3xl: @open-webconcept-size-3xl;
380
+ @utrecht-space-inline-2xl: @open-webconcept-size-2xl;
381
+ @utrecht-space-inline-xl: @open-webconcept-size-xl;
382
+ @utrecht-space-inline-lg: @open-webconcept-size-lg;
383
+ @utrecht-space-inline-md: @open-webconcept-size-md;
384
+ @utrecht-space-inline-sm: @open-webconcept-size-sm;
385
+ @utrecht-space-inline-xs: @open-webconcept-size-xs;
386
+ @utrecht-space-inline-2xs: @open-webconcept-size-2xs;
387
+ @utrecht-space-inline-3xs: @open-webconcept-size-3xs;
388
+ @utrecht-space-block-3xl: @open-webconcept-size-3xl;
389
+ @utrecht-space-block-2xl: @open-webconcept-size-2xl;
390
+ @utrecht-space-block-xl: @open-webconcept-size-xl;
391
+ @utrecht-space-block-lg: @open-webconcept-size-lg;
392
+ @utrecht-space-block-md: @open-webconcept-size-md;
393
+ @utrecht-space-block-sm: @open-webconcept-size-sm;
394
+ @utrecht-space-block-xs: @open-webconcept-size-xs;
395
+ @utrecht-space-block-2xs: @open-webconcept-size-2xs;
396
+ @utrecht-space-block-3xs: @open-webconcept-size-3xs;
397
+ @open-webconcept-typography-scale-4xl: @open-webconcept-font-size-4xl;
398
+ @open-webconcept-typography-scale-3xl: @open-webconcept-font-size-3xl;
399
+ @open-webconcept-typography-scale-2xl: @open-webconcept-font-size-2xl;
400
+ @open-webconcept-typography-scale-xl: @open-webconcept-font-size-xl;
401
+ @open-webconcept-typography-scale-lg: @open-webconcept-font-size-lg;
402
+ @open-webconcept-typography-scale-md: @open-webconcept-font-size-md;
403
+ @open-webconcept-typography-scale-sm: @open-webconcept-font-size-sm;
404
+ @open-webconcept-typography-scale-xs: @open-webconcept-font-size-xs;
405
+ @open-webconcept-typography-scale-2xs: @open-webconcept-font-size-2xs;
406
+ @open-webconcept-typography-scale-3xs: @open-webconcept-font-size-3xs;
407
+ @open-webconcept-typography-scale-4xs: @open-webconcept-font-size-4xs;
408
+ @open-webconcept-color-info: @open-webconcept-color-primary;
409
+ @open-webconcept-color-primary-hover: @open-webconcept-color-black-27;
410
+ @conduction-tabs-scroll-button-hover-background-color: @open-webconcept-color-primary-hover;
411
+ @conduction-tabs-tab-selected-font-family: @utrecht-document-font-family;
412
+ @conduction-tabs-tab-font-family: @utrecht-document-font-family;
413
+ @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
414
+ @conduction-pagination-item-font-family: @utrecht-document-font-family;
415
+ @conduction-pagination-item-font-size: @utrecht-document-font-size;
416
+ @conduction-card-header-color: @utrecht-document-color;
417
+ @utrecht-paragraph-color: @utrecht-document-color;
418
+ @utrecht-unordered-list-marker-color: @utrecht-document-color;
419
+ @utrecht-unordered-list-font-size: @utrecht-document-font-size;
420
+ @utrecht-ordered-list-font-size: @utrecht-document-font-size;
421
+ @utrecht-table-header-cell-color: @utrecht-document-color;
422
+ @utrecht-table-header-cell-font-size: @utrecht-document-font-size;
423
+ @utrecht-table-font-size: @utrecht-document-font-size;
424
+ @utrecht-table-font-family: @utrecht-document-font-family;
425
+ @utrecht-table-header-color: @utrecht-document-color;
426
+ @utrecht-code-block-color: @utrecht-document-color;
427
+ @utrecht-code-color: @utrecht-document-color;
428
+ @utrecht-button-secondary-action-hover-color: @open-webconcept-color-primary-hover;
429
+ @utrecht-button-secondary-action-hover-border-color: @open-webconcept-color-primary-hover;
430
+ @utrecht-button-hover-border-color: @open-webconcept-color-primary-hover;
431
+ @utrecht-button-hover-background-color: @open-webconcept-color-primary-hover;
432
+ @utrecht-breadcrumb-font-family: @utrecht-document-font-family;
433
+ @utrecht-badge-counter-font-family: @utrecht-document-font-family;
434
+ @utrecht-badge-counter-font-size: @utrecht-document-font-size;