@conduction/theme 1.0.11 → 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.
package/README.md CHANGED
@@ -4,7 +4,7 @@ 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
8
  - 1.0.11: fixed typo and added page-content-background-color token to Conduction theme.
9
9
  - 1.0.10:
10
10
  - Added document-backgroundcolor to all themes.
@@ -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);
@@ -401,12 +401,20 @@
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/theme",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "description": "Conduction's design tokens theme",
5
5
  "main": "index.js",
6
6
  "repository": {