@utrecht/component-library-css 3.0.1-alpha.19 → 3.0.1-alpha.20

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/html.css +6 -6
  2. package/dist/index.css +15 -15
  3. package/package.json +1 -1
package/dist/html.css CHANGED
@@ -1629,9 +1629,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
1629
1629
  .utrecht-html input[type=time i]:focus,
1630
1630
  .utrecht-html input[type=url i]:focus,
1631
1631
  .utrecht-html input[type=week i]:focus {
1632
- background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
1633
- border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
1634
- color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1632
+ background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
1633
+ border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
1634
+ color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
1635
1635
  /* - The browser default focus ring should apply when these CSS custom properties are not set.
1636
1636
  * - Make the `box-shadow` value available, so components that have their own `box-shadow`
1637
1637
  * can combine it with the focus ring box shadow.
@@ -1729,9 +1729,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
1729
1729
  .utrecht-html input[type=time i]:disabled,
1730
1730
  .utrecht-html input[type=url i]:disabled,
1731
1731
  .utrecht-html input[type=week i]:disabled {
1732
- background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
1733
- border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
1734
- color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
1732
+ background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
1733
+ border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
1734
+ color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
1735
1735
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
1736
1736
  }
1737
1737
  .utrecht-html input:not([type])::placeholder,
package/dist/index.css CHANGED
@@ -382,8 +382,8 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
382
382
  border-radius: var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));
383
383
  color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%)));
384
384
  display: inline-block;
385
- font-family: var(--utrecht-document-font-family, sans-serif);
386
- font-size: var(--utrecht-badge-counter-font-size);
385
+ font-family: var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif)));
386
+ font-size: var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size));
387
387
  font-style: var(--utrecht-badge-counter-font-style, normal); /* no inheritance */
388
388
  font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold)); /* no inheritance */
389
389
  line-height: 1;
@@ -3112,8 +3112,8 @@ so do not apply these styles to an HTML `<dialog>` element without `open` attrib
3112
3112
  }
3113
3113
 
3114
3114
  .utrecht-form-label--disabled {
3115
+ color: var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));
3115
3116
  cursor: var(--utrecht-action-disabled-cursor, revert);
3116
- font-weight: var(--utrecht-form-label-disabled-color, var(--utrecht-form-label-color));
3117
3117
  }
3118
3118
 
3119
3119
  .utrecht-form-label--radio {
@@ -6407,16 +6407,16 @@ however browsers don't seem to have implemented great looking supixel tweening y
6407
6407
  }
6408
6408
 
6409
6409
  .utrecht-textbox--disabled {
6410
- background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6411
- border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6412
- color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6410
+ background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
6411
+ border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
6412
+ color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
6413
6413
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
6414
6414
  }
6415
6415
 
6416
6416
  .utrecht-textbox--focus {
6417
- background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6418
- border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6419
- color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6417
+ background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
6418
+ border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
6419
+ color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
6420
6420
  }
6421
6421
 
6422
6422
  .utrecht-textbox--focus-visible {
@@ -6486,9 +6486,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
6486
6486
  */
6487
6487
  }
6488
6488
  .utrecht-textbox--html-input:focus {
6489
- background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6490
- border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6491
- color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6489
+ background-color: var(--utrecht-textbox-focus-background-color, var(--utrecht-form-control-focus-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
6490
+ border-color: var(--utrecht-textbox-focus-border-color, var(--utrecht-form-control-focus-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
6491
+ color: var(--utrecht-textbox-focus-color, var(--utrecht-form-control-focus-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
6492
6492
  /* - The browser default focus ring should apply when these CSS custom properties are not set.
6493
6493
  * - Make the `box-shadow` value available, so components that have their own `box-shadow`
6494
6494
  * can combine it with the focus ring box shadow.
@@ -6526,9 +6526,9 @@ however browsers don't seem to have implemented great looking supixel tweening y
6526
6526
  color: var(--utrecht-textbox-read-only-color, var(--utrecht-form-control-read-only-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
6527
6527
  }
6528
6528
  .utrecht-textbox--html-input:disabled {
6529
- background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textarea-background-color, var(--utrecht-form-control-background-color))));
6530
- border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textarea-border-color, var(--utrecht-form-control-border-color))));
6531
- color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textarea-color, var(--utrecht-form-control-color))));
6529
+ background-color: var(--utrecht-textbox-disabled-background-color, var(--utrecht-form-control-disabled-background-color, var(--utrecht-textbox-background-color, var(--utrecht-form-control-background-color))));
6530
+ border-color: var(--utrecht-textbox-disabled-border-color, var(--utrecht-form-control-disabled-border-color, var(--utrecht-textbox-border-color, var(--utrecht-form-control-border-color))));
6531
+ color: var(--utrecht-textbox-disabled-color, var(--utrecht-form-control-disabled-color, var(--utrecht-textbox-color, var(--utrecht-form-control-color))));
6532
6532
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
6533
6533
  }
6534
6534
  .utrecht-textbox--html-input::placeholder {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "3.0.1-alpha.19",
2
+ "version": "3.0.1-alpha.20",
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",