@conduction/theme 1.1.28 → 1.1.30

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 (86) hide show
  1. package/README.md +5 -0
  2. package/conduction-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  3. package/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +3 -0
  4. package/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  5. package/municipalities/commonground-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  6. package/municipalities/commonground-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  7. package/municipalities/commonground-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  8. package/municipalities/commonground-design-tokens/src/config.json +18 -3
  9. package/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json +3 -0
  10. package/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  11. package/municipalities/dimpact-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  12. package/municipalities/dimpact-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  13. package/municipalities/dimpact-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  14. package/municipalities/dimpact-design-tokens/src/config.json +26 -1
  15. package/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +3 -0
  16. package/municipalities/dinkelland-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  17. package/municipalities/dinkelland-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  18. package/municipalities/dinkelland-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  19. package/municipalities/dinkelland-design-tokens/src/config.json +18 -3
  20. package/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json +3 -0
  21. package/municipalities/epe-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  22. package/municipalities/epe-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  23. package/municipalities/epe-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  24. package/municipalities/epe-design-tokens/src/config.json +18 -3
  25. package/municipalities/gooise-meren-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +1 -1
  26. package/municipalities/gouda-design-tokens/src/brand/gouda/color.tokens.json +3 -0
  27. package/municipalities/gouda-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  28. package/municipalities/gouda-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  29. package/municipalities/gouda-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  30. package/municipalities/gouda-design-tokens/src/config.json +18 -3
  31. package/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  32. package/municipalities/leiden-design-tokens/src/config.json +18 -3
  33. package/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json +3 -0
  34. package/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  35. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  36. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  37. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  38. package/municipalities/noaberkracht-design-tokens/src/config.json +18 -3
  39. package/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +3 -0
  40. package/municipalities/noordwijk-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  41. package/municipalities/noordwijk-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  42. package/municipalities/noordwijk-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  43. package/municipalities/noordwijk-design-tokens/src/config.json +18 -3
  44. package/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json +6 -0
  45. package/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  46. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  47. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  48. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  49. package/municipalities/open-webconcept-design-tokens/src/config.json +26 -1
  50. package/municipalities/opencatalogi-design-tokens/src/components/conduction/logo.tokens.json +3 -3
  51. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/calendar.tokens.json +80 -0
  52. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/checkbox.tokens.json +57 -0
  53. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/spotlight-section.tokens.json +24 -0
  54. package/municipalities/opencatalogi-design-tokens/src/config.json +26 -1
  55. package/municipalities/roosendaal-design-tokens/src/config.json +18 -3
  56. package/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  57. package/municipalities/rotterdam-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  58. package/municipalities/rotterdam-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  59. package/municipalities/rotterdam-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  60. package/municipalities/rotterdam-design-tokens/src/config.json +26 -1
  61. package/municipalities/sloterburg-design-tokens/src/brand/sloterburg/color.tokens.json +3 -0
  62. package/municipalities/sloterburg-design-tokens/src/component/conduction/logo.tokens.json +3 -3
  63. package/municipalities/sloterburg-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  64. package/municipalities/sloterburg-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  65. package/municipalities/sloterburg-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  66. package/municipalities/sloterburg-design-tokens/src/config.json +18 -3
  67. package/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +3 -0
  68. package/municipalities/tubbergen-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  69. package/municipalities/tubbergen-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  70. package/municipalities/tubbergen-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  71. package/municipalities/tubbergen-design-tokens/src/config.json +18 -3
  72. package/municipalities/xxllnc-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  73. package/municipalities/xxllnc-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  74. package/municipalities/xxllnc-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  75. package/municipalities/xxllnc-design-tokens/src/config.json +18 -3
  76. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  77. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  78. package/municipalities/zuiddrecht-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  79. package/municipalities/zuiddrecht-design-tokens/src/config.json +26 -1
  80. package/municipalities/zutphen-design-tokens/src/brand/zutphen/color.tokens.json +6 -0
  81. package/municipalities/zutphen-design-tokens/src/component/conduction/logo.tokens.json +2 -2
  82. package/municipalities/zutphen-design-tokens/src/component/utrecht/calendar.tokens.json +80 -0
  83. package/municipalities/zutphen-design-tokens/src/component/utrecht/checkbox.tokens.json +57 -0
  84. package/municipalities/zutphen-design-tokens/src/component/utrecht/spotlight-section.tokens.json +24 -0
  85. package/municipalities/zutphen-design-tokens/src/config.json +18 -3
  86. package/package.json +1 -1
@@ -0,0 +1,57 @@
1
+ {
2
+ "utrecht": {
3
+ "checkbox": {
4
+ "background-color": {},
5
+ "border-color": {},
6
+ "border-radius": { "value": "3px" },
7
+ "border-width": { "value": "{dinkelland.size.4xs}" },
8
+ "color": { "value": "{dinkelland.color.white.100}" },
9
+ "size": { "value": "24px" },
10
+ "icon": {
11
+ "size": {}
12
+ },
13
+ "active": {
14
+ "border-color": {},
15
+ "border-width": {},
16
+ "background-color": {},
17
+ "color": {}
18
+ },
19
+ "hover": {
20
+ "border-color": { "value": "{dinkelland.color.grey.31}" },
21
+ "border-width": { "value": "{dinkelland.size.4xs}" },
22
+ "background-color": {},
23
+ "color": { "value": "{dinkelland.color.white.100}" }
24
+ },
25
+ "focus": {
26
+ "border-color": {},
27
+ "border-width": {},
28
+ "background-color": {},
29
+ "color": {}
30
+ },
31
+ "disabled": {
32
+ "border-color": { "value": "{dinkelland.color.grey.82}" },
33
+ "border-width": { "value": "{dinkelland.size.4xs}" },
34
+ "background-color": { "value": "{dinkelland.color.grey.82}" },
35
+ "color": { "value": "{dinkelland.color.grey.82}" }
36
+ },
37
+ "checked": {
38
+ "border-color": { "value": "{dinkelland.color.primary}" },
39
+ "border-width": { "value": "{dinkelland.size.4xs}" },
40
+ "background-color": { "value": "{dinkelland.color.primary}" },
41
+ "color": { "value": "{dinkelland.color.primary}" }
42
+ },
43
+ "indeterminate": {
44
+ "border-color": {},
45
+ "border-width": {},
46
+ "background-color": {},
47
+ "color": {}
48
+ },
49
+ "invalid": {
50
+ "border-color": {},
51
+ "border-width": {},
52
+ "background-color": {},
53
+ "color": {}
54
+ }
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "utrecht": {
3
+ "spotlight-section": {
4
+ "background-color": { "value": "{dinkelland.color.alert-info-background}" },
5
+ "border-color": {},
6
+ "border-width": {},
7
+ "color": { "value": "{dinkelland.color.alert-info}" },
8
+ "padding-block-start": { "value": "{dinkelland.size.lg}" },
9
+ "padding-block-end": { "value": "{dinkelland.size.lg}" },
10
+ "padding-inline-start": { "value": "{dinkelland.size.lg}" },
11
+ "padding-inline-end": { "value": "{dinkelland.size.lg}" },
12
+ "margin-block-start": { "value": "{dinkelland.size.lg}" },
13
+ "margin-block-end": {},
14
+ "info": {
15
+ "background-color": { "value": "{dinkelland.color.alert-info-background}" },
16
+ "color": { "value": "{dinkelland.color.alert-info}" }
17
+ },
18
+ "warning": {
19
+ "background-color": { "value": "{dinkelland.color.alert-warning-background}" },
20
+ "color": { "value": "{dinkelland.color.alert-warning}" }
21
+ }
22
+ }
23
+ }
24
+ }
@@ -9,25 +9,36 @@
9
9
  "react-utrecht-alert--error",
10
10
  "react-utrecht-alert--ok",
11
11
  "react-utrecht-badge-counter--default",
12
- "react-utrecht-breadcrumb-nav--default",
13
- "react-utrecht-breadcrumb-nav--separator",
12
+ "react-utrecht-breadcrumb-nac--default",
13
+ "react-utrecht-breadcrumb-nac--separator",
14
14
  "react-utrecht-button--default",
15
15
  "react-utrecht-button--hover",
16
16
  "react-utrecht-button--primary-action-button",
17
17
  "react-utrecht-button--secondary-action-button",
18
+ "react-utrecht-calendar--default",
19
+ "react-utrecht-calendar--limited-range-calendar",
20
+ "react-utrecht-checkbox--default",
21
+ "react-utrecht-checkbox--checked",
22
+ "react-utrecht-checkbox--disabled",
23
+ "react-utrecht-checkbox--checked-and-disabled",
24
+ "react-utrecht-checkbox--hover",
25
+ "react-utrecht-checkbox--focus",
26
+ "react-utrecht-checkbox--focus-visible",
18
27
  "react-utrecht-code--default",
19
28
  "react-utrecht-code-block--default",
29
+ "react-utrecht-data-badge--default",
20
30
  "react-utrecht-document--default",
21
31
  "react-utrecht-heading-1--default",
22
32
  "react-utrecht-heading-2--default",
23
33
  "react-utrecht-heading-3--default",
24
34
  "react-utrecht-heading-4--default",
25
- "react-utrecht-alert--default",
35
+ "react-utrecht-heading-5--default",
26
36
  "react-utrecht-link--default",
27
37
  "react-utrecht-link--hover",
28
38
  "react-utrecht-link--focus",
29
39
  "react-utrecht-ordered-list--default",
30
40
  "react-utrecht-unordered-list--default",
41
+ "react-utrecht-page--default",
31
42
  "react-utrecht-page-header--default",
32
43
  "react-utrecht-page-footer--default",
33
44
  "react-utrecht-paragraph--default",
@@ -38,6 +49,10 @@
38
49
  "react-utrecht-radio-button--checked-and-disabled",
39
50
  "react-utrecht-radio-button--disabled",
40
51
  "react-utrecht-separator--default",
52
+ "react-utrecht-skip-link--default",
53
+ "react-utrecht-spotlicht-section--default",
54
+ "react-utrecht-spotlicht-section--info",
55
+ "react-utrecht-spotlicht-section--warning",
41
56
  "react-utrecht-surface--default",
42
57
  "react-utrecht-table--default",
43
58
  "react-utrecht-textbox--default",
@@ -26,6 +26,9 @@
26
26
  "31": {
27
27
  "value": "#01699d",
28
28
  "comment": "Base/Light-Blue"
29
+ },
30
+ "95": {
31
+ "value": "#e6f6ff"
29
32
  }
30
33
  },
31
34
  "yellow": {
@@ -0,0 +1,80 @@
1
+ {
2
+ "utrecht": {
3
+ "calendar": {
4
+ "width": {},
5
+ "background-color": {},
6
+ "table": {
7
+ "padding-block-start": {},
8
+ "padding-block-end": {},
9
+ "weeks-item": {
10
+ "width": { "value": "44px" },
11
+ "padding-block-start": { "value": "4px" },
12
+ "padding-block-end": { "value": "10px" },
13
+ "line-height": { "value": "24px" }
14
+ },
15
+ "days-item-day": {
16
+ "size": { "value": "44px" },
17
+ "color": { "value": "{epe.color.black.0}" },
18
+ "border-width": { "value": "2px" },
19
+ "border-color": { "value": "transparent" },
20
+ "hover": {
21
+ "background-color": {},
22
+ "color": { "value": "{epe.color.primary}" },
23
+ "border-color": { "value": "{epe.color.black.0}" }
24
+ },
25
+ "focus": {
26
+ "background-color": {},
27
+ "color": {},
28
+ "border-color": { "value": "transparent" }
29
+ },
30
+ "active": {
31
+ "background-color": {},
32
+ "color": {},
33
+ "border-color": { "value": "transparent" }
34
+ },
35
+ "out-of-the-month": {
36
+ "background-color": {},
37
+ "color": { "value": "{epe.color.grey.82}" },
38
+ "border-color": { "value": "transparent" }
39
+ },
40
+ "is-today": {
41
+ "background-color": { "value": "{epe.color.light-blue.95}" },
42
+ "color": { "value": "{epe.color.primary}" },
43
+ "border-color": { "value": "{epe.color.primary}" },
44
+ "font-weight": { "value": "{epe.typography.font-weight.bold}" }
45
+ },
46
+ "emphasis": {
47
+ "background-color": {},
48
+ "color": {},
49
+ "border-color": { "value": "transparent" },
50
+ "font-weight": {}
51
+ },
52
+ "selected": {
53
+ "background-color": { "value": "{epe.color.primary-hover}" },
54
+ "color": { "value": "{epe.color.white.100}" },
55
+ "border-color": {},
56
+ "font-weight": { "value": "{epe.typography.font-weight.bold}" }
57
+ },
58
+ "disabled": {
59
+ "background-color": {},
60
+ "color": {},
61
+ "border-color": {}
62
+ }
63
+ }
64
+ },
65
+ "navigation": {
66
+ "background-color": {},
67
+ "color": { "value": "{epe.color.primary}" },
68
+ "padding-block-start": { "value": "2px" },
69
+ "padding-block-end": { "value": "2px" },
70
+ "label": {
71
+ "min-inline-size": { "value": "200px" },
72
+ "color": { "value": "{epe.color.black.0}" }
73
+ }
74
+ },
75
+ "icon": {
76
+ "size": { "value": "24px" }
77
+ }
78
+ }
79
+ }
80
+ }
@@ -0,0 +1,57 @@
1
+ {
2
+ "utrecht": {
3
+ "checkbox": {
4
+ "background-color": {},
5
+ "border-color": {},
6
+ "border-radius": { "value": "3px" },
7
+ "border-width": { "value": "{epe.size.4xs}" },
8
+ "color": { "value": "{epe.color.white.100}" },
9
+ "size": { "value": "24px" },
10
+ "icon": {
11
+ "size": {}
12
+ },
13
+ "active": {
14
+ "border-color": {},
15
+ "border-width": {},
16
+ "background-color": {},
17
+ "color": {}
18
+ },
19
+ "hover": {
20
+ "border-color": { "value": "{epe.color.grey.31}" },
21
+ "border-width": { "value": "{epe.size.4xs}" },
22
+ "background-color": {},
23
+ "color": { "value": "{epe.color.white.100}" }
24
+ },
25
+ "focus": {
26
+ "border-color": {},
27
+ "border-width": {},
28
+ "background-color": {},
29
+ "color": {}
30
+ },
31
+ "disabled": {
32
+ "border-color": { "value": "{epe.color.grey.82}" },
33
+ "border-width": { "value": "{epe.size.4xs}" },
34
+ "background-color": { "value": "{epe.color.grey.82}" },
35
+ "color": { "value": "{epe.color.grey.82}" }
36
+ },
37
+ "checked": {
38
+ "border-color": { "value": "{epe.color.primary}" },
39
+ "border-width": { "value": "{epe.size.4xs}" },
40
+ "background-color": { "value": "{epe.color.primary}" },
41
+ "color": { "value": "{epe.color.primary}" }
42
+ },
43
+ "indeterminate": {
44
+ "border-color": {},
45
+ "border-width": {},
46
+ "background-color": {},
47
+ "color": {}
48
+ },
49
+ "invalid": {
50
+ "border-color": {},
51
+ "border-width": {},
52
+ "background-color": {},
53
+ "color": {}
54
+ }
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "utrecht": {
3
+ "spotlight-section": {
4
+ "background-color": { "value": "{epe.color.alert-info-background}" },
5
+ "border-color": {},
6
+ "border-width": {},
7
+ "color": { "value": "{epe.color.alert-info}" },
8
+ "padding-block-start": { "value": "{epe.size.lg}" },
9
+ "padding-block-end": { "value": "{epe.size.lg}" },
10
+ "padding-inline-start": { "value": "{epe.size.lg}" },
11
+ "padding-inline-end": { "value": "{epe.size.lg}" },
12
+ "margin-block-start": { "value": "{epe.size.lg}" },
13
+ "margin-block-end": {},
14
+ "info": {
15
+ "background-color": { "value": "{epe.color.alert-info-background}" },
16
+ "color": { "value": "{epe.color.alert-info}" }
17
+ },
18
+ "warning": {
19
+ "background-color": { "value": "{epe.color.alert-warning-background}" },
20
+ "color": { "value": "{epe.color.alert-warning}" }
21
+ }
22
+ }
23
+ }
24
+ }
@@ -9,25 +9,36 @@
9
9
  "react-utrecht-alert--error",
10
10
  "react-utrecht-alert--ok",
11
11
  "react-utrecht-badge-counter--default",
12
- "react-utrecht-breadcrumb-nav--default",
13
- "react-utrecht-breadcrumb-nav--separator",
12
+ "react-utrecht-breadcrumb-nac--default",
13
+ "react-utrecht-breadcrumb-nac--separator",
14
14
  "react-utrecht-button--default",
15
15
  "react-utrecht-button--hover",
16
16
  "react-utrecht-button--primary-action-button",
17
17
  "react-utrecht-button--secondary-action-button",
18
+ "react-utrecht-calendar--default",
19
+ "react-utrecht-calendar--limited-range-calendar",
20
+ "react-utrecht-checkbox--default",
21
+ "react-utrecht-checkbox--checked",
22
+ "react-utrecht-checkbox--disabled",
23
+ "react-utrecht-checkbox--checked-and-disabled",
24
+ "react-utrecht-checkbox--hover",
25
+ "react-utrecht-checkbox--focus",
26
+ "react-utrecht-checkbox--focus-visible",
18
27
  "react-utrecht-code--default",
19
28
  "react-utrecht-code-block--default",
29
+ "react-utrecht-data-badge--default",
20
30
  "react-utrecht-document--default",
21
31
  "react-utrecht-heading-1--default",
22
32
  "react-utrecht-heading-2--default",
23
33
  "react-utrecht-heading-3--default",
24
34
  "react-utrecht-heading-4--default",
25
- "react-utrecht-alert--default",
35
+ "react-utrecht-heading-5--default",
26
36
  "react-utrecht-link--default",
27
37
  "react-utrecht-link--hover",
28
38
  "react-utrecht-link--focus",
29
39
  "react-utrecht-ordered-list--default",
30
40
  "react-utrecht-unordered-list--default",
41
+ "react-utrecht-page--default",
31
42
  "react-utrecht-page-header--default",
32
43
  "react-utrecht-page-footer--default",
33
44
  "react-utrecht-paragraph--default",
@@ -38,6 +49,10 @@
38
49
  "react-utrecht-radio-button--checked-and-disabled",
39
50
  "react-utrecht-radio-button--disabled",
40
51
  "react-utrecht-separator--default",
52
+ "react-utrecht-skip-link--default",
53
+ "react-utrecht-spotlicht-section--default",
54
+ "react-utrecht-spotlicht-section--info",
55
+ "react-utrecht-spotlicht-section--warning",
41
56
  "react-utrecht-surface--default",
42
57
  "react-utrecht-table--default",
43
58
  "react-utrecht-textbox--default",
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "link": {
24
24
  "color": {},
25
- "text-decoration": { "value": "none" },
25
+ "text-decoration": { "value": "underline" },
26
26
  "text-decoration-color": { "value": "unset" },
27
27
  "text-decoration-thickness": { "value": "{gooise-meren.size.4xs}" },
28
28
  "text-underline-offset": { "value": "{gooise-meren.size.3xs}" },
@@ -33,6 +33,9 @@
33
33
  "57-50t": {
34
34
  "value": "#ed343a80",
35
35
  "comment": "Red with 50% transparency"
36
+ },
37
+ "95": {
38
+ "value": "#fde7e8"
36
39
  }
37
40
  },
38
41
  "yellow": {
@@ -0,0 +1,80 @@
1
+ {
2
+ "utrecht": {
3
+ "calendar": {
4
+ "width": {},
5
+ "background-color": {},
6
+ "table": {
7
+ "padding-block-start": {},
8
+ "padding-block-end": {},
9
+ "weeks-item": {
10
+ "width": { "value": "44px" },
11
+ "padding-block-start": { "value": "4px" },
12
+ "padding-block-end": { "value": "10px" },
13
+ "line-height": { "value": "24px" }
14
+ },
15
+ "days-item-day": {
16
+ "size": { "value": "44px" },
17
+ "color": { "value": "{gouda.color.black.0}" },
18
+ "border-width": { "value": "2px" },
19
+ "border-color": { "value": "transparent" },
20
+ "hover": {
21
+ "background-color": {},
22
+ "color": { "value": "{gouda.color.primary}" },
23
+ "border-color": { "value": "{gouda.color.black.0}" }
24
+ },
25
+ "focus": {
26
+ "background-color": {},
27
+ "color": {},
28
+ "border-color": { "value": "transparent" }
29
+ },
30
+ "active": {
31
+ "background-color": {},
32
+ "color": {},
33
+ "border-color": { "value": "transparent" }
34
+ },
35
+ "out-of-the-month": {
36
+ "background-color": {},
37
+ "color": { "value": "{gouda.color.grey.82}" },
38
+ "border-color": { "value": "transparent" }
39
+ },
40
+ "is-today": {
41
+ "background-color": { "value": "{gouda.color.red.95}" },
42
+ "color": { "value": "{gouda.color.primary}" },
43
+ "border-color": { "value": "{gouda.color.primary}" },
44
+ "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
45
+ },
46
+ "emphasis": {
47
+ "background-color": {},
48
+ "color": {},
49
+ "border-color": { "value": "transparent" },
50
+ "font-weight": {}
51
+ },
52
+ "selected": {
53
+ "background-color": { "value": "{gouda.color.primary-hover}" },
54
+ "color": { "value": "{gouda.color.white.100}" },
55
+ "border-color": {},
56
+ "font-weight": { "value": "{gouda.typography.font-weight.bold}" }
57
+ },
58
+ "disabled": {
59
+ "background-color": {},
60
+ "color": {},
61
+ "border-color": {}
62
+ }
63
+ }
64
+ },
65
+ "navigation": {
66
+ "background-color": {},
67
+ "color": { "value": "{gouda.color.primary}" },
68
+ "padding-block-start": { "value": "2px" },
69
+ "padding-block-end": { "value": "2px" },
70
+ "label": {
71
+ "min-inline-size": { "value": "200px" },
72
+ "color": { "value": "{gouda.color.black.0}" }
73
+ }
74
+ },
75
+ "icon": {
76
+ "size": { "value": "24px" }
77
+ }
78
+ }
79
+ }
80
+ }
@@ -0,0 +1,57 @@
1
+ {
2
+ "utrecht": {
3
+ "checkbox": {
4
+ "background-color": {},
5
+ "border-color": {},
6
+ "border-radius": { "value": "3px" },
7
+ "border-width": { "value": "{gouda.size.4xs}" },
8
+ "color": { "value": "{gouda.color.white.100}" },
9
+ "size": { "value": "24px" },
10
+ "icon": {
11
+ "size": {}
12
+ },
13
+ "active": {
14
+ "border-color": {},
15
+ "border-width": {},
16
+ "background-color": {},
17
+ "color": {}
18
+ },
19
+ "hover": {
20
+ "border-color": { "value": "{gouda.color.grey.31}" },
21
+ "border-width": { "value": "{gouda.size.4xs}" },
22
+ "background-color": {},
23
+ "color": { "value": "{gouda.color.white.100}" }
24
+ },
25
+ "focus": {
26
+ "border-color": {},
27
+ "border-width": {},
28
+ "background-color": {},
29
+ "color": {}
30
+ },
31
+ "disabled": {
32
+ "border-color": { "value": "{gouda.color.grey.82}" },
33
+ "border-width": { "value": "{gouda.size.4xs}" },
34
+ "background-color": { "value": "{gouda.color.grey.82}" },
35
+ "color": { "value": "{gouda.color.grey.82}" }
36
+ },
37
+ "checked": {
38
+ "border-color": { "value": "{gouda.color.primary}" },
39
+ "border-width": { "value": "{gouda.size.4xs}" },
40
+ "background-color": { "value": "{gouda.color.primary}" },
41
+ "color": { "value": "{gouda.color.primary}" }
42
+ },
43
+ "indeterminate": {
44
+ "border-color": {},
45
+ "border-width": {},
46
+ "background-color": {},
47
+ "color": {}
48
+ },
49
+ "invalid": {
50
+ "border-color": {},
51
+ "border-width": {},
52
+ "background-color": {},
53
+ "color": {}
54
+ }
55
+ }
56
+ }
57
+ }
@@ -0,0 +1,24 @@
1
+ {
2
+ "utrecht": {
3
+ "spotlight-section": {
4
+ "background-color": { "value": "{gouda.color.alert-info-background}" },
5
+ "border-color": {},
6
+ "border-width": {},
7
+ "color": { "value": "{gouda.color.alert-info}" },
8
+ "padding-block-start": { "value": "{gouda.size.lg}" },
9
+ "padding-block-end": { "value": "{gouda.size.lg}" },
10
+ "padding-inline-start": { "value": "{gouda.size.lg}" },
11
+ "padding-inline-end": { "value": "{gouda.size.lg}" },
12
+ "margin-block-start": { "value": "{gouda.size.lg}" },
13
+ "margin-block-end": {},
14
+ "info": {
15
+ "background-color": { "value": "{gouda.color.alert-info-background}" },
16
+ "color": { "value": "{gouda.color.alert-info}" }
17
+ },
18
+ "warning": {
19
+ "background-color": { "value": "{gouda.color.alert-warning-background}" },
20
+ "color": { "value": "{gouda.color.alert-warning}" }
21
+ }
22
+ }
23
+ }
24
+ }
@@ -9,25 +9,36 @@
9
9
  "react-utrecht-alert--error",
10
10
  "react-utrecht-alert--ok",
11
11
  "react-utrecht-badge-counter--default",
12
- "react-utrecht-breadcrumb-nav--default",
13
- "react-utrecht-breadcrumb-nav--separator",
12
+ "react-utrecht-breadcrumb-nac--default",
13
+ "react-utrecht-breadcrumb-nac--separator",
14
14
  "react-utrecht-button--default",
15
15
  "react-utrecht-button--hover",
16
16
  "react-utrecht-button--primary-action-button",
17
17
  "react-utrecht-button--secondary-action-button",
18
+ "react-utrecht-calendar--default",
19
+ "react-utrecht-calendar--limited-range-calendar",
20
+ "react-utrecht-checkbox--default",
21
+ "react-utrecht-checkbox--checked",
22
+ "react-utrecht-checkbox--disabled",
23
+ "react-utrecht-checkbox--checked-and-disabled",
24
+ "react-utrecht-checkbox--hover",
25
+ "react-utrecht-checkbox--focus",
26
+ "react-utrecht-checkbox--focus-visible",
18
27
  "react-utrecht-code--default",
19
28
  "react-utrecht-code-block--default",
29
+ "react-utrecht-data-badge--default",
20
30
  "react-utrecht-document--default",
21
31
  "react-utrecht-heading-1--default",
22
32
  "react-utrecht-heading-2--default",
23
33
  "react-utrecht-heading-3--default",
24
34
  "react-utrecht-heading-4--default",
25
- "react-utrecht-alert--default",
35
+ "react-utrecht-heading-5--default",
26
36
  "react-utrecht-link--default",
27
37
  "react-utrecht-link--hover",
28
38
  "react-utrecht-link--focus",
29
39
  "react-utrecht-ordered-list--default",
30
40
  "react-utrecht-unordered-list--default",
41
+ "react-utrecht-page--default",
31
42
  "react-utrecht-page-header--default",
32
43
  "react-utrecht-page-footer--default",
33
44
  "react-utrecht-paragraph--default",
@@ -38,6 +49,10 @@
38
49
  "react-utrecht-radio-button--checked-and-disabled",
39
50
  "react-utrecht-radio-button--disabled",
40
51
  "react-utrecht-separator--default",
52
+ "react-utrecht-skip-link--default",
53
+ "react-utrecht-spotlicht-section--default",
54
+ "react-utrecht-spotlicht-section--info",
55
+ "react-utrecht-spotlicht-section--warning",
41
56
  "react-utrecht-surface--default",
42
57
  "react-utrecht-table--default",
43
58
  "react-utrecht-textbox--default",
@@ -5,21 +5,21 @@
5
5
  "inline-size": { "value": "119px" },
6
6
  "block-size": { "value": "55px" },
7
7
  "background-image": {
8
- "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
8
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
9
9
  }
10
10
  },
11
11
  "footer": {
12
12
  "inline-size": { "value": "119px" },
13
13
  "block-size": { "value": "55px" },
14
14
  "background-image": {
15
- "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
15
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
16
16
  }
17
17
  },
18
18
  "navbar": {
19
19
  "inline-size": { "value": "104px" },
20
20
  "block-size": { "value": "48px" },
21
21
  "background-image": {
22
- "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')"
22
+ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120.627 55.153'%3E%3Cg id='g62' transform='translate(0 -.02)'%3E%3Cg id='g51' transform='translate(0 10.567)'%3E%3Cpath id='path49' fill='%23fff' fill-rule='evenodd' d='M12.07 60.767c-1.268 1.521-3.88 1.445-5.807-.178S3.8 56.431 5.1 54.884c1.116-1.319 3.22-1.445 5.021-.38l4.59-5.477-7.864-9.357 1.445-1.217 7.658 9.129v-12.7L0 31.2v34.512l15.95-1.293V50.548l-4.362 5.2c1.344 1.596 1.598 3.701.482 5.019ZM7 41.039l2.916 3.5-2.588 2.205-.964-1.166 1.446-1.217-.964-1.166L5.4 44.411l-.964-1.166L7 41.039Zm14.784 13.49-4.59-5.477 7.861-9.357-1.445-1.217-7.658 9.1v2.967l4.362 5.224c-1.344 1.6-1.6 3.7-.507 5.021 1.268 1.521 3.88 1.445 5.807-.178s2.46-4.159 1.166-5.706c-1.093-1.315-3.197-1.442-4.998-.377Zm2.762 4.771c-1.217 1.014-2.739 1.192-3.4.38-.685-.811-.254-2.282.964-3.3 1.192-1.014 2.739-1.192 3.4-.38s.228 2.282-.964 3.3Zm1.978-14.885.964-1.166-2.612-2.206-2.916 3.5 2.612 2.206.964-1.166-1.446-1.222.964-1.166c.025-.001 1.47 1.216 1.47 1.216ZM9.788 56.38C8.6 55.366 7.049 55.189 6.39 56c-.685.811-.254 2.282.964 3.3s2.739 1.192 3.4.38c.685-.811.254-2.282-.964-3.3Z' transform='translate(0 -31.2)'/%3E%3C/g%3E%3Cg id='g58' transform='translate(15.944 .02)'%3E%3Cpath id='path56' fill='%23fff' fill-rule='evenodd' d='M74.636 0v55.153l-13.668-5.68V17.37L47.3 14.226V6.669Z' transform='translate(-47.3)'/%3E%3C/g%3E%3Cpath id='path60' fill='%23fff' fill-rule='evenodd' d='M224.5 98.741h3.6v12.552h5.072v2.764H224.5V98.741Zm16.483 8.622c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984l-.025.837Zm2.586 4.793h3.474v-11.435h-3.474Zm0-13.389h3.474V97.6h-3.474Zm11.411 11.083c1.42 0 1.724-2.054 1.724-3.373 0-1.826-.33-3.525-1.724-3.525-1.547 0-1.674 1.724-1.674 3.525 0 1.166.1 3.373 1.674 3.373Zm5.2-.254c0 1.445.051 2.054.076 2.561h-3.3a14.663 14.663 0 0 1-.076-1.826H260a3.252 3.252 0 0 1-3.119 2c-2.561 0-4.007-2.536-4.007-6.162 0-3.068 1.141-5.629 4.007-5.629a2.939 2.939 0 0 1 2.941 1.876h.051V97.6h3.474Zm9.433-4.133c0-1.445-.38-2.815-1.8-2.815-1.775 0-1.775 2.206-1.775 2.815Zm3.17 1.9h-6.745a2.553 2.553 0 0 0 2.84 2.612 6.841 6.841 0 0 0 3.22-.913l.076 2.612a11.046 11.046 0 0 1-3.626.659c-4.007 0-5.782-2.434-5.782-5.934 0-3.068 1.8-5.858 5.072-5.858 1.04 0 4.97 0 4.97 5.984-.027.003-.027.84-.027.84Zm8.8-2.257c0-1.42-.634-1.8-1.344-1.8-1.116 0-1.521.964-1.521 2.434v6.416h-3.474V105c0-1.09-.025-1.8-.076-2.384h3.17q.076.761.076 1.9h.051a3.119 3.119 0 0 1 3.22-2.079c2.536 0 3.347 1.851 3.347 4.133v7.481h-3.474l.025-7.049Z' transform='translate(-167.572 -72.836)'/%3E%3C/g%3E%3C/svg%3E\")"
23
23
  }
24
24
  }
25
25
  }