@conduction/theme 1.0.10 → 1.0.12

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 (5) hide show
  1. package/README.md +2 -1
  2. package/municipalities/leiden.css +15 -7
  3. package/municipalities/xxllnc.css +16 -8
  4. package/package.json +1 -1
  5. package/theme.css +1 -0
package/README.md CHANGED
@@ -4,7 +4,8 @@ Conduction's design tokens theme
4
4
  ## Changelog
5
5
 
6
6
  - **Version 1**
7
-
7
+ - 1.0.12: implemented Select Single styling in xxllnc and Leiden
8
+ - 1.0.11: fixed typo and added page-content-background-color token to Conduction theme.
8
9
  - 1.0.10:
9
10
  - Added document-backgroundcolor to all themes.
10
11
  - Added buttonIconGap token to Conduction and Leiden themes.
package/municipalities/leiden.css CHANGED
@@ -141,7 +141,7 @@
141
141
  --utrecht-page-padding-inline-start: var(--leiden-size-lg);
142
142
  --utrecht-page-padding-inline-end: var(--leiden-size-lg);
143
143
  --utrecht-page-max-inline-size: 1140px;
144
- --utrehct-page-content-background-color: var(--leiden-color-black);
144
+ --utrecht-page-content-background-color: var(--leiden-color-black);
145
145
 
146
146
  /* Headings */
147
147
  --utrecht-heading-1-font-family: var(--leiden-typography-header-font-family);
@@ -392,12 +392,20 @@
392
392
 
393
393
  --utrecht-textbox-placeholder-color: var(--leiden-color-light-blue-24);
394
394
 
395
- /* conduction select-field */
396
- --skeleton-color-white: var(--leiden-color-white-100);
397
- --conduction-input-select-border: var(--leiden-size-4xs) solid
398
- var(--leiden-color-light-blue-89);
399
- --skeleton-border-radius-md: 0px;
400
- --skeleton-size-xs: var(--leiden-size-xs);
395
+ /*
396
+ *
397
+ * CONDUCTION COMPONENTS & DEFAULTS
398
+ *
399
+ */
400
+
401
+ /* Input select single */
402
+ --conduction-input-select-padding-block-start: 0;
403
+ --conduction-input-select-padding-block-end: 0;
404
+ --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
405
+ --conduction-input-select-background-color: var(--leiden-color-white);
406
+ --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
407
+ --conduction-input-select-border-focus: unset;
408
+ --conduction-input-select-invalid-border-color: var(--leiden-color-error);
401
409
 
402
410
  /* conduction Card */
403
411
  --utrecht-card-background-color: var(--leiden-color-lightgrey);
package/municipalities/xxllnc.css CHANGED
@@ -150,7 +150,7 @@
150
150
  --utrecht-page-padding-inline-start: var(--xxllnc-size-lg);
151
151
  --utrecht-page-padding-inline-end: var(--xxllnc-size-lg);
152
152
  --utrecht-page-max-inline-size: 1140px;
153
- --utrehct-page-content-background-color: var(--xxllnc-color-black);
153
+ --utrecht-page-content-background-color: var(--xxllnc-color-black);
154
154
 
155
155
  /* Headings */
156
156
  --utrecht-heading-1-font-family: var(--xxllnc-typography-header-font-family);
@@ -401,17 +401,25 @@
401
401
 
402
402
  --utrecht-textbox-placeholder-color: var(--xxllnc-color-grey-43);
403
403
 
404
- /* conduction select-field */
405
- --skeleton-color-white: var(--xxllnc-color-white-100);
406
- --conduction-input-select-border: var(--xxllnc-size-4xs) solid
407
- var(--xxllnc-color-black-38);
408
- --skeleton-border-radius-md: 6px;
409
- --skeleton-size-xs: var(--xxllnc-size-xs);
404
+ /*
405
+ *
406
+ * CONDUCTION COMPONENTS & DEFAULTS
407
+ *
408
+ */
409
+
410
+ /* Input select single */
411
+ --conduction-input-select-padding-block-start: 0;
412
+ --conduction-input-select-padding-block-end: 0;
413
+ --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
414
+ --conduction-input-select-background-color: var(--xxllnce-color-white);
415
+ --conduction-input-select-border: 1px solid var(--xxllnc-color-grey);
416
+ --conduction-input-select-border-focus: unset;
417
+ --conduction-input-select-invalid-border-color: var(--xxllnc-color-error);
410
418
 
411
419
  /* conduction Card */
412
420
  --utrecht-card-background-color: var(--xxllnc-color-black-21);
413
421
  --utrecht-card-color: var(--xxllnc-color-white-95);
414
- --utrehct-card-border-radius: 16px;
422
+ --utrecht-card-border-radius: 16px;
415
423
  --utrecht-card-padding-block-end: var(--xxllnc-size-md);
416
424
  --utrecht-card-padding-block-start: var(--xxllnc-size-md);
417
425
  --utrecht-card-padding-inline-end: var(--xxllnc-size-md);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.0.10",
3
+ "version": "1.0.12",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {
package/theme.css CHANGED
@@ -143,6 +143,7 @@
143
143
  --utrecht-page-padding-inline-start: var(--conduction-size-lg);
144
144
  --utrecht-page-padding-inline-end: var(--conduction-size-lg);
145
145
  --utrecht-page-max-inline-size: 1140px;
146
+ --utrecht-page-content-background-color: var(--conduction-color-black);
146
147
 
147
148
  /* Headings */
148
149
  --utrecht-heading-1-font-family: var(