@utrecht/component-library-css 1.0.0-alpha.94 → 1.0.0-alpha.95

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 (3) hide show
  1. package/dist/index.css +17 -1
  2. package/dist/root-theme.css +17 -1
  3. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -3666,7 +3666,7 @@ ol.utrecht-breadcrumb__list {
3666
3666
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
3667
3667
  /**
3668
3668
  * Do not edit directly
3669
- * Generated on Sat, 25 Sep 2021 18:19:00 GMT
3669
+ * Generated on Sat, 25 Sep 2021 19:06:23 GMT
3670
3670
  */
3671
3671
  :root {
3672
3672
  --utrecht-searchbar-hover-transform: 1;
@@ -3976,6 +3976,11 @@ ol.utrecht-breadcrumb__list {
3976
3976
  --utrecht-form-fieldset-legend-line-height: 1.4;
3977
3977
  --utrecht-form-fieldset-legend-font-size: 1rem;
3978
3978
  --utrecht-document-line-height: 1.4;
3979
+ --utrecht-custom-checkbox-focus-border-width: 3px;
3980
+ --utrecht-custom-checkbox-icon-size: 16px;
3981
+ --utrecht-custom-checkbox-size: 24px;
3982
+ --utrecht-custom-checkbox-border-width: 2px;
3983
+ --utrecht-custom-checkbox-border-radius: 2px;
3979
3984
  --utrecht-action-submit-cursor: pointer;
3980
3985
  --utrecht-action-disabled-cursor: not-allowed;
3981
3986
  --utrecht-action-busy-cursor: wait;
@@ -4138,6 +4143,13 @@ ol.utrecht-breadcrumb__list {
4138
4143
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
4139
4144
  --utrecht-document-color: var(--utrecht-color-black);
4140
4145
  --utrecht-document-background-color: var(--utrecht-color-white);
4146
+ --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
4147
+ --utrecht-custom-checkbox-invalid-background-color: var(--utrecht-color-red-40);
4148
+ --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
4149
+ --utrecht-custom-checkbox-checked-background-color: var(--utrecht-color-blue-40);
4150
+ --utrecht-custom-checkbox-disabled-background-color: var(--utrecht-color-white);
4151
+ --utrecht-custom-checkbox-disabled-border-width: var(--utrecht-color-grey-40);
4152
+ --utrecht-custom-checkbox-disabled-border-color: var(--utrecht-color-grey-30);
4141
4153
  --utrecht-button-secondary-action-border-width: var(--utrecht-border-width-md);
4142
4154
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
4143
4155
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
@@ -4205,6 +4217,9 @@ ol.utrecht-breadcrumb__list {
4205
4217
  --utrecht-feedback-warning-background-color: var(--utrecht-feedback-warning-color);
4206
4218
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
4207
4219
  --utrecht-feedback-danger-background-color: var(--utrecht-feedback-danger-color);
4220
+ --utrecht-custom-checkbox-color: var(--utrecht-form-input-color);
4221
+ --utrecht-custom-checkbox-border-color: var(--utrecht-form-input-border-color);
4222
+ --utrecht-custom-checkbox-background-color: var(--utrecht-form-input-background-color);
4208
4223
  --utrecht-feedback-active-border-color: var(--utrecht-feedback-safe-border-color);
4209
4224
  --utrecht-feedback-active-background-color: var(--utrecht-feedback-safe-background-color);
4210
4225
  --utrecht-feedback-inactive-border-color: var(--utrecht-feedback-danger-border-color);
@@ -4228,6 +4243,7 @@ ol.utrecht-breadcrumb__list {
4228
4243
  --utrecht-feedback-error-fill-background-color: var(--utrecht-feedback-error-background-color);
4229
4244
  --utrecht-feedback-valid-fill-background-color: var(--utrecht-feedback-valid-background-color);
4230
4245
  --utrecht-feedback-invalid-fill-background-color: var(--utrecht-feedback-invalid-background-color);
4246
+ --utrecht-custom-checkbox-invalid-border-color: var(--utrecht-form-input-invalid-border-color);
4231
4247
  }
4232
4248
 
4233
4249
  .utrecht-page-footer {
package/dist/root-theme.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* Collection of CSS variables for Utrecht theme applied to `:root` */
6
6
  /**
7
7
  * Do not edit directly
8
- * Generated on Sat, 25 Sep 2021 18:19:00 GMT
8
+ * Generated on Sat, 25 Sep 2021 19:06:23 GMT
9
9
  */
10
10
  :root {
11
11
  --utrecht-searchbar-hover-transform: 1;
@@ -315,6 +315,11 @@
315
315
  --utrecht-form-fieldset-legend-line-height: 1.4;
316
316
  --utrecht-form-fieldset-legend-font-size: 1rem;
317
317
  --utrecht-document-line-height: 1.4;
318
+ --utrecht-custom-checkbox-focus-border-width: 3px;
319
+ --utrecht-custom-checkbox-icon-size: 16px;
320
+ --utrecht-custom-checkbox-size: 24px;
321
+ --utrecht-custom-checkbox-border-width: 2px;
322
+ --utrecht-custom-checkbox-border-radius: 2px;
318
323
  --utrecht-action-submit-cursor: pointer;
319
324
  --utrecht-action-disabled-cursor: not-allowed;
320
325
  --utrecht-action-busy-cursor: wait;
@@ -477,6 +482,13 @@
477
482
  --utrecht-document-font-family: var(--utrecht-typography-sans-serif-font-family);
478
483
  --utrecht-document-color: var(--utrecht-color-black);
479
484
  --utrecht-document-background-color: var(--utrecht-color-white);
485
+ --utrecht-custom-checkbox-invalid-color: var(--utrecht-color-white);
486
+ --utrecht-custom-checkbox-invalid-background-color: var(--utrecht-color-red-40);
487
+ --utrecht-custom-checkbox-checked-color: var(--utrecht-color-white);
488
+ --utrecht-custom-checkbox-checked-background-color: var(--utrecht-color-blue-40);
489
+ --utrecht-custom-checkbox-disabled-background-color: var(--utrecht-color-white);
490
+ --utrecht-custom-checkbox-disabled-border-width: var(--utrecht-color-grey-40);
491
+ --utrecht-custom-checkbox-disabled-border-color: var(--utrecht-color-grey-30);
480
492
  --utrecht-button-secondary-action-border-width: var(--utrecht-border-width-md);
481
493
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
482
494
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
@@ -544,6 +556,9 @@
544
556
  --utrecht-feedback-warning-background-color: var(--utrecht-feedback-warning-color);
545
557
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
546
558
  --utrecht-feedback-danger-background-color: var(--utrecht-feedback-danger-color);
559
+ --utrecht-custom-checkbox-color: var(--utrecht-form-input-color);
560
+ --utrecht-custom-checkbox-border-color: var(--utrecht-form-input-border-color);
561
+ --utrecht-custom-checkbox-background-color: var(--utrecht-form-input-background-color);
547
562
  --utrecht-feedback-active-border-color: var(--utrecht-feedback-safe-border-color);
548
563
  --utrecht-feedback-active-background-color: var(--utrecht-feedback-safe-background-color);
549
564
  --utrecht-feedback-inactive-border-color: var(--utrecht-feedback-danger-border-color);
@@ -567,6 +582,7 @@
567
582
  --utrecht-feedback-error-fill-background-color: var(--utrecht-feedback-error-background-color);
568
583
  --utrecht-feedback-valid-fill-background-color: var(--utrecht-feedback-valid-background-color);
569
584
  --utrecht-feedback-invalid-fill-background-color: var(--utrecht-feedback-invalid-background-color);
585
+ --utrecht-custom-checkbox-invalid-border-color: var(--utrecht-form-input-invalid-border-color);
570
586
  }
571
587
 
572
588
  .utrecht-page-footer {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.0.0-alpha.94",
2
+ "version": "1.0.0-alpha.95",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -16,7 +16,7 @@
16
16
  "url": "git@github.com:nl-design-system/utrecht.git"
17
17
  },
18
18
  "devDependencies": {
19
- "@utrecht/design-tokens": "1.0.0-alpha.87",
19
+ "@utrecht/design-tokens": "1.0.0-alpha.88",
20
20
  "node-sass-package-importer": "5.3.2",
21
21
  "rimraf": "3.0.2",
22
22
  "sass": "1.41.1"
@@ -26,5 +26,5 @@
26
26
  "build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
27
27
  "clean": "rimraf dist/"
28
28
  },
29
- "gitHead": "2ba57354baebe672228c0c84ce8605aee89a85f8"
29
+ "gitHead": "377e050fe607e623cf0b4e22967530b1583b83b7"
30
30
  }