@utrecht/design-tokens 2.1.0 → 2.2.0
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.
- package/.stylelintrc.json +5 -1
- package/CHANGELOG.md +14 -0
- package/config.json +8 -0
- package/dist/_mixin-theme.scss +34 -37
- package/dist/_mixin.scss +1009 -0
- package/dist/_variables.scss +34 -37
- package/dist/background-image-icon.css +0 -1
- package/dist/dark/_mixin-theme.scss +34 -37
- package/dist/dark/_mixin.scss +1020 -0
- package/dist/dark/_variables.scss +1017 -0
- package/dist/dark/index.cjs +1020 -0
- package/dist/dark/index.css +34 -37
- package/dist/dark/index.d.ts +1139 -0
- package/dist/dark/index.flat.json +1016 -0
- package/dist/dark/index.json +30694 -0
- package/dist/dark/index.mjs +1018 -0
- package/dist/dark/index.tokens.json +7885 -0
- package/dist/dark/list.json +30694 -0
- package/dist/dark/property.css +705 -0
- package/dist/dark/root.css +538 -541
- package/dist/dark/theme-prince-xml.css +1020 -0
- package/dist/dark/theme.css +1020 -0
- package/dist/dark/tokens.cjs +37567 -0
- package/dist/dark/tokens.d.ts +4842 -0
- package/dist/dark/tokens.json +37563 -0
- package/dist/dark/variables.cjs +1020 -0
- package/dist/dark/variables.css +1020 -0
- package/dist/dark/variables.d.ts +1139 -0
- package/dist/dark/variables.json +1016 -0
- package/dist/dark/variables.less +1017 -0
- package/dist/dark/variables.mjs +1018 -0
- package/dist/index.cjs +29 -32
- package/dist/index.css +149 -82
- package/dist/index.d.ts +18 -25
- package/dist/index.flat.json +591 -593
- package/dist/index.json +4577 -7587
- package/dist/index.mjs +31 -34
- package/dist/index.tokens.json +385 -71
- package/dist/list.json +31811 -0
- package/dist/property.css +770 -0
- package/dist/root.css +529 -532
- package/dist/theme-prince-xml.css +34 -37
- package/dist/theme.css +529 -532
- package/dist/tokens.cjs +6297 -8992
- package/dist/tokens.d.ts +208 -60
- package/dist/tokens.json +38705 -0
- package/dist/variables.cjs +1009 -0
- package/dist/variables.css +1009 -0
- package/dist/variables.d.ts +1128 -0
- package/dist/variables.json +1005 -0
- package/dist/variables.less +34 -37
- package/dist/variables.mjs +1007 -0
- package/package.json +6 -5
- package/src/background-image-icon.scss +0 -1
- package/src/brand/utrecht/typography.tokens.json +7 -9
- package/src/component/of/progress-indicator.tokens.json +1 -1
- package/src/component/utrecht/backdrop.tokens.json +1 -1
- package/src/component/utrecht/blockquote.tokens.json +3 -3
- package/src/component/utrecht/button.tokens.json +1 -3
- package/src/component/utrecht/code-block.tokens.json +2 -2
- package/src/component/utrecht/figure.tokens.json +2 -2
- package/src/component/utrecht/form-fieldset.tokens.json +2 -2
- package/src/component/utrecht/form-toggle.tokens.json +1 -1
- package/src/component/utrecht/link.tokens.json +3 -1
- package/src/component/utrecht/pagination.tokens.json +1 -1
- package/src/component/utrecht/skip-link.tokens.json +4 -2
- package/src/component/utrecht/table.tokens.json +1 -1
- package/src/component/utrecht/toptask-link.tokens.json +1 -1
- package/src/css-property-formatter.mjs +46 -0
- package/src/dark/component/tokens.json +1 -1
- package/src/index.scss +81 -5
- package/style-dictionary-build-dark.mjs +64 -0
- package/style-dictionary-build.mjs +41 -0
- package/style-dictionary-config.mjs +261 -0
- package/dist/figma-tokens.json +0 -40396
- package/src/css-property-formatter.js +0 -35
- package/src/style-dictionary-config-dark.js +0 -56
- package/src/style-dictionary-config.js +0 -63
- package/style-dictionary.config.json +0 -143
package/dist/variables.less
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
|
|
2
|
-
// Do not edit directly
|
|
3
|
-
// Generated on Tue, 01 Oct 2024 19:52:18 GMT
|
|
2
|
+
// Do not edit directly, this file was auto-generated.
|
|
4
3
|
|
|
5
|
-
@of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0
|
|
4
|
+
@of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0 0 0 / 20%);
|
|
6
5
|
@denhaag-process-steps-sub-step-marker-size: 12px;
|
|
7
6
|
@denhaag-process-steps-step-marker-size: 28px;
|
|
8
7
|
@utrecht-toptask-nav-link-grid-max-inline-size: 240px;
|
|
@@ -31,8 +30,6 @@
|
|
|
31
30
|
@utrecht-typography-scale-lg-font-size: 1.125rem; // 18px
|
|
32
31
|
@utrecht-typography-scale-md-font-size: 1rem; // 16px
|
|
33
32
|
@utrecht-typography-scale-sm-font-size: 0.875rem; // 14px
|
|
34
|
-
@utrecht-typography-scale-xs-font-size: 0.75rem; // 12px
|
|
35
|
-
@utrecht-typography-scale-2xs-font-size: 0.5rem; // 8px
|
|
36
33
|
@utrecht-typography-sans-serif-font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Arial", sans-serif;
|
|
37
34
|
@utrecht-icon-scale-4xl: 48px;
|
|
38
35
|
@utrecht-icon-scale-3xl: 36px; // Formaat voor toptaks iconen
|
|
@@ -97,7 +94,6 @@
|
|
|
97
94
|
@utrecht-toptask-link-min-inline-size: 15rem;
|
|
98
95
|
@utrecht-toptask-link-min-block-size: 8.25rem;
|
|
99
96
|
@utrecht-toptask-link-line-height: 1.2;
|
|
100
|
-
@utrecht-toptask-link-font-size: 1rem;
|
|
101
97
|
@utrecht-textbox-border-bottom-width: 3px;
|
|
102
98
|
@utrecht-textarea-border-bottom-width: 3px;
|
|
103
99
|
@utrecht-textarea-border-block-end-width: 3px;
|
|
@@ -106,12 +102,11 @@
|
|
|
106
102
|
@utrecht-table-cell-padding-inline-end: 0.4em;
|
|
107
103
|
@utrecht-table-cell-padding-block-start: 0.5em;
|
|
108
104
|
@utrecht-table-cell-padding-block-end: 0.5em;
|
|
109
|
-
@utrecht-table-cell-line-height:
|
|
105
|
+
@utrecht-table-cell-line-height: 1.5rem;
|
|
110
106
|
@utrecht-table-footer-sticky-border-block-start-width: 2px;
|
|
111
107
|
@utrecht-table-header-sticky-border-block-end-width: 2px;
|
|
112
108
|
@utrecht-table-caption-margin-block-end: 1em;
|
|
113
109
|
@utrecht-table-caption-text-align: start;
|
|
114
|
-
@utrecht-table-caption-font-size: 1.125em;
|
|
115
110
|
@utrecht-table-margin-block-end: 0;
|
|
116
111
|
@utrecht-separator-block-size: 8px;
|
|
117
112
|
@utrecht-select-border-block-end-width: 3px;
|
|
@@ -150,7 +145,6 @@
|
|
|
150
145
|
@utrecht-pagination-page-link-background-color: transparent;
|
|
151
146
|
@utrecht-pagination-margin-block-end: 1em;
|
|
152
147
|
@utrecht-pagination-margin-block-start: 0;
|
|
153
|
-
@utrecht-pagination-font-size: 14px;
|
|
154
148
|
@utrecht-page-padding-inline-start: 2em;
|
|
155
149
|
@utrecht-page-padding-block-end: 1em;
|
|
156
150
|
@utrecht-page-padding-inline-end: 2em;
|
|
@@ -176,9 +170,9 @@
|
|
|
176
170
|
@utrecht-number-badge-padding-block: 1ex; // Default block padding for badge components
|
|
177
171
|
@utrecht-topnav-link-focus-text-decoration: none;
|
|
178
172
|
@utrecht-topnav-link-focus-border-type: dotted;
|
|
179
|
-
@utrecht-mapcontrolbutton-focus-text-decoration: none;
|
|
180
|
-
@utrecht-mapcontrolbutton-margin-inline-end: 0;
|
|
181
173
|
@utrecht-mapcontrolbutton-margin-inline-start: 0;
|
|
174
|
+
@utrecht-mapcontrolbutton-margin-inline-end: 0;
|
|
175
|
+
@utrecht-mapcontrolbutton-focus-text-decoration: none;
|
|
182
176
|
@utrecht-mapcontrolbutton-border-radius: 2px;
|
|
183
177
|
@utrecht-map-marker-icon-size: 30px;
|
|
184
178
|
@utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
|
|
@@ -195,7 +189,7 @@
|
|
|
195
189
|
@utrecht-link-icon-size: 1.2em;
|
|
196
190
|
@utrecht-link-hover-text-decoration-thickness: 3px;
|
|
197
191
|
@utrecht-link-hover-text-decoration: underline;
|
|
198
|
-
@utrecht-link-focus-text-decoration: none;
|
|
192
|
+
@utrecht-link-focus-visible-text-decoration: none;
|
|
199
193
|
@utrecht-link-text-underline-offset: 3px;
|
|
200
194
|
@utrecht-link-text-decoration: underline;
|
|
201
195
|
@utrecht-link-social-hover-transform-scale: 1.1;
|
|
@@ -232,10 +226,8 @@
|
|
|
232
226
|
@utrecht-form-toggle-border-radius: 10em;
|
|
233
227
|
@utrecht-form-toggle-border-style: solid;
|
|
234
228
|
@utrecht-form-toggle-border-color: transparent;
|
|
235
|
-
@utrecht-form-toggle-accent-color: hsla(0
|
|
229
|
+
@utrecht-form-toggle-accent-color: hsla(0 0% 48% / 100%);
|
|
236
230
|
@utrecht-form-label-font-size: 1em;
|
|
237
|
-
@utrecht-form-fieldset-legend-line-height: 1.4;
|
|
238
|
-
@utrecht-form-fieldset-legend-font-size: 1rem;
|
|
239
231
|
@utrecht-form-field-invalid-border-inline-start-width: 3px;
|
|
240
232
|
@utrecht-form-control-block-size: 42px;
|
|
241
233
|
@utrecht-form-control-read-only-border-color: transparent;
|
|
@@ -246,8 +238,6 @@
|
|
|
246
238
|
@utrecht-form-control-max-inline-size: 28em;
|
|
247
239
|
@utrecht-form-control-border-radius: 0;
|
|
248
240
|
@utrecht-focus-outline-style: dotted;
|
|
249
|
-
@utrecht-figure-caption-line-height: 20px;
|
|
250
|
-
@utrecht-figure-caption-font-size: 14px;
|
|
251
241
|
@utrecht-figure-caption-color: #727272;
|
|
252
242
|
@utrecht-drawer-max-inline-size: 320px;
|
|
253
243
|
@utrecht-drawer-max-block-size: 240px;
|
|
@@ -310,20 +300,18 @@
|
|
|
310
300
|
@utrecht-space-block-2xs: 4px; // Extra Small 2
|
|
311
301
|
@utrecht-space-block-3xs: 2px; // Extra Small 3
|
|
312
302
|
@utrecht-pointer-target-min-size: 44px;
|
|
313
|
-
@utrecht-action-inert-cursor: default;
|
|
314
|
-
@utrecht-action-activate-cursor: pointer;
|
|
315
303
|
@utrecht-action-submit-cursor: pointer;
|
|
316
304
|
@utrecht-action-navigate-cursor: pointer;
|
|
305
|
+
@utrecht-action-inert-cursor: default;
|
|
317
306
|
@utrecht-action-disabled-cursor: not-allowed;
|
|
318
307
|
@utrecht-action-busy-cursor: wait;
|
|
308
|
+
@utrecht-action-activate-cursor: pointer;
|
|
319
309
|
@utrecht-column-layout-column-width: 350px;
|
|
320
310
|
@utrecht-column-layout-column-rule-width: 2px;
|
|
321
311
|
@utrecht-code-block-padding-inline-end: 20px;
|
|
322
312
|
@utrecht-code-block-padding-inline-start: 20px;
|
|
323
313
|
@utrecht-code-block-padding-block-end: 20px;
|
|
324
314
|
@utrecht-code-block-padding-block-start: 20px;
|
|
325
|
-
@utrecht-code-block-line-height: 24px;
|
|
326
|
-
@utrecht-code-block-font-size: 16px;
|
|
327
315
|
@utrecht-checkbox-margin-block-start: 0;
|
|
328
316
|
@utrecht-checkbox-focus-border-width: 2px;
|
|
329
317
|
@utrecht-checkbox-size: 24px;
|
|
@@ -343,7 +331,7 @@
|
|
|
343
331
|
@utrecht-calendar-table-days-item-day-border-color: transparent;
|
|
344
332
|
@utrecht-calendar-table-days-item-day-border-width: 2px;
|
|
345
333
|
@utrecht-calendar-table-days-item-day-size: 44px;
|
|
346
|
-
@utrecht-calendar-table-weeks-item-line-height:
|
|
334
|
+
@utrecht-calendar-table-weeks-item-line-height: 1.5rem;
|
|
347
335
|
@utrecht-calendar-table-weeks-item-padding-block-end: 10px;
|
|
348
336
|
@utrecht-calendar-table-weeks-item-padding-block-start: 4px;
|
|
349
337
|
@utrecht-calendar-table-weeks-item-width: 44px;
|
|
@@ -372,15 +360,13 @@
|
|
|
372
360
|
@utrecht-breadcrumb-nav-min-block-size: 34px;
|
|
373
361
|
@utrecht-blockquote-margin-block-end: 1.6em;
|
|
374
362
|
@utrecht-blockquote-margin-block-start: 1.6em;
|
|
375
|
-
@utrecht-blockquote-content-font-size: 1.125rem;
|
|
376
|
-
@utrecht-blockquote-attribution-font-size: 0.75rem;
|
|
377
363
|
@utrecht-blockquote-margin-inline-end: 1.6em;
|
|
378
364
|
@utrecht-blockquote-margin-inline-start: 1.6em;
|
|
379
365
|
@utrecht-badge-border-radius: 0; // Default corner radius for badge components
|
|
380
366
|
@utrecht-badge-counter-padding-inline: 1ex; // Default inline padding color for badge components
|
|
381
367
|
@utrecht-badge-counter-padding-block: 1ex; // Default block padding for badge components
|
|
382
368
|
@utrecht-backdrop-reduced-transparency-opacity: 0.98;
|
|
383
|
-
@utrecht-backdrop-fade-in-animation-duration:
|
|
369
|
+
@utrecht-backdrop-fade-in-animation-duration: 400ms;
|
|
384
370
|
@utrecht-backdrop-opacity: 0.8;
|
|
385
371
|
@utrecht-article-max-inline-size: 780px;
|
|
386
372
|
@utrecht-alert-icon-inset-block-start: 6px;
|
|
@@ -441,6 +427,7 @@
|
|
|
441
427
|
@utrecht-toptask-link-padding-inline-end: @utrecht-space-inline-xl;
|
|
442
428
|
@utrecht-toptask-link-padding-block-start: @utrecht-space-block-xl;
|
|
443
429
|
@utrecht-toptask-link-padding-block-end: @utrecht-space-block-xl;
|
|
430
|
+
@utrecht-toptask-link-font-size: @utrecht-typography-scale-md-font-size;
|
|
444
431
|
@utrecht-textarea-line-height: @utrecht-typography-line-height-md;
|
|
445
432
|
@utrecht-table-row-alternate-even-color: @utrecht-color-black;
|
|
446
433
|
@utrecht-table-row-alternate-even-background-color: @utrecht-color-grey-95;
|
|
@@ -459,6 +446,7 @@
|
|
|
459
446
|
@utrecht-table-header-border-block-end-width: @utrecht-border-width-md;
|
|
460
447
|
@utrecht-table-header-border-block-end-color: @utrecht-color-red-40;
|
|
461
448
|
@utrecht-table-header-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
449
|
+
@utrecht-table-caption-font-size: @utrecht-typography-scale-lg-font-size;
|
|
462
450
|
@utrecht-table-caption-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
463
451
|
@utrecht-table-margin-block-start: @utrecht-space-block-md;
|
|
464
452
|
@utrecht-surface-color: @utrecht-color-grey-10;
|
|
@@ -473,7 +461,7 @@
|
|
|
473
461
|
@utrecht-spotlight-section-padding-block-start: @utrecht-space-block-md;
|
|
474
462
|
@utrecht-spotlight-section-color: @utrecht-color-black;
|
|
475
463
|
@utrecht-spotlight-section-background-color: @utrecht-color-grey-90;
|
|
476
|
-
@utrecht-skip-link-focus-text-decoration: @utrecht-link-focus-text-decoration;
|
|
464
|
+
@utrecht-skip-link-focus-visible-text-decoration: @utrecht-link-focus-visible-text-decoration;
|
|
477
465
|
@utrecht-skip-link-text-decoration: @utrecht-link-text-decoration;
|
|
478
466
|
@utrecht-separator-margin-block-start: @utrecht-space-block-md;
|
|
479
467
|
@utrecht-separator-margin-block-end: @utrecht-space-block-md;
|
|
@@ -542,6 +530,7 @@
|
|
|
542
530
|
@utrecht-pagination-page-link-current-background-color: @utrecht-color-blue-35;
|
|
543
531
|
@utrecht-pagination-page-link-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
544
532
|
@utrecht-pagination-page-link-color: @utrecht-color-blue-35;
|
|
533
|
+
@utrecht-pagination-font-size: @utrecht-typography-scale-sm-font-size;
|
|
545
534
|
@utrecht-page-color: @utrecht-color-black;
|
|
546
535
|
@utrecht-page-background-color: @utrecht-color-white;
|
|
547
536
|
@utrecht-page-footer-padding-block-start: @utrecht-space-block-3xl;
|
|
@@ -553,7 +542,7 @@
|
|
|
553
542
|
@utrecht-page-footer-color: @utrecht-color-white;
|
|
554
543
|
@utrecht-number-badge-font-size: @utrecht-typography-scale-md-font-size;
|
|
555
544
|
@utrecht-number-badge-color: @utrecht-color-white; // Default text color for badge components
|
|
556
|
-
@utrecht-number-badge-background-color: @utrecht-color-red-40;
|
|
545
|
+
@utrecht-number-badge-background-color: @utrecht-color-red-40;
|
|
557
546
|
@utrecht-topnav-link-hover-background-color: @utrecht-color-black;
|
|
558
547
|
@utrecht-topnav-link-focus-outline-color: @utrecht-color-black;
|
|
559
548
|
@utrecht-topnav-link-focus-background-color: @utrecht-color-yellow-80;
|
|
@@ -581,6 +570,12 @@
|
|
|
581
570
|
@utrecht-nav-bar-background-color: @utrecht-color-white;
|
|
582
571
|
@utrecht-mark-color: @utrecht-color-black;
|
|
583
572
|
@utrecht-mark-background-color: @utrecht-color-yellow-60;
|
|
573
|
+
@utrecht-mapcontrolbutton-padding-inline-start: @utrecht-space-inline-2xs;
|
|
574
|
+
@utrecht-mapcontrolbutton-padding-inline-end: @utrecht-space-inline-2xs;
|
|
575
|
+
@utrecht-mapcontrolbutton-padding-block-start: @utrecht-space-block-2xs;
|
|
576
|
+
@utrecht-mapcontrolbutton-padding-block-end: @utrecht-space-block-2xs;
|
|
577
|
+
@utrecht-mapcontrolbutton-margin-block-start: @utrecht-space-row-xs;
|
|
578
|
+
@utrecht-mapcontrolbutton-margin-block-end: @utrecht-space-row-xs;
|
|
584
579
|
@utrecht-mapcontrolbutton-label-margin-inline-end: @utrecht-space-inline-xs;
|
|
585
580
|
@utrecht-mapcontrolbutton-label-margin-inline-start: @utrecht-space-inline-xs;
|
|
586
581
|
@utrecht-mapcontrolbutton-hover-color: @utrecht-color-white;
|
|
@@ -589,12 +584,6 @@
|
|
|
589
584
|
@utrecht-mapcontrolbutton-disabled-color: @utrecht-color-grey-80;
|
|
590
585
|
@utrecht-mapcontrolbutton-disabled-border-color: @utrecht-color-grey-80;
|
|
591
586
|
@utrecht-mapcontrolbutton-disabled-background-color: @utrecht-color-grey-90;
|
|
592
|
-
@utrecht-mapcontrolbutton-padding-inline-end: @utrecht-space-inline-2xs;
|
|
593
|
-
@utrecht-mapcontrolbutton-padding-inline-start: @utrecht-space-inline-2xs;
|
|
594
|
-
@utrecht-mapcontrolbutton-padding-block-end: @utrecht-space-block-2xs;
|
|
595
|
-
@utrecht-mapcontrolbutton-padding-block-start: @utrecht-space-block-2xs;
|
|
596
|
-
@utrecht-mapcontrolbutton-margin-block-end: @utrecht-space-row-xs;
|
|
597
|
-
@utrecht-mapcontrolbutton-margin-block-start: @utrecht-space-row-xs;
|
|
598
587
|
@utrecht-mapcontrolbutton-min-inline-size: @utrecht-space-block-2xl;
|
|
599
588
|
@utrecht-mapcontrolbutton-min-block-size: @utrecht-space-block-2xl;
|
|
600
589
|
@utrecht-mapcontrolbutton-color: @utrecht-color-grey-40;
|
|
@@ -610,10 +599,10 @@
|
|
|
610
599
|
@utrecht-listbox-option-group-title-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
611
600
|
@utrecht-listbox-option-group-title-font-size: @utrecht-typography-scale-md-font-size;
|
|
612
601
|
@utrecht-listbox-option-group-margin-block-end: @utrecht-space-inline-xs;
|
|
613
|
-
@utrecht-listbox-option-hover-background-color: @utrecht-color-blue-90;
|
|
614
|
-
@utrecht-listbox-option-hover-color: @utrecht-color-black;
|
|
615
602
|
@utrecht-listbox-option-selected-color: @utrecht-color-black;
|
|
616
603
|
@utrecht-listbox-option-selected-background-color: @utrecht-color-grey-95;
|
|
604
|
+
@utrecht-listbox-option-hover-color: @utrecht-color-black;
|
|
605
|
+
@utrecht-listbox-option-hover-background-color: @utrecht-color-blue-90;
|
|
617
606
|
@utrecht-listbox-option-active-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
618
607
|
@utrecht-listbox-option-active-color: @utrecht-color-black;
|
|
619
608
|
@utrecht-listbox-option-active-background-color: @utrecht-color-grey-95;
|
|
@@ -675,7 +664,9 @@
|
|
|
675
664
|
@utrecht-form-fieldset-legend-disabled-color: @utrecht-color-grey-40;
|
|
676
665
|
@utrecht-form-fieldset-legend-margin-block-start: @utrecht-space-block-xl;
|
|
677
666
|
@utrecht-form-fieldset-legend-margin-block-end: @utrecht-space-block-sm;
|
|
667
|
+
@utrecht-form-fieldset-legend-line-height: @utrecht-typography-line-height-md;
|
|
678
668
|
@utrecht-form-fieldset-legend-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
669
|
+
@utrecht-form-fieldset-legend-font-size: @utrecht-typography-scale-md-font-size;
|
|
679
670
|
@utrecht-form-fieldset-section-color: @utrecht-color-black;
|
|
680
671
|
@utrecht-form-fieldset-section-background-color: @utrecht-color-grey-80;
|
|
681
672
|
@utrecht-form-fieldset-margin-block-start: @utrecht-space-block-2xs;
|
|
@@ -700,6 +691,8 @@
|
|
|
700
691
|
@utrecht-focus-outline-width: @utrecht-border-width-md;
|
|
701
692
|
@utrecht-focus-outline-color: @utrecht-color-black;
|
|
702
693
|
@utrecht-focus-background-color: @utrecht-color-yellow-60;
|
|
694
|
+
@utrecht-figure-caption-line-height: @utrecht-typography-line-height-md;
|
|
695
|
+
@utrecht-figure-caption-font-size: @utrecht-typography-scale-sm-font-size;
|
|
703
696
|
@utrecht-emphasis-strong-font-weight: @utrecht-typography-weight-scale-bold-font-weight;
|
|
704
697
|
@utrecht-drawer-padding-inline-end: @utrecht-space-inline-md;
|
|
705
698
|
@utrecht-drawer-padding-inline-start: @utrecht-space-inline-md;
|
|
@@ -735,6 +728,8 @@
|
|
|
735
728
|
@utrecht-column-layout-column-rule-color: @utrecht-color-grey-80;
|
|
736
729
|
@utrecht-code-block-margin-block-end: @utrecht-space-block-lg;
|
|
737
730
|
@utrecht-code-block-margin-block-start: @utrecht-space-block-lg;
|
|
731
|
+
@utrecht-code-block-line-height: @utrecht-typography-line-height-md;
|
|
732
|
+
@utrecht-code-block-font-size: @utrecht-typography-scale-md-font-size;
|
|
738
733
|
@utrecht-code-block-color: @utrecht-color-black;
|
|
739
734
|
@utrecht-code-block-background-color: @utrecht-color-grey-95;
|
|
740
735
|
@utrecht-checkbox-indeterminate-background-color: @utrecht-color-blue-40;
|
|
@@ -838,7 +833,6 @@
|
|
|
838
833
|
@utrecht-button-disabled-color: @utrecht-color-grey-80;
|
|
839
834
|
@utrecht-button-disabled-border-color: @utrecht-color-grey-80;
|
|
840
835
|
@utrecht-button-disabled-background-color: @utrecht-color-grey-90;
|
|
841
|
-
@utrecht-button-icon-gap: @utrecht-space-text-xs;
|
|
842
836
|
@utrecht-button-active-color: @utrecht-color-white;
|
|
843
837
|
@utrecht-button-active-background-color: @utrecht-color-grey-40;
|
|
844
838
|
@utrecht-button-padding-inline-end: @utrecht-space-inline-md;
|
|
@@ -849,6 +843,7 @@
|
|
|
849
843
|
@utrecht-button-margin-block-start: @utrecht-space-row-xs;
|
|
850
844
|
@utrecht-button-font-size: @utrecht-typography-scale-md-font-size;
|
|
851
845
|
@utrecht-button-font-family: @utrecht-typography-sans-serif-font-family;
|
|
846
|
+
@utrecht-button-column-gap: @utrecht-space-text-xs;
|
|
852
847
|
@utrecht-button-color: @utrecht-color-grey-40;
|
|
853
848
|
@utrecht-button-border-color: @utrecht-color-grey-40;
|
|
854
849
|
@utrecht-button-background-color: @utrecht-color-white;
|
|
@@ -867,6 +862,8 @@
|
|
|
867
862
|
@utrecht-breadcrumb-nav-item-padding-block-end: @utrecht-space-block-xs;
|
|
868
863
|
@utrecht-breadcrumb-nav-item-padding-block-start: @utrecht-space-block-xs;
|
|
869
864
|
@utrecht-breadcrumb-nav-font-size: @utrecht-typography-scale-md-font-size;
|
|
865
|
+
@utrecht-blockquote-caption-font-size: @utrecht-typography-scale-sm-font-size;
|
|
866
|
+
@utrecht-blockquote-content-font-size: @utrecht-typography-scale-lg-font-size;
|
|
870
867
|
@utrecht-blockquote-content-color: @utrecht-color-red-40;
|
|
871
868
|
@utrecht-badge-font-style: @utrecht-typography-font-style-normal;
|
|
872
869
|
@utrecht-badge-padding-inline: @utrecht-space-inline-sm; // Default inline padding color for badge components
|
|
@@ -944,7 +941,7 @@
|
|
|
944
941
|
@utrecht-radio-button-border-color: @utrecht-form-control-border-color;
|
|
945
942
|
@utrecht-radio-button-background-color: @utrecht-form-control-background-color;
|
|
946
943
|
@utrecht-paragraph-lead-color: @utrecht-document-color;
|
|
947
|
-
@utrecht-number-badge-border-radius: @utrecht-number-badge-font-size;
|
|
944
|
+
@utrecht-number-badge-border-radius: @utrecht-number-badge-font-size;
|
|
948
945
|
@utrecht-listbox-border-width: @utrecht-form-control-border-width;
|
|
949
946
|
@utrecht-listbox-border-color: @utrecht-form-control-border-color;
|
|
950
947
|
@utrecht-link-visited-color: @utrecht-link-color;
|