@conduction/theme 1.0.61 → 1.1.1

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 (183) hide show
  1. package/.github/workflows/openCatalogi.yaml +19 -0
  2. package/README.md +8 -0
  3. package/conduction-design-tokens/dist/design-tokens.css +1 -1
  4. package/conduction-design-tokens/dist/index.js +1 -1
  5. package/conduction-design-tokens/dist/index.less +1 -1
  6. package/conduction-design-tokens/dist/index.scss +1 -1
  7. package/conduction-design-tokens/dist/tokens.json +5 -1
  8. package/conduction-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  9. package/conduction-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  10. package/municipalities/commonground-design-tokens/dist/design-tokens.css +1 -1
  11. package/municipalities/commonground-design-tokens/dist/index.js +1 -1
  12. package/municipalities/commonground-design-tokens/dist/index.less +1 -1
  13. package/municipalities/commonground-design-tokens/dist/index.scss +1 -1
  14. package/municipalities/commonground-design-tokens/dist/tokens.json +5 -1
  15. package/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  16. package/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  17. package/municipalities/commonground-design-tokens/src/config.json +10 -0
  18. package/municipalities/dimpact-design-tokens/dist/design-tokens.css +1 -1
  19. package/municipalities/dimpact-design-tokens/dist/index.js +1 -1
  20. package/municipalities/dimpact-design-tokens/dist/index.less +1 -1
  21. package/municipalities/dimpact-design-tokens/dist/index.scss +1 -1
  22. package/municipalities/dimpact-design-tokens/dist/tokens.json +5 -1
  23. package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  24. package/municipalities/dimpact-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  25. package/municipalities/dinkelland-design-tokens/dist/design-tokens.css +1 -1
  26. package/municipalities/dinkelland-design-tokens/dist/index.js +1 -1
  27. package/municipalities/dinkelland-design-tokens/dist/index.less +1 -1
  28. package/municipalities/dinkelland-design-tokens/dist/index.scss +1 -1
  29. package/municipalities/dinkelland-design-tokens/dist/tokens.json +5 -1
  30. package/municipalities/dinkelland-design-tokens/package.json +1 -1
  31. package/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  32. package/municipalities/dinkelland-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  33. package/municipalities/dinkelland-design-tokens/src/config.json +12 -1
  34. package/municipalities/epe-design-tokens/dist/design-tokens.css +1 -1
  35. package/municipalities/epe-design-tokens/dist/index.js +1 -1
  36. package/municipalities/epe-design-tokens/dist/index.less +1 -1
  37. package/municipalities/epe-design-tokens/dist/index.scss +1 -1
  38. package/municipalities/epe-design-tokens/dist/tokens.json +5 -1
  39. package/municipalities/epe-design-tokens/package.json +1 -1
  40. package/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  41. package/municipalities/epe-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  42. package/municipalities/epe-design-tokens/src/config.json +12 -1
  43. package/municipalities/leiden-design-tokens/dist/design-tokens.css +1 -1
  44. package/municipalities/leiden-design-tokens/dist/index.js +1 -1
  45. package/municipalities/leiden-design-tokens/dist/index.less +1 -1
  46. package/municipalities/leiden-design-tokens/dist/index.scss +1 -1
  47. package/municipalities/leiden-design-tokens/dist/tokens.json +5 -1
  48. package/municipalities/leiden-design-tokens/package.json +1 -1
  49. package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  50. package/municipalities/leiden-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  51. package/municipalities/leiden-design-tokens/src/config.json +12 -1
  52. package/municipalities/noaberkracht-design-tokens/dist/design-tokens.css +1 -1
  53. package/municipalities/noaberkracht-design-tokens/dist/index.js +1 -1
  54. package/municipalities/noaberkracht-design-tokens/dist/index.less +1 -1
  55. package/municipalities/noaberkracht-design-tokens/dist/index.scss +1 -1
  56. package/municipalities/noaberkracht-design-tokens/dist/tokens.json +5 -1
  57. package/municipalities/noaberkracht-design-tokens/package.json +1 -1
  58. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  59. package/municipalities/noaberkracht-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  60. package/municipalities/noaberkracht-design-tokens/src/config.json +12 -1
  61. package/municipalities/noordwijk-design-tokens/dist/design-tokens.css +1 -1
  62. package/municipalities/noordwijk-design-tokens/dist/index.js +1 -1
  63. package/municipalities/noordwijk-design-tokens/dist/index.less +1 -1
  64. package/municipalities/noordwijk-design-tokens/dist/index.scss +1 -1
  65. package/municipalities/noordwijk-design-tokens/dist/tokens.json +5 -1
  66. package/municipalities/noordwijk-design-tokens/package.json +5 -2
  67. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  68. package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  69. package/municipalities/noordwijk-design-tokens/src/config.json +12 -1
  70. package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css +1 -1
  71. package/municipalities/open-webconcept-design-tokens/dist/index.js +1 -1
  72. package/municipalities/open-webconcept-design-tokens/dist/index.less +1 -1
  73. package/municipalities/open-webconcept-design-tokens/dist/index.scss +1 -1
  74. package/municipalities/open-webconcept-design-tokens/dist/tokens.json +5 -1
  75. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  76. package/municipalities/open-webconcept-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  77. package/municipalities/opencatalogi-design-tokens/dist/design-tokens.css +1 -1
  78. package/municipalities/opencatalogi-design-tokens/dist/index.js +1 -1
  79. package/municipalities/opencatalogi-design-tokens/dist/index.less +1 -1
  80. package/municipalities/opencatalogi-design-tokens/dist/index.scss +1 -1
  81. package/municipalities/opencatalogi-design-tokens/dist/tokens.json +5 -1
  82. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  83. package/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/table.tokens.json +3 -1
  84. package/municipalities/rotterdam-design-tokens/dist/design-tokens.css +1 -1
  85. package/municipalities/rotterdam-design-tokens/dist/index.js +1 -1
  86. package/municipalities/rotterdam-design-tokens/dist/index.less +1 -1
  87. package/municipalities/rotterdam-design-tokens/dist/index.scss +1 -1
  88. package/municipalities/rotterdam-design-tokens/dist/tokens.json +5 -1
  89. package/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  90. package/municipalities/rotterdam-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  91. package/municipalities/tubbergen-design-tokens/dist/design-tokens.css +1 -1
  92. package/municipalities/tubbergen-design-tokens/dist/index.js +1 -1
  93. package/municipalities/tubbergen-design-tokens/dist/index.less +1 -1
  94. package/municipalities/tubbergen-design-tokens/dist/index.scss +1 -1
  95. package/municipalities/tubbergen-design-tokens/dist/tokens.json +5 -1
  96. package/municipalities/tubbergen-design-tokens/package.json +5 -2
  97. package/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  98. package/municipalities/tubbergen-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  99. package/municipalities/tubbergen-design-tokens/src/config.json +12 -1
  100. package/municipalities/xxllnc-design-tokens/dist/design-tokens.css +1 -1
  101. package/municipalities/xxllnc-design-tokens/dist/index.js +1 -1
  102. package/municipalities/xxllnc-design-tokens/dist/index.less +1 -1
  103. package/municipalities/xxllnc-design-tokens/dist/index.scss +1 -1
  104. package/municipalities/xxllnc-design-tokens/dist/tokens.json +5 -1
  105. package/municipalities/xxllnc-design-tokens/package.json +1 -1
  106. package/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +2 -0
  107. package/municipalities/xxllnc-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +3 -1
  108. package/municipalities/xxllnc-design-tokens/src/config.json +12 -1
  109. package/municipalities/zutphen-design-tokens/LICENSE.md +17 -0
  110. package/municipalities/zutphen-design-tokens/README.md +3 -0
  111. package/municipalities/zutphen-design-tokens/dist/design-tokens.css +607 -0
  112. package/municipalities/zutphen-design-tokens/dist/font.css +15 -0
  113. package/municipalities/zutphen-design-tokens/dist/index.css +7 -0
  114. package/municipalities/zutphen-design-tokens/dist/index.js +605 -0
  115. package/municipalities/zutphen-design-tokens/dist/index.json +12304 -0
  116. package/municipalities/zutphen-design-tokens/dist/index.less +604 -0
  117. package/municipalities/zutphen-design-tokens/dist/index.scss +604 -0
  118. package/municipalities/zutphen-design-tokens/dist/tokens.json +13024 -0
  119. package/municipalities/zutphen-design-tokens/documentation/color.stories.mdx +17 -0
  120. package/municipalities/zutphen-design-tokens/documentation/components.stories.mdx +11 -0
  121. package/municipalities/zutphen-design-tokens/documentation/design-tokens.stories.mdx +14 -0
  122. package/municipalities/zutphen-design-tokens/documentation/readme.stories.mdx +7 -0
  123. package/municipalities/zutphen-design-tokens/package.json +41 -0
  124. package/municipalities/zutphen-design-tokens/src/brand/zutphen/color.tokens.json +107 -0
  125. package/municipalities/zutphen-design-tokens/src/brand/zutphen/font-size.tokens.json +18 -0
  126. package/municipalities/zutphen-design-tokens/src/brand/zutphen/size.tokens.json +17 -0
  127. package/municipalities/zutphen-design-tokens/src/brand/zutphen/typography.tokens.json +51 -0
  128. package/municipalities/zutphen-design-tokens/src/common/utrecht/action.tokens.json +9 -0
  129. package/municipalities/zutphen-design-tokens/src/common/utrecht/space.tokens.json +28 -0
  130. package/municipalities/zutphen-design-tokens/src/component/conduction/card-header.tokens.json +26 -0
  131. package/municipalities/zutphen-design-tokens/src/component/conduction/card-wrapper.tokens.json +26 -0
  132. package/municipalities/zutphen-design-tokens/src/component/conduction/checkbox.tokens.json +69 -0
  133. package/municipalities/zutphen-design-tokens/src/component/conduction/download-card.tokens.json +23 -0
  134. package/municipalities/zutphen-design-tokens/src/component/conduction/logo.tokens.json +27 -0
  135. package/municipalities/zutphen-design-tokens/src/component/conduction/navigation.tokens.json +67 -0
  136. package/municipalities/zutphen-design-tokens/src/component/conduction/pagination.tokens.json +76 -0
  137. package/municipalities/zutphen-design-tokens/src/component/conduction/select.tokens.json +39 -0
  138. package/municipalities/zutphen-design-tokens/src/component/conduction/table-wrapper.tokens.json +21 -0
  139. package/municipalities/zutphen-design-tokens/src/component/conduction/tabs.tokens.json +84 -0
  140. package/municipalities/zutphen-design-tokens/src/component/conduction/tooltip.tokens.json +17 -0
  141. package/municipalities/zutphen-design-tokens/src/component/open-catalogi/rating.tokens.json +12 -0
  142. package/municipalities/zutphen-design-tokens/src/component/utrecht/alert.tokens.json +46 -0
  143. package/municipalities/zutphen-design-tokens/src/component/utrecht/badge-counter.tokens.json +13 -0
  144. package/municipalities/zutphen-design-tokens/src/component/utrecht/badge.tokens.json +15 -0
  145. package/municipalities/zutphen-design-tokens/src/component/utrecht/blockquote.tokens.json +27 -0
  146. package/municipalities/zutphen-design-tokens/src/component/utrecht/breadcrumb.tokens.json +35 -0
  147. package/municipalities/zutphen-design-tokens/src/component/utrecht/button.tokens.json +152 -0
  148. package/municipalities/zutphen-design-tokens/src/component/utrecht/code.tokens.json +26 -0
  149. package/municipalities/zutphen-design-tokens/src/component/utrecht/document.tokens.json +12 -0
  150. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json +9 -0
  151. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json +11 -0
  152. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json +22 -0
  153. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json +26 -0
  154. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json +7 -0
  155. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json +37 -0
  156. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json +10 -0
  157. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/radio-button.tokens.json +14 -0
  158. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json +27 -0
  159. package/municipalities/zutphen-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json +26 -0
  160. package/municipalities/zutphen-design-tokens/src/component/utrecht/form-input.tokens.json +31 -0
  161. package/municipalities/zutphen-design-tokens/src/component/utrecht/heading.tokens.json +49 -0
  162. package/municipalities/zutphen-design-tokens/src/component/utrecht/icon.tokens.json +12 -0
  163. package/municipalities/zutphen-design-tokens/src/component/utrecht/link.tokens.json +33 -0
  164. package/municipalities/zutphen-design-tokens/src/component/utrecht/list.tokens.json +31 -0
  165. package/municipalities/zutphen-design-tokens/src/component/utrecht/page-footer.tokens.json +13 -0
  166. package/municipalities/zutphen-design-tokens/src/component/utrecht/page-header.tokens.json +10 -0
  167. package/municipalities/zutphen-design-tokens/src/component/utrecht/page.tokens.json +11 -0
  168. package/municipalities/zutphen-design-tokens/src/component/utrecht/paragraph.tokens.json +25 -0
  169. package/municipalities/zutphen-design-tokens/src/component/utrecht/radio-button.tokens.json +68 -0
  170. package/municipalities/zutphen-design-tokens/src/component/utrecht/separator.tokens.json +10 -0
  171. package/municipalities/zutphen-design-tokens/src/component/utrecht/surface.tokens.json +8 -0
  172. package/municipalities/zutphen-design-tokens/src/component/utrecht/table.tokens.json +60 -0
  173. package/municipalities/zutphen-design-tokens/src/component/utrecht/textbox.tokens.json +31 -0
  174. package/municipalities/zutphen-design-tokens/src/config.json +58 -0
  175. package/municipalities/zutphen-design-tokens/src/font.js +4 -0
  176. package/municipalities/zutphen-design-tokens/src/font.scss +19 -0
  177. package/municipalities/zutphen-design-tokens/src/index.scss +8 -0
  178. package/municipalities/zutphen-design-tokens/style-dictionary.config.js +6 -0
  179. package/package.json +3 -2
  180. package/publiccode.yaml +84 -0
  181. package/municipalities/leiden.css +0 -445
  182. package/municipalities/xxllnc.css +0 -444
  183. package/theme.css +0 -453
@@ -0,0 +1,84 @@
1
+ publiccodeYmlVersion: '0.1'
2
+ name: conduction-theme
3
+ applicationSuite: null
4
+ url: https://github.com/ConductionNL/conduction-theme
5
+ landingURL: null
6
+ isBasedOn: null
7
+ softwareVersion: null
8
+ logo: https://avatars.githubusercontent.com/u/106860777?v=4
9
+ monochromeLogo: null
10
+ platforms:
11
+ - web
12
+ releaseDate: '2023-11-10'
13
+ categories:
14
+ - it-development
15
+ developmentStatus: beta
16
+ softwareType: softwareAddon
17
+ description:
18
+ en:
19
+ localisedName: null
20
+ genericName: Conduction's design tokens theme
21
+ shortDescription: conduction-theme
22
+ longDescription: Conduction's design tokens theme
23
+ documentation: null
24
+ apiDocumentation: null
25
+ features: []
26
+ screenshots: []
27
+ videos: []
28
+ awards: []
29
+ nl:
30
+ localisedName: null
31
+ genericName: Conduction's design tokens theme
32
+ shortDescription: conduction-theme
33
+ longDescription: Conduction's design tokens theme
34
+ documentation: null
35
+ apiDocumentation: null
36
+ features: []
37
+ screenshots: []
38
+ videos: []
39
+ awards: []
40
+ intendedaudience:
41
+ countries:
42
+ - nl
43
+ unsupportedCountries: []
44
+ scope: []
45
+ legal:
46
+ license: EUPL-1.2-or-later
47
+ mainCopyrightOwner: legal/authorsFile
48
+ repoOwner: ConductionNL
49
+ authorsFile: null
50
+ maintenance:
51
+ type: internal
52
+ contractors:
53
+ - name: Conduction
54
+ until: 2035-01-01
55
+ email: info\x64conduction.nl
56
+ website: https://www.conduction.nl
57
+ contacts:
58
+ - name: Ruben van der Linde
59
+ email: info\x64conduction.nl
60
+ phone: 085 303 6840
61
+ affiliation: Conduction
62
+ localisation:
63
+ localisationReady: true
64
+ availableLanguages:
65
+ - en
66
+ - nl
67
+ dependsOn: null
68
+ roadmap: null
69
+ inputTypes: null
70
+ outputTypes: null
71
+ nl:
72
+ countryExtensionVersion: null
73
+ commonground:
74
+ intendedOrganisations: []
75
+ installationType: null
76
+ layerType: interface
77
+ gemma:
78
+ bedrijfsfuncties: []
79
+ bedrijfsservices: []
80
+ applicatiefunctie: null
81
+ model: null
82
+ upl: []
83
+ downloadUrls:
84
+ - https://github.com/ConductionNL/conduction-theme/archive/refs/heads/main.zip
@@ -1,445 +0,0 @@
1
- .leiden-theme,
2
- .leiden-theme ::backdrop {
3
- /* leiden Tokens */
4
-
5
- /* Sizes */
6
- --leiden-size-4xs: 1px;
7
- --leiden-size-3xs: 2px;
8
- --leiden-size-2xs: 4px;
9
- --leiden-size-xs: 8px;
10
- --leiden-size-sm: 14px;
11
- --leiden-size-md: 18px;
12
- --leiden-size-lg: 24px;
13
- --leiden-size-xl: 32px;
14
- --leiden-size-2xl: 48px;
15
- --leiden-size-3xl: 72px;
16
- --leiden-size-4xl: 96px;
17
-
18
- /* Font sizes */
19
- --leiden-font-size-4xs: 5px;
20
- --leiden-font-size-3xs: 8px;
21
- --leiden-font-size-2xs: 10px;
22
- --leiden-font-size-xs: 12px;
23
- --leiden-font-size-sm: 14px;
24
- --leiden-font-size-md: 18px;
25
- --leiden-font-size-lg: 20px;
26
- --leiden-font-size-xl: 24px;
27
- --leiden-font-size-2xl: 32px;
28
- --leiden-font-size-3xl: 48px;
29
- --leiden-font-size-4xl: 58px;
30
-
31
- /* Font weights */
32
- --leiden-font-weight-light: 100;
33
- --leiden-font-weight-normal: 400;
34
- --leiden-font-weight-bold: 700;
35
-
36
- /* Letter Spacing */
37
- --leiden-letter-spacing-normal: normal;
38
-
39
- /* Colors */
40
- --leiden-color-primary: #d62410;
41
- --leiden-color-primary-hover: #b81f0e;
42
-
43
- --leiden-color-error: #d62410;
44
- --leiden-color-alert-error: #721c24;
45
- --leiden-color-alert-error-background: #f8d7da;
46
-
47
- --leiden-color-warning: #ffc107;
48
- --leiden-color-alert-warning: #856404;
49
- --leiden-color-alert-warning-background: #fff3cd;
50
-
51
- --leiden-color-success: #28a745;
52
- --leiden-color-alert-success: #155724;
53
- --leiden-color-alert-success-background: #d4edda;
54
-
55
- --leiden-color-info: var(--leiden-color-primary);
56
- --leiden-color-alert-info: #004085;
57
- --leiden-color-alert-info-background: #cce5ff;
58
-
59
- --leiden-color-lightgrey-89: #e4e4e4;
60
- --leiden-color-white-100: #ffffff;
61
- --leiden-color-black-9: #0d1921;
62
-
63
- --leiden-color-grey-33: #5f594a;
64
- --leiden-color-grey-11: #1d1d1b;
65
-
66
-
67
- --leiden-color-light-blue-24: #2c3e50;
68
- --leiden-color-light-blue-89: #dce4ec;
69
-
70
- /* Typography */
71
- --leiden-typography-sans-serif-font-family: "Open Sans", Arial, sans-serif;
72
- --leiden-typography-monospace-font-family: Monospace, "Lucida Console";
73
-
74
- /*
75
- *
76
- * leiden COMPONENT OVERRIDES
77
- *
78
- */
79
-
80
- /* Container */
81
- --leiden-container-padding-inline: var(--leiden-size-xl);
82
-
83
- /*
84
- *
85
- * UTRECHT COMPONENTS & DEFAULTS
86
- *
87
- */
88
-
89
- /* Sizes */
90
-
91
- --utrecht-space-block-3xs: var(--leiden-size-3xs);
92
- --utrecht-space-block-2xs: var(--leiden-size-2xs);
93
- --utrecht-space-block-xs: var(--leiden-size-xs);
94
- --utrecht-space-block-sm: var(--leiden-size-sm);
95
- --utrecht-space-block-md: var(--leiden-size-md);
96
- --utrecht-space-block-lg: var(--leiden-size-lg);
97
- --utrecht-space-block-xl: var(--leiden-size-xl);
98
- --utrecht-space-block-2xl: var(--leiden-size-2xl);
99
- --utrecht-space-block-3xl: var(--leiden-size-3xl);
100
-
101
- --utrecht-space-inline-3xs: var(--leiden-size-3xs);
102
- --utrecht-space-inline-2xs: var(--leiden-size-2xs);
103
- --utrecht-space-inline-xs: var(--leiden-size-xs);
104
- --utrecht-space-inline-sm: var(--leiden-size-sm);
105
- --utrecht-space-inline-md: var(--leiden-size-md);
106
- --utrecht-space-inline-lg: var(--leiden-size-lg);
107
- --utrecht-space-inline-xl: var(--leiden-size-xl);
108
- --utrecht-space-inline-2xl: var(--leiden-size-2xl);
109
- --utrecht-space-inline-3xl: var(--leiden-size-3xl);
110
-
111
- --utrecht-typography-scale-2xs: var(--leiden-font-size-2xs);
112
- --utrecht-typography-scale-xs: var(--leiden-font-size-xs);
113
- --utrecht-typography-scale-sm: var(--leiden-font-size-sm);
114
- --utrecht-typography-scale-md: var(--leiden-font-size-md);
115
- --utrecht-typography-scale-lg: var(--leiden-font-size-lg);
116
- --utrecht-typography-scale-xl: var(--leiden-font-size-xl);
117
- --utrecht-typography-scale-2xl: var(--leiden-font-size-2xl);
118
- --utrecht-typography-scale-3xl: var(--leiden-font-size-3xl);
119
- --utrecht-typography-scale-4xl: var(--leiden-font-size-4xl);
120
-
121
- /* Document */
122
- --utrecht-document-font-family: var(
123
- --leiden-typography-sans-serif-font-family
124
- );
125
- --utrecht-document-font-size: var(--leiden-font-size-md);
126
- --utrecht-document-color: var(--leiden-color-black-9);
127
- --utrecht-document-background-color: var(--leiden-color-white-100);
128
- --utrecht-space-around: 1;
129
-
130
- /* Typography */
131
- --utrecht-typography-sans-serif-font-family: var(
132
- --leiden-typography-sans-serif-font-family
133
- );
134
-
135
- /* Header */
136
- --utrecht-page-header-color: var(--leiden-color-white-100);
137
- --utrecht-page-header-background-color: var(--leiden-color-black-9);
138
- --utrecht-page-header-padding-block-start: var(--leiden-size-sm);
139
- --utrecht-page-header-padding-block-end: var(--leiden-size-sm);
140
-
141
- /* Page */
142
- --utrecht-page-padding-inline-start: var(--leiden-size-lg);
143
- --utrecht-page-padding-inline-end: var(--leiden-size-lg);
144
- --utrecht-page-max-inline-size: 1140px;
145
- --utrecht-page-content-background-color: var(--leiden-color-black-9);
146
-
147
- /* Headings */
148
- --utrecht-heading-1-font-family: var(
149
- --leiden-typography-sans-serif-font-family
150
- );
151
- --utrecht-heading-1-font-size: var(--leiden-font-size-3xl);
152
- --utrecht-heading-1-font-weight: var(--leiden-font-weight-bold);
153
- --utrecht-heading-1-letter-spacing: var(--leiden-letter-spacing-normal);
154
- --utrecht-heading-1-margin-block-start: var(--leiden-size-2xl);
155
- --utrecht-heading-1-margin-block-end: var(--leiden-size-md);
156
-
157
- --utrecht-heading-2-font-family: var(
158
- --leiden-typography-sans-serif-font-family
159
- );
160
- --utrecht-heading-2-font-weight: var(--leiden-font-weight-bold);
161
- --utrecht-heading-2-font-size: var(--leiden-font-size-2xl);
162
- --utrecht-heading-2-letter-spacing: var(--leiden-letter-spacing-normal);
163
- --utrecht-heading-2-margin-block-start: var(--leiden-size-2xl);
164
- --utrecht-heading-2-margin-block-end: var(--leiden-size-md);
165
-
166
- --utrecht-heading-3-font-family: var(
167
- --leiden-typography-sans-serif-font-family
168
- );
169
- --utrecht-heading-3-font-weight: var(--leiden-font-weight-normal);
170
- --utrecht-heading-3-font-size: var(--leiden-font-size-xl);
171
- --utrecht-heading-3-letter-spacing: var(--leiden-letter-spacing-normal);
172
- --utrecht-heading-3-margin-block-start: var(--leiden-size-xl);
173
- --utrecht-heading-3-margin-block-end: var(--leiden-size-md);
174
-
175
- --utrecht-heading-4-font-family: var(
176
- --leiden-typography-sans-serif-font-family
177
- );
178
- --utrecht-heading-4-font-size: var(--leiden-font-size-lg);
179
- --utrecht-heading-4-font-weight: var(--leiden-font-weight-normal);
180
- --utrecht-heading-4-letter-spacing: var(--leiden-letter-spacing-normal);
181
- --utrecht-heading-4-margin-block-start: var(--leiden-size-lg);
182
- --utrecht-heading-4-margin-block-end: var(--leiden-size-md);
183
-
184
- --utrecht-heading-5-font-family: var(
185
- --leiden-typography-sans-serif-font-family
186
- );
187
- --utrecht-heading-5-font-size: var(--leiden-font-size-md);
188
- --utrecht-heading-5-font-weight: var(--leiden-font-weight-light);
189
- --utrecht-heading-5-letter-spacing: var(--leiden-letter-spacing-normal);
190
- --utrecht-heading-5-text-transform: unset;
191
- --utrecht-heading-5-margin-block-start: var(--leiden-size-lg);
192
- --utrecht-heading-5-margin-block-end: var(--conductino-size-md);
193
-
194
- /* Paragraph */
195
- --utrecht-paragraph-color: var(--utrecht-document-color) inherit;
196
- --utrecht-paragraph-font-family: var(
197
- --leiden-typography-sans-serif-font-family
198
- );
199
- --utrecht-paragraph-font-size: var(--leiden-font-size-md);
200
- --utrecht-paragraph-font-weight: var(--leiden-font-weight-normal);
201
- --utrecht-paragraph-line-height: 1.5;
202
- --utrecht-paragraph-margin-block-start: 0;
203
- --utrecht-paragraph-margin-block-end: 0;
204
-
205
- /* Footer */
206
- --utrecht-page-footer-color: var(--leiden-color-white-100);
207
- --utrecht-page-footer-background-color: var(--leiden-color-black-9);
208
- --utrecht-page-footer-background-image: unset;
209
- --utrecht-page-footer-padding-block-start: var(--leiden-size-2xl);
210
- --utrecht-page-footer-padding-block-end: var(--leiden-size-2xl);
211
- --utrecht-page-footer-padding-inline-start: var(--leiden-size-sm);
212
- --utrecht-page-footer-padding-inline-end: var(--leiden-size-sm);
213
-
214
- /* List */
215
- --utrecht-ordered-list-font-size: var(--utrecht-document-font-size) inherit;
216
- --utrecht-ordered-list-padding-inline-start: var(--leiden-size-xl);
217
- --utrecht-ordered-list-margin-block-start: var(--leiden-size-sm);
218
- --utrecht-ordered-list-margin-block-end: var(--leiden-size-sm);
219
-
220
- --utrecht-ordered-list-item-margin-block-start: var(--leiden-size-2xs);
221
- --utrecht-ordered-list-item-margin-block-end: var(--leiden-size-2xs);
222
- --utrecht-ordered-list-item-padding-inline-start: 1ch;
223
-
224
- --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
225
- --utrecht-unordered-list-margin-block-start: var(--leiden-size-md);
226
- --utrecht-unordered-list-margin-block-end: 0;
227
- --utrecht-unordered-list-padding-inline-start: 2ch;
228
-
229
- --utrecht-unordered-list-item-margin-block-start: var(--leiden-size-xs);
230
- --utrecht-unordered-list-item-margin-block-end: var(--leiden-size-xs);
231
- --utrecht-unordered-list-item-padding-inline-start: 1ch;
232
-
233
- /* Link */
234
- --utrecht-link-color: var(--leiden-color-primary);
235
- --utrecht-link-visited-color: var(--leiden-color-primary);
236
- --utrecht-link-icon-size: var(--leiden-size-md);
237
- --utrecht-link-text-decoration: none;
238
- --utrecht-link-text-decoration-color: unset;
239
- --utrecht-link-text-decoration-thickness: 0;
240
- --utrecht-link-text-underline-offset: var(--leiden-size-3xs);
241
-
242
- --utrecht-link-hover-color: var(--leiden-color-primary-hover);
243
- --utrecht-link-hover-text-decoration: underline;
244
- --utrecht-link-hover-text-decoration-thickness: var(--leiden-size-4xs);
245
-
246
- /* Blockquote */
247
- --utrecht-blockquote-content-color: var(--leiden-color-black-9);
248
- --utrecht-blockquote-content-font-size: var(--leiden-size-md);
249
- --utrecht-blockquote-margin-inline-start: var(--leiden-size-xl);
250
- --utrecht-blockquote-margin-inline-end: var(--leiden-size-xl);
251
-
252
- /* Code */
253
- --utrecht-code-color: var(--leiden-color-black-9);
254
- --utrecht-code-background-color: var(--leiden-color-lightgrey-89);
255
- --utrecht-code-font-family: var(--leiden-typography-monospace-font-family);
256
- --utrecht-code-font-size: inherit;
257
-
258
- --utrecht-code-block-color: var(--leiden-color-black-9);
259
- --utrecht-code-block-background-color: var(--leiden-color-lightgrey-89);
260
- --utrecht-code-block-font-family: var(
261
- --leiden-typography-monospace-font-family
262
- );
263
- --utrecht-code-block-font-size: var(--leiden-font-size-md);
264
- --utrecht-code-block-font-weight: var(--leiden-font-weight-normal);
265
- --utrecht-code-block-line-height: var(--leiden-size-lg);
266
- --utrecht-code-block-margin-block-start: var(--leiden-size-md);
267
- --utrecht-code-block-margin-block-end: var(--leiden-size-md);
268
- --utrecht-code-block-margin-inline-start: 0;
269
- --utrecht-code-block-margin-inline-end: 0;
270
- --utrecht-code-block-padding-block-start: var(--leiden-size-md);
271
- --utrecht-code-block-padding-block-end: var(--leiden-size-md);
272
- --utrecht-code-block-padding-inline-start: var(--leiden-size-md);
273
- --utrecht-code-block-padding-inline-end: var(--leiden-size-md);
274
-
275
- /* Pseudo Elements */
276
- --utrecht-unordered-list-marker-color: var(--leiden-color-primary);
277
-
278
- /* Table */
279
- --utrecht-table-border-color: var(--leiden-color-lightgrey-89);
280
- --utrecht-table-border-width: var(--leiden-size-4xs);
281
- --utrecht-table-font-family: var(--utrecht-document-font-family) inherit;
282
- --utrecht-table-font-size: var(--utrecht-document-font-size) inherit;
283
- --utrecht-table-margin-block-start: var(--leiden-size-md);
284
- --utrecht-table-margin-block-end: 0;
285
-
286
- --utrecht-table-header-color: var(--utrecht-document-color) inherit;
287
- --utrecht-table-header-font-weight: var(--leiden-font-weight-bold);
288
- --utrecht-table-header-text-transform: unset;
289
-
290
- --utrecht-table-header-cell-font-size: var(--utrecht-document-font-size)
291
- inherit;
292
- --utrecht-table-header-cell-font-weight: var(--leiden-font-weight-bold);
293
- --utrecht-table-header-cell-text-transform: unset;
294
-
295
- --utrecht-table-row-border-block-end-color: var(--leiden-color-lightgrey-89);
296
- --utrecht-table-row-border-block-end-width: var(--leiden-size-4xs);
297
-
298
- --utrecht-table-cell-padding-block-start: var(--leiden-size-md);
299
- --utrecht-table-cell-padding-block-end: var(--leiden-size-md);
300
- --utrecht-table-cell-padding-inline-start: var(--leiden-size-md);
301
- --utrecht-table-cell-padding-inline-end: var(--leiden-size-md);
302
-
303
- /* Alert */
304
- --utrecht-alert-color: var(--leiden-color-alert-info);
305
- --utrecht-alert-background-color: var(--leiden-color-alert-info-background);
306
- /* --utrecht-alert-border-color: <color>; */
307
- /* --utrecht-alert-border-width: <length>; */
308
- --utrecht-alert-padding-block-start: var(--leiden-size-lg);
309
- --utrecht-alert-padding-block-end: var(--leiden-size-lg);
310
- --utrecht-alert-padding-inline-start: var(--leiden-size-lg);
311
- --utrecht-alert-padding-inline-end: var(--leiden-size-lg);
312
- /* --utrecht-alert-margin-block-start: <length>; */
313
- /* --utrecht-alert-margin-block-end: <length>; */
314
- /* --utrecht-alert-warning-background-color: <color>; */
315
- /* --utrecht-alert-warning-color: <color>; */
316
- /* --utrecht-alert-warning-border-color: <color>; */
317
- /* --utrecht-alert-warning-border-width: <length>; */
318
- --utrecht-alert-error-background-color: var(
319
- --leiden-color-alert-error-background
320
- );
321
- --utrecht-alert-error-color: var(--leiden-color-alert-error);
322
- /* --utrecht-alert-error-border-color: <color>; */
323
- /* --utrecht-alert-error-border-width: <color>; */
324
- /* --utrecht-alert-ok-background-color: <color>; */
325
- /* --utrecht-alert-ok-color: <color>; */
326
- /* --utrecht-alert-ok-border-color: <color>; */
327
- /* --utrecht-alert-ok-border-width: <length>; */
328
- /* --utrecht-alert-icon-color: <color>; */
329
- /* --utrecht-alert-icon-error-color: <color>; */
330
- /* --utrecht-alert-icon-warning-color: <color>; */
331
- /* --utrecht-alert-icon-ok-color: <color>; */
332
-
333
- /* Icon */
334
- --utrecht-alert-icon-gap: var(--leiden-size-xs);
335
- --utrecht-icon-gap: var(--leiden-size-xs);
336
-
337
- /* Button */
338
- --utrecht-button-color: var(--leiden-color-white-100);
339
- --utrecht-button-background-color: var(--leiden-color-primary);
340
-
341
- --utrecht-button-icon-gap: var(--leiden-size-xs);
342
- --utrecht-button-border-color: var(--leiden-color-primary);
343
- --utrecht-button-border-width: var(--leiden-size-3xs);
344
- --utrecht-button-border-radius: var(--leiden-size-2xs);
345
- /* --utrecht-button-border-bottom-width: <length>; */
346
-
347
- --utrecht-button-font-family: var(--leiden-typography-sans-serif-font-family);
348
- --utrecht-button-font-size: inherit;
349
- --utrecht-button-font-weight: inherit;
350
-
351
- /* --utrecht-button-inline-size: <length>; */
352
- /* --utrecht-button-letter-spacing: <length>; */
353
- /* --utrecht-button-line-height: <length>; */
354
-
355
- /* --utrecht-button-min-block-size: <length>; */
356
- /* --utrecht-button-min-inline-size: <length>; */
357
-
358
- --utrecht-button-padding-block-end: var(--leiden-size-xs);
359
- --utrecht-button-padding-block-start: var(--leiden-size-xs);
360
- --utrecht-button-padding-inline-end: var(--leiden-size-xs);
361
- --utrecht-button-padding-inline-start: var(--leiden-size-xs);
362
-
363
- /* --utrecht-button-text-transform: <length>; */
364
-
365
- --utrecht-button-focus-background-color: var(--leiden-color-primary);
366
- --utrecht-button-focus-border-color: var(--leiden-color-primary);
367
- --utrecht-button-focus-color: var(--leiden-color-white-100);
368
-
369
- --utrecht-button-hover-background-color: var(--leiden-color-white-100);
370
- --utrecht-button-hover-color: var(--leiden-color-primary-hover);
371
- /* --utrecht-button-hover-border-color: unset; */
372
- /* --utrecht-button-focus-transform-scale: unset; */
373
-
374
- --utrecht-button-secondary-action-background-color: var(
375
- --leiden-color-white-100
376
- );
377
- --utrecht-button-secondary-action-border-color: var(--leiden-color-primary);
378
- --utrecht-button-secondary-action-border-width: 2px;
379
- --utrecht-button-secondary-action-color: var(--leiden-color-primary);
380
- --utrecht-button-secondary-action-font-weight: var(
381
- --leiden-font-weight-normal
382
- );
383
-
384
- /* InputField */
385
- --utrecht-form-input-background-color: var(--leiden-color-white-100);
386
- --utrecht-form-input-border-width: var(--leiden-size-4xs);
387
- --utrecht-form-input-border-color: var(--leiden-color-grey-33);
388
- --utrecht-form-input-border-radius: 0px;
389
- --utrecht-form-input-color: var(--leiden-color-grey-11);
390
- --utrecht-form-input-font-family: var(
391
- --leiden-typography-sans-serif-font-family
392
- );
393
- --utrecht-form-input-font-size: 15px;
394
- /* --utrecht-form-input-max-inline-size: ; */
395
- --utrecht-form-input-padding-block-end: var(--leiden-size-xs);
396
- --utrecht-form-input-padding-block-start: var(--leiden-size-xs);
397
- --utrecht-form-input-padding-inline-end: var(--leiden-size-sm);
398
- --utrecht-form-input-padding-inline-start: var(--leiden-size-sm);
399
-
400
- /* InputField-TextField */
401
- --utrecht-textbox-background-color: var(--leiden-color-white-100);
402
- --utrecht-textbox-border-width: var(--leiden-size-4xs);
403
- /* --utrecht-textbox-border-bottom-width: ; */
404
- --utrecht-textbox-border-color: var(--leiden-color-grey-33);
405
- --utrecht-textbox-border-radius: 0px;
406
- --utrecht-textbox-color: var(--leiden-color-grey-11);
407
- --utrecht-textbox-font-family: var(
408
- --leiden-typography-sans-serif-font-family
409
- );
410
- --utrecht-textbox-font-size: 15px;
411
- /* --utrecht-textbox-max-inline-size: ; */
412
- --utrecht-textbox-padding-block-end: var(--leiden-size-xs);
413
- --utrecht-textbox-padding-block-start: var(--leiden-size-xs);
414
- --utrecht-textbox-padding-inline-end: var(--leiden-size-sm);
415
- --utrecht-textbox-padding-inline-start: var(--leiden-size-sm);
416
-
417
- --utrecht-textbox-placeholder-color: var(--leiden-color-light-blue-24);
418
-
419
- /*
420
- *
421
- * CONDUCTION COMPONENTS & DEFAULTS
422
- *
423
- */
424
-
425
- /* Input select single */
426
- --conduction-input-select-padding-block-start: 0;
427
- --conduction-input-select-padding-block-end: 0;
428
- --conduction-input-select-border-radius: var(
429
- --utrecht-form-input-border-radius
430
- );
431
- --conduction-input-select-background-color: var(--leiden-color-white-100);
432
- --conduction-input-select-border: 1px solid
433
- var(--utrecht-form-input-border-color);
434
- --conduction-input-select-border-focus: unset;
435
- --conduction-input-select-invalid-border-color: var(--leiden-color-error);
436
-
437
- /* conduction Card */
438
- --utrecht-card-background-color: var(--leiden-color-lightgrey-89);
439
- --utrecht-card-color: var(--leiden-color-black-9);
440
- /* --utrecht-card-border-radius: <length>; */
441
- --utrecht-card-padding-block-end: var(--leiden-size-sm);
442
- --utrecht-card-padding-block-start: var(--leiden-size-sm);
443
- --utrecht-card-padding-inline-end: var(--leiden-size-xl);
444
- --utrecht-card-padding-inline-start: var(--leiden-size-xl);
445
- }