@conduction/theme 1.0.20 → 1.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/README.md +6 -0
  2. package/conduction-design-tokens/dist/design-tokens.css +59 -56
  3. package/conduction-design-tokens/dist/index.js +59 -56
  4. package/conduction-design-tokens/dist/index.json +91 -28
  5. package/conduction-design-tokens/dist/index.less +59 -56
  6. package/conduction-design-tokens/dist/index.scss +59 -56
  7. package/conduction-design-tokens/dist/tokens.json +2953 -2884
  8. package/conduction-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  9. package/conduction-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  10. package/conduction-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  11. package/conduction-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  12. package/conduction-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  13. package/conduction-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  14. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +52 -49
  15. package/municipalities/dinkelland-design-tokens/dist/index.js +52 -49
  16. package/municipalities/dinkelland-design-tokens/dist/index.json +91 -28
  17. package/municipalities/dinkelland-design-tokens/dist/index.less +52 -49
  18. package/municipalities/dinkelland-design-tokens/dist/index.scss +52 -49
  19. package/municipalities/dinkelland-design-tokens/dist/tokens.json +2195 -2127
  20. package/municipalities/dinkelland-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  21. package/municipalities/dinkelland-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  22. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-footer.tokens.json +5 -1
  23. package/municipalities/dinkelland-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  24. package/municipalities/dinkelland-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  25. package/municipalities/dinkelland-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  26. package/municipalities/leiden-design-tokens/dist/design-tokens.css +55 -48
  27. package/municipalities/leiden-design-tokens/dist/index.js +56 -49
  28. package/municipalities/leiden-design-tokens/dist/index.json +169 -26
  29. package/municipalities/leiden-design-tokens/dist/index.less +55 -48
  30. package/municipalities/leiden-design-tokens/dist/index.scss +55 -48
  31. package/municipalities/leiden-design-tokens/dist/tokens.json +1167 -999
  32. package/municipalities/leiden-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  33. package/municipalities/leiden-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  34. package/municipalities/leiden-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  35. package/municipalities/leiden-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  36. package/municipalities/leiden-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  37. package/municipalities/leiden-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  38. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +60 -57
  39. package/municipalities/tubbergen-design-tokens/dist/index.js +60 -57
  40. package/municipalities/tubbergen-design-tokens/dist/index.json +92 -29
  41. package/municipalities/tubbergen-design-tokens/dist/index.less +60 -57
  42. package/municipalities/tubbergen-design-tokens/dist/index.scss +60 -57
  43. package/municipalities/tubbergen-design-tokens/dist/tokens.json +3162 -3094
  44. package/municipalities/tubbergen-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  45. package/municipalities/tubbergen-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  46. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  47. package/municipalities/tubbergen-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  48. package/municipalities/tubbergen-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  49. package/municipalities/tubbergen-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  50. package/municipalities/tubbergen-design-tokens/src/component/utrecht/page-footer.tokens.json +1 -2
  51. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +55 -48
  52. package/municipalities/xxllnc-design-tokens/dist/index.js +57 -50
  53. package/municipalities/xxllnc-design-tokens/dist/index.json +169 -26
  54. package/municipalities/xxllnc-design-tokens/dist/index.less +55 -48
  55. package/municipalities/xxllnc-design-tokens/dist/index.scss +55 -48
  56. package/municipalities/xxllnc-design-tokens/dist/tokens.json +1253 -1085
  57. package/municipalities/xxllnc-design-tokens/src/component/conduction/alert.tokens.json +9 -0
  58. package/municipalities/xxllnc-design-tokens/src/component/conduction/icon.tokens.json +7 -0
  59. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-footer.tokens.json +11 -0
  60. package/municipalities/xxllnc-design-tokens/src/component/conduction/page-header.tokens.json +10 -0
  61. package/municipalities/xxllnc-design-tokens/src/component/utrecht/alert.tokens.json +0 -1
  62. package/municipalities/xxllnc-design-tokens/src/component/utrecht/icon.tokens.json +0 -1
  63. package/package.json +1 -1
  64. /package/conduction-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  65. /package/conduction-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  66. /package/municipalities/dinkelland-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  67. /package/municipalities/dinkelland-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  68. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  69. /package/municipalities/leiden-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  70. /package/municipalities/leiden-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
  71. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  72. /package/municipalities/tubbergen-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  73. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/form-input.tokens.json +0 -0
  74. /package/municipalities/xxllnc-design-tokens/src/component/{utrecht → conduction}/textbox.tokens.json +0 -0
  75. /package/municipalities/xxllnc-design-tokens/src/component/utrecht/{blockquote.tokes.json → blockquote.tokens.json} +0 -0
@@ -1559,7 +1559,7 @@
1559
1559
  },
1560
1560
  {
1561
1561
  "value": "8px",
1562
- "filePath": "src/component/utrecht/alert.tokens.json",
1562
+ "filePath": "src/component/conduction/alert.tokens.json",
1563
1563
  "isSource": true,
1564
1564
  "original": {
1565
1565
  "value": "{conduction.size.xs}"
@@ -3077,7 +3077,7 @@
3077
3077
  },
3078
3078
  {
3079
3079
  "value": "#ffffff",
3080
- "filePath": "src/component/utrecht/form-input.tokens.json",
3080
+ "filePath": "src/component/conduction/form-input.tokens.json",
3081
3081
  "isSource": true,
3082
3082
  "original": {
3083
3083
  "value": "{conduction.color.white.100}"
@@ -3096,7 +3096,7 @@
3096
3096
  },
3097
3097
  {
3098
3098
  "value": "#7a7a7a",
3099
- "filePath": "src/component/utrecht/form-input.tokens.json",
3099
+ "filePath": "src/component/conduction/form-input.tokens.json",
3100
3100
  "isSource": true,
3101
3101
  "original": {
3102
3102
  "value": "{conduction.color.grey.48}"
@@ -3115,7 +3115,7 @@
3115
3115
  },
3116
3116
  {
3117
3117
  "value": "3px",
3118
- "filePath": "src/component/utrecht/form-input.tokens.json",
3118
+ "filePath": "src/component/conduction/form-input.tokens.json",
3119
3119
  "isSource": true,
3120
3120
  "original": {
3121
3121
  "value": "3px"
@@ -3134,7 +3134,7 @@
3134
3134
  },
3135
3135
  {
3136
3136
  "value": "1px",
3137
- "filePath": "src/component/utrecht/form-input.tokens.json",
3137
+ "filePath": "src/component/conduction/form-input.tokens.json",
3138
3138
  "isSource": true,
3139
3139
  "original": {
3140
3140
  "value": "{conduction.size.4xs}"
@@ -3153,7 +3153,7 @@
3153
3153
  },
3154
3154
  {
3155
3155
  "value": "#4a4a4a",
3156
- "filePath": "src/component/utrecht/form-input.tokens.json",
3156
+ "filePath": "src/component/conduction/form-input.tokens.json",
3157
3157
  "isSource": true,
3158
3158
  "original": {
3159
3159
  "value": "{conduction.color.grey.29}"
@@ -3172,7 +3172,7 @@
3172
3172
  },
3173
3173
  {
3174
3174
  "value": "#ffffff",
3175
- "filePath": "src/component/utrecht/form-input.tokens.json",
3175
+ "filePath": "src/component/conduction/form-input.tokens.json",
3176
3176
  "isSource": true,
3177
3177
  "original": {
3178
3178
  "value": "{conduction.color.white.100}"
@@ -3193,7 +3193,7 @@
3193
3193
  },
3194
3194
  {
3195
3195
  "value": "\"Noto Sans\", Arial, sans-serif",
3196
- "filePath": "src/component/utrecht/form-input.tokens.json",
3196
+ "filePath": "src/component/conduction/form-input.tokens.json",
3197
3197
  "isSource": true,
3198
3198
  "original": {
3199
3199
  "value": "{conduction.typography.sans-serif.font-family}"
@@ -3212,7 +3212,7 @@
3212
3212
  },
3213
3213
  {
3214
3214
  "value": "15px",
3215
- "filePath": "src/component/utrecht/form-input.tokens.json",
3215
+ "filePath": "src/component/conduction/form-input.tokens.json",
3216
3216
  "isSource": true,
3217
3217
  "original": {
3218
3218
  "value": "15px"
@@ -3231,7 +3231,7 @@
3231
3231
  },
3232
3232
  {
3233
3233
  "value": "8px",
3234
- "filePath": "src/component/utrecht/form-input.tokens.json",
3234
+ "filePath": "src/component/conduction/form-input.tokens.json",
3235
3235
  "isSource": true,
3236
3236
  "original": {
3237
3237
  "value": "{conduction.size.xs}"
@@ -3250,7 +3250,7 @@
3250
3250
  },
3251
3251
  {
3252
3252
  "value": "8px",
3253
- "filePath": "src/component/utrecht/form-input.tokens.json",
3253
+ "filePath": "src/component/conduction/form-input.tokens.json",
3254
3254
  "isSource": true,
3255
3255
  "original": {
3256
3256
  "value": "{conduction.size.xs}"
@@ -3269,7 +3269,7 @@
3269
3269
  },
3270
3270
  {
3271
3271
  "value": "14px",
3272
- "filePath": "src/component/utrecht/form-input.tokens.json",
3272
+ "filePath": "src/component/conduction/form-input.tokens.json",
3273
3273
  "isSource": true,
3274
3274
  "original": {
3275
3275
  "value": "{conduction.size.sm}"
@@ -3288,7 +3288,7 @@
3288
3288
  },
3289
3289
  {
3290
3290
  "value": "14px",
3291
- "filePath": "src/component/utrecht/form-input.tokens.json",
3291
+ "filePath": "src/component/conduction/form-input.tokens.json",
3292
3292
  "isSource": true,
3293
3293
  "original": {
3294
3294
  "value": "{conduction.size.sm}"
@@ -3307,7 +3307,7 @@
3307
3307
  },
3308
3308
  {
3309
3309
  "value": "#808080",
3310
- "filePath": "src/component/utrecht/form-input.tokens.json",
3310
+ "filePath": "src/component/conduction/form-input.tokens.json",
3311
3311
  "isSource": true,
3312
3312
  "original": {
3313
3313
  "value": "{conduction.color.grey.50}"
@@ -3803,7 +3803,7 @@
3803
3803
  },
3804
3804
  {
3805
3805
  "value": "8px",
3806
- "filePath": "src/component/utrecht/icon.tokens.json",
3806
+ "filePath": "src/component/conduction/icon.tokens.json",
3807
3807
  "isSource": true,
3808
3808
  "original": {
3809
3809
  "value": "{conduction.size.xs}"
@@ -4216,6 +4216,48 @@
4216
4216
  "color"
4217
4217
  ]
4218
4218
  },
4219
+ {
4220
+ "value": "100px",
4221
+ "filePath": "src/component/conduction/page-footer.tokens.json",
4222
+ "isSource": true,
4223
+ "original": {
4224
+ "value": "100px"
4225
+ },
4226
+ "name": "utrechtPageFooterLogoMaxHeight",
4227
+ "attributes": {
4228
+ "category": "utrecht",
4229
+ "type": "page-footer",
4230
+ "item": "logo",
4231
+ "subitem": "max-height"
4232
+ },
4233
+ "path": [
4234
+ "utrecht",
4235
+ "page-footer",
4236
+ "logo",
4237
+ "max-height"
4238
+ ]
4239
+ },
4240
+ {
4241
+ "value": "100px",
4242
+ "filePath": "src/component/conduction/page-footer.tokens.json",
4243
+ "isSource": true,
4244
+ "original": {
4245
+ "value": "100px"
4246
+ },
4247
+ "name": "utrechtPageFooterLogoMaxWidth",
4248
+ "attributes": {
4249
+ "category": "utrecht",
4250
+ "type": "page-footer",
4251
+ "item": "logo",
4252
+ "subitem": "max-width"
4253
+ },
4254
+ "path": [
4255
+ "utrecht",
4256
+ "page-footer",
4257
+ "logo",
4258
+ "max-width"
4259
+ ]
4260
+ },
4219
4261
  {
4220
4262
  "value": "48px",
4221
4263
  "filePath": "src/component/utrecht/page-footer.tokens.json",
@@ -4330,6 +4372,27 @@
4330
4372
  "color"
4331
4373
  ]
4332
4374
  },
4375
+ {
4376
+ "value": "150px",
4377
+ "filePath": "src/component/conduction/page-header.tokens.json",
4378
+ "isSource": true,
4379
+ "original": {
4380
+ "value": "150px"
4381
+ },
4382
+ "name": "utrechtPageHeaderLogoMaxWidth",
4383
+ "attributes": {
4384
+ "category": "utrecht",
4385
+ "type": "page-header",
4386
+ "item": "logo",
4387
+ "subitem": "max-width"
4388
+ },
4389
+ "path": [
4390
+ "utrecht",
4391
+ "page-header",
4392
+ "logo",
4393
+ "max-width"
4394
+ ]
4395
+ },
4333
4396
  {
4334
4397
  "value": "14px",
4335
4398
  "filePath": "src/component/utrecht/page-header.tokens.json",
@@ -5371,7 +5434,7 @@
5371
5434
  },
5372
5435
  {
5373
5436
  "value": "#ffffff",
5374
- "filePath": "src/component/utrecht/textbox.tokens.json",
5437
+ "filePath": "src/component/conduction/textbox.tokens.json",
5375
5438
  "isSource": true,
5376
5439
  "original": {
5377
5440
  "value": "{conduction.color.white.100}"
@@ -5390,7 +5453,7 @@
5390
5453
  },
5391
5454
  {
5392
5455
  "value": "#7a7a7a",
5393
- "filePath": "src/component/utrecht/textbox.tokens.json",
5456
+ "filePath": "src/component/conduction/textbox.tokens.json",
5394
5457
  "isSource": true,
5395
5458
  "original": {
5396
5459
  "value": "{conduction.color.grey.48}"
@@ -5409,7 +5472,7 @@
5409
5472
  },
5410
5473
  {
5411
5474
  "value": "3px",
5412
- "filePath": "src/component/utrecht/textbox.tokens.json",
5475
+ "filePath": "src/component/conduction/textbox.tokens.json",
5413
5476
  "isSource": true,
5414
5477
  "original": {
5415
5478
  "value": "3px"
@@ -5428,7 +5491,7 @@
5428
5491
  },
5429
5492
  {
5430
5493
  "value": "1px",
5431
- "filePath": "src/component/utrecht/textbox.tokens.json",
5494
+ "filePath": "src/component/conduction/textbox.tokens.json",
5432
5495
  "isSource": true,
5433
5496
  "original": {
5434
5497
  "value": "{conduction.size.4xs}"
@@ -5447,7 +5510,7 @@
5447
5510
  },
5448
5511
  {
5449
5512
  "value": "#4a4a4a",
5450
- "filePath": "src/component/utrecht/textbox.tokens.json",
5513
+ "filePath": "src/component/conduction/textbox.tokens.json",
5451
5514
  "isSource": true,
5452
5515
  "original": {
5453
5516
  "value": "{conduction.color.grey.29}"
@@ -5466,7 +5529,7 @@
5466
5529
  },
5467
5530
  {
5468
5531
  "value": "#ffffff",
5469
- "filePath": "src/component/utrecht/textbox.tokens.json",
5532
+ "filePath": "src/component/conduction/textbox.tokens.json",
5470
5533
  "isSource": true,
5471
5534
  "original": {
5472
5535
  "value": "{conduction.color.white.100}"
@@ -5487,7 +5550,7 @@
5487
5550
  },
5488
5551
  {
5489
5552
  "value": "\"Noto Sans\", Arial, sans-serif",
5490
- "filePath": "src/component/utrecht/textbox.tokens.json",
5553
+ "filePath": "src/component/conduction/textbox.tokens.json",
5491
5554
  "isSource": true,
5492
5555
  "original": {
5493
5556
  "value": "{conduction.typography.sans-serif.font-family}"
@@ -5506,7 +5569,7 @@
5506
5569
  },
5507
5570
  {
5508
5571
  "value": "15px",
5509
- "filePath": "src/component/utrecht/textbox.tokens.json",
5572
+ "filePath": "src/component/conduction/textbox.tokens.json",
5510
5573
  "isSource": true,
5511
5574
  "original": {
5512
5575
  "value": "15px"
@@ -5525,7 +5588,7 @@
5525
5588
  },
5526
5589
  {
5527
5590
  "value": "8px",
5528
- "filePath": "src/component/utrecht/textbox.tokens.json",
5591
+ "filePath": "src/component/conduction/textbox.tokens.json",
5529
5592
  "isSource": true,
5530
5593
  "original": {
5531
5594
  "value": "{conduction.size.xs}"
@@ -5544,7 +5607,7 @@
5544
5607
  },
5545
5608
  {
5546
5609
  "value": "8px",
5547
- "filePath": "src/component/utrecht/textbox.tokens.json",
5610
+ "filePath": "src/component/conduction/textbox.tokens.json",
5548
5611
  "isSource": true,
5549
5612
  "original": {
5550
5613
  "value": "{conduction.size.xs}"
@@ -5563,7 +5626,7 @@
5563
5626
  },
5564
5627
  {
5565
5628
  "value": "14px",
5566
- "filePath": "src/component/utrecht/textbox.tokens.json",
5629
+ "filePath": "src/component/conduction/textbox.tokens.json",
5567
5630
  "isSource": true,
5568
5631
  "original": {
5569
5632
  "value": "{conduction.size.sm}"
@@ -5582,7 +5645,7 @@
5582
5645
  },
5583
5646
  {
5584
5647
  "value": "14px",
5585
- "filePath": "src/component/utrecht/textbox.tokens.json",
5648
+ "filePath": "src/component/conduction/textbox.tokens.json",
5586
5649
  "isSource": true,
5587
5650
  "original": {
5588
5651
  "value": "{conduction.size.sm}"
@@ -5601,7 +5664,7 @@
5601
5664
  },
5602
5665
  {
5603
5666
  "value": "#808080",
5604
- "filePath": "src/component/utrecht/textbox.tokens.json",
5667
+ "filePath": "src/component/conduction/textbox.tokens.json",
5605
5668
  "isSource": true,
5606
5669
  "original": {
5607
5670
  "value": "{conduction.color.grey.50}"
@@ -1,14 +1,11 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 15 Aug 2023 14:12:58 GMT
3
+ // Generated on Wed, 16 Aug 2023 08:06:14 GMT
4
4
 
5
- @utrecht-textbox-font-size: 15px;
6
- @utrecht-textbox-border-radius: 3px;
7
5
  @utrecht-paragraph-margin-block-end: 0;
8
6
  @utrecht-paragraph-margin-block-start: 0;
9
7
  @utrecht-paragraph-line-height: 1.5em;
10
8
  @utrecht-page-max-inline-size: 1140px;
11
- @utrecht-page-footer-background-image: unset;
12
9
  @utrecht-unordered-list-item-padding-inline-start: 1ch;
13
10
  @utrecht-unordered-list-padding-inline-start: 2ch;
14
11
  @utrecht-unordered-list-margin-block-end: 0;
@@ -17,8 +14,6 @@
17
14
  @utrecht-link-text-decoration-thickness: 0;
18
15
  @utrecht-link-text-decoration-color: unset;
19
16
  @utrecht-link-text-decoration: none;
20
- @utrecht-form-input-font-size: 15px;
21
- @utrecht-form-input-border-radius: 3px;
22
17
  @utrecht-code-block-margin-inline-end: 0;
23
18
  @utrecht-code-block-margin-inline-start: 0;
24
19
  @utrecht-code-font-size: inherit;
@@ -26,9 +21,17 @@
26
21
  @utrecht-button-font-weight: inherit;
27
22
  @utrecht-button-font-size: inherit;
28
23
  @utrecht-button-border-radius: 3px;
24
+ @utrecht-textbox-font-size: 15px;
25
+ @utrecht-textbox-border-radius: 3px;
29
26
  @utrecht-table-header-cell-text-transform: unset;
30
27
  @utrecht-table-margin-block-end: 0;
31
28
  @utrecht-table-header-text-transform: unset;
29
+ @utrecht-page-header-logo-max-width: 150px;
30
+ @utrecht-page-footer-background-image: unset;
31
+ @utrecht-page-footer-logo-max-width: 100px;
32
+ @utrecht-page-footer-logo-max-height: 100px;
33
+ @utrecht-form-input-font-size: 15px;
34
+ @utrecht-form-input-border-radius: 3px;
32
35
  @utrecht-card-border-width: unset;
33
36
  @utrecht-card-border-radius: 16px;
34
37
  @utrecht-action-submit-cursor: pointer;
@@ -87,32 +90,11 @@
87
90
  @conduction-color-error: #dc3545;
88
91
  @conduction-color-primary-hover: #2e5ed9;
89
92
  @conduction-color-primary: #4376fc;
90
- @utrecht-textbox-focus-background-color: @conduction-color-white-100;
91
- @utrecht-textbox-placeholder-color: @conduction-color-grey-50;
92
- @utrecht-textbox-padding-inline-start: @conduction-size-sm;
93
- @utrecht-textbox-padding-inline-end: @conduction-size-sm;
94
- @utrecht-textbox-padding-block-start: @conduction-size-xs;
95
- @utrecht-textbox-padding-block-end: @conduction-size-xs;
96
- @utrecht-textbox-font-family: @conduction-typography-sans-serif-font-family;
97
- @utrecht-textbox-color: @conduction-color-grey-29;
98
- @utrecht-textbox-border-width: @conduction-size-4xs;
99
- @utrecht-textbox-border-color: @conduction-color-grey-48;
100
- @utrecht-textbox-background-color: @conduction-color-white-100;
101
93
  @utrecht-paragraph-font-weight: @conduction-typography-font-weight-normal;
102
94
  @utrecht-paragraph-font-size: @conduction-font-size-md;
103
95
  @utrecht-paragraph-font-family: @conduction-typography-sans-serif-font-family;
104
96
  @utrecht-page-margin-inline-end: @conduction-size-lg;
105
97
  @utrecht-page-margin-inline-start: @conduction-size-lg;
106
- @utrecht-page-header-padding-block-end: @conduction-size-sm;
107
- @utrecht-page-header-padding-block-start: @conduction-size-sm;
108
- @utrecht-page-header-color: @conduction-color-white-100;
109
- @utrecht-page-header-background-color: @conduction-color-primary;
110
- @utrecht-page-footer-padding-block-start: @conduction-size-2xl;
111
- @utrecht-page-footer-padding-block-end: @conduction-size-2xl;
112
- @utrecht-page-footer-padding-inline-start: @conduction-size-sm;
113
- @utrecht-page-footer-padding-inline-end: @conduction-size-sm;
114
- @utrecht-page-footer-color: @conduction-color-black-0;
115
- @utrecht-page-footer-background-color: @conduction-color-lightgrey-96;
116
98
  @utrecht-unordered-list-marker-color: @conduction-color-primary;
117
99
  @utrecht-unordered-list-item-margin-block-end: @conduction-size-xs;
118
100
  @utrecht-unordered-list-item-margin-block-start: @conduction-size-xs;
@@ -128,7 +110,6 @@
128
110
  @utrecht-link-hover-color: @conduction-color-primary-hover;
129
111
  @utrecht-link-text-underline-offset: @conduction-size-3xs;
130
112
  @utrecht-link-color: @conduction-color-primary;
131
- @utrecht-icon-gap: @conduction-size-xs;
132
113
  @utrecht-heading-5-margin-block-start: @conduction-size-md;
133
114
  @utrecht-heading-5-margin-block-end: @conduction-size-lg;
134
115
  @utrecht-heading-5-font-weight: @conduction-typography-font-weight-light;
@@ -154,17 +135,6 @@
154
135
  @utrecht-heading-1-font-weight: @conduction-typography-font-weight-bold;
155
136
  @utrecht-heading-1-font-size: @conduction-font-size-3xl;
156
137
  @utrecht-heading-1-font-family: @conduction-typography-aldritch-font-family;
157
- @utrecht-form-input-focus-background-color: @conduction-color-white-100;
158
- @utrecht-form-input-placeholder-color: @conduction-color-grey-50;
159
- @utrecht-form-input-padding-inline-start: @conduction-size-sm;
160
- @utrecht-form-input-padding-inline-end: @conduction-size-sm;
161
- @utrecht-form-input-padding-block-start: @conduction-size-xs;
162
- @utrecht-form-input-padding-block-end: @conduction-size-xs;
163
- @utrecht-form-input-font-family: @conduction-typography-sans-serif-font-family;
164
- @utrecht-form-input-color: @conduction-color-grey-29;
165
- @utrecht-form-input-border-width: @conduction-size-4xs;
166
- @utrecht-form-input-border-color: @conduction-color-grey-48;
167
- @utrecht-form-input-background-color: @conduction-color-white-100;
168
138
  @utrecht-document-font-size: @conduction-font-size-md;
169
139
  @utrecht-document-font-family: @conduction-typography-sans-serif-font-family;
170
140
  @utrecht-document-color: @conduction-color-black-0;
@@ -215,23 +185,17 @@
215
185
  @utrecht-blockquote-content-color: @conduction-color-black-0;
216
186
  @utrecht-blockquote-margin-inline-end: @conduction-size-xl;
217
187
  @utrecht-blockquote-margin-inline-start: @conduction-size-xl;
218
- @utrecht-alert-icon-ok-color: @conduction-color-alert-succes;
219
- @utrecht-alert-icon-warning-color: @conduction-color-alert-warning;
220
- @utrecht-alert-icon-gap: @conduction-size-xs;
221
- @utrecht-alert-icon-error-color: @conduction-color-alert-error;
222
- @utrecht-alert-icon-color: @conduction-color-alert-info;
223
- @utrecht-alert-ok-color: @conduction-color-alert-succes;
224
- @utrecht-alert-ok-background-color: @conduction-color-alert-succes-background;
225
- @utrecht-alert-error-color: @conduction-color-alert-error;
226
- @utrecht-alert-error-background-color: @conduction-color-alert-error-background;
227
- @utrecht-alert-warning-color: @conduction-color-alert-warning;
228
- @utrecht-alert-warning-background-color: @conduction-color-alert-warning-background;
229
- @utrecht-alert-padding-inline-end: @conduction-size-lg;
230
- @utrecht-alert-padding-inline-start: @conduction-size-lg;
231
- @utrecht-alert-padding-block-end: @conduction-size-lg;
232
- @utrecht-alert-padding-block-start: @conduction-size-lg;
233
- @utrecht-alert-color: @conduction-color-alert-info;
234
- @utrecht-alert-background-color: @conduction-color-alert-info-background;
188
+ @utrecht-textbox-focus-background-color: @conduction-color-white-100;
189
+ @utrecht-textbox-placeholder-color: @conduction-color-grey-50;
190
+ @utrecht-textbox-padding-inline-start: @conduction-size-sm;
191
+ @utrecht-textbox-padding-inline-end: @conduction-size-sm;
192
+ @utrecht-textbox-padding-block-start: @conduction-size-xs;
193
+ @utrecht-textbox-padding-block-end: @conduction-size-xs;
194
+ @utrecht-textbox-font-family: @conduction-typography-sans-serif-font-family;
195
+ @utrecht-textbox-color: @conduction-color-grey-29;
196
+ @utrecht-textbox-border-width: @conduction-size-4xs;
197
+ @utrecht-textbox-border-color: @conduction-color-grey-48;
198
+ @utrecht-textbox-background-color: @conduction-color-white-100;
235
199
  @utrecht-table-cell-padding-inline-start: @conduction-size-md;
236
200
  @utrecht-table-cell-padding-inline-end: @conduction-size-md;
237
201
  @utrecht-table-cell-padding-block-start: @conduction-size-md;
@@ -245,12 +209,51 @@
245
209
  @utrecht-table-header-border-block-end-width: @conduction-size-4xs;
246
210
  @utrecht-table-header-border-block-end-color: @conduction-color-grey-82;
247
211
  @utrecht-table-background-color: @conduction-color-white-100;
212
+ @utrecht-page-header-padding-block-end: @conduction-size-sm;
213
+ @utrecht-page-header-padding-block-start: @conduction-size-sm;
214
+ @utrecht-page-header-color: @conduction-color-white-100;
215
+ @utrecht-page-header-background-color: @conduction-color-primary;
216
+ @utrecht-page-footer-padding-block-start: @conduction-size-2xl;
217
+ @utrecht-page-footer-padding-block-end: @conduction-size-2xl;
218
+ @utrecht-page-footer-padding-inline-start: @conduction-size-sm;
219
+ @utrecht-page-footer-padding-inline-end: @conduction-size-sm;
220
+ @utrecht-page-footer-color: @conduction-color-black-0;
221
+ @utrecht-page-footer-background-color: @conduction-color-lightgrey-96;
222
+ @utrecht-icon-gap: @conduction-size-xs;
223
+ @utrecht-form-input-focus-background-color: @conduction-color-white-100;
224
+ @utrecht-form-input-placeholder-color: @conduction-color-grey-50;
225
+ @utrecht-form-input-padding-inline-start: @conduction-size-sm;
226
+ @utrecht-form-input-padding-inline-end: @conduction-size-sm;
227
+ @utrecht-form-input-padding-block-start: @conduction-size-xs;
228
+ @utrecht-form-input-padding-block-end: @conduction-size-xs;
229
+ @utrecht-form-input-font-family: @conduction-typography-sans-serif-font-family;
230
+ @utrecht-form-input-color: @conduction-color-grey-29;
231
+ @utrecht-form-input-border-width: @conduction-size-4xs;
232
+ @utrecht-form-input-border-color: @conduction-color-grey-48;
233
+ @utrecht-form-input-background-color: @conduction-color-white-100;
248
234
  @utrecht-card-padding-block-start: @conduction-size-md;
249
235
  @utrecht-card-padding-block-end: @conduction-size-md;
250
236
  @utrecht-card-padding-inline-start: @conduction-size-md;
251
237
  @utrecht-card-padding-inline-end: @conduction-size-md;
252
238
  @utrecht-card-color: @conduction-color-black-0;
253
239
  @utrecht-card-background-color: @conduction-color-white-100;
240
+ @utrecht-alert-ok-color: @conduction-color-alert-succes;
241
+ @utrecht-alert-ok-background-color: @conduction-color-alert-succes-background;
242
+ @utrecht-alert-error-color: @conduction-color-alert-error;
243
+ @utrecht-alert-error-background-color: @conduction-color-alert-error-background;
244
+ @utrecht-alert-warning-color: @conduction-color-alert-warning;
245
+ @utrecht-alert-warning-background-color: @conduction-color-alert-warning-background;
246
+ @utrecht-alert-padding-inline-end: @conduction-size-lg;
247
+ @utrecht-alert-padding-inline-start: @conduction-size-lg;
248
+ @utrecht-alert-padding-block-end: @conduction-size-lg;
249
+ @utrecht-alert-padding-block-start: @conduction-size-lg;
250
+ @utrecht-alert-color: @conduction-color-alert-info;
251
+ @utrecht-alert-background-color: @conduction-color-alert-info-background;
252
+ @utrecht-alert-icon-ok-color: @conduction-color-alert-succes;
253
+ @utrecht-alert-icon-warning-color: @conduction-color-alert-warning;
254
+ @utrecht-alert-icon-error-color: @conduction-color-alert-error;
255
+ @utrecht-alert-icon-color: @conduction-color-alert-info;
256
+ @utrecht-alert-icon-gap: @conduction-size-xs;
254
257
  @utrecht-space-inline-3xl: @conduction-size-3xl;
255
258
  @utrecht-space-inline-2xl: @conduction-size-2xl;
256
259
  @utrecht-space-inline-xl: @conduction-size-xl;