@utrecht/component-library-css 8.2.0 → 8.2.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.
package/dist/index.css CHANGED
@@ -571,6 +571,7 @@
571
571
  font-family: var(--utrecht-document-font-family, inherit);
572
572
  font-size: var(--utrecht-breadcrumb-nav-font-size);
573
573
  line-height: var(--utrecht-breadcrumb-nav-line-height);
574
+ margin-block-end: var(--utrecht-breadcrumb-nav-margin-block-end);
574
575
  text-transform: var(--utrecht-document-text-transform, inherit);
575
576
  }
576
577
 
@@ -4521,6 +4522,21 @@
4521
4522
  justify-content: flex-end;
4522
4523
  padding-inline-end: var(--utrecht-navigation-toggle-button-padding-inline-end);
4523
4524
  }
4525
+ .utrecht-navigation__toggle-button button:hover {
4526
+ --utrecht-button-subtle-hover-color: var(--utrecht-navigation-toggle-button-hover-color);
4527
+ --utrecht-button-subtle-hover-border-color: var(--utrecht-navigation-toggle-button-hover-border-color);
4528
+ --utrecht-button-subtle-hover-background-color: var(--utrecht-navigation-toggle-button-hover-background-color);
4529
+ }
4530
+ .utrecht-navigation__toggle-button button:focus {
4531
+ --utrecht-button-subtle-focus-color: var(--utrecht-navigation-toggle-button-focus-color);
4532
+ --utrecht-button-subtle-focus-border-color: var(--utrecht-navigation-toggle-button-focus-border-color);
4533
+ --utrecht-button-subtle-focus-background-color: var(--utrecht-navigation-toggle-button-focus-background-color);
4534
+ }
4535
+ .utrecht-navigation__toggle-button button:active {
4536
+ --utrecht-button-subtle-active-color: var(--utrecht-navigation-toggle-button-active-color);
4537
+ --utrecht-button-subtle-active-border-color: var(--utrecht-navigation-toggle-button-active-border-color);
4538
+ --utrecht-button-subtle-active-background-color: var(--utrecht-navigation-toggle-button-active-background-color);
4539
+ }
4524
4540
 
4525
4541
  .utrecht-icon-custom {
4526
4542
  margin-inline-end: var(--utrecht-icon-custom-margin-inline-end);
@@ -536,6 +536,7 @@
536
536
  font-family: var(--utrecht-document-font-family, inherit);
537
537
  font-size: var(--utrecht-breadcrumb-nav-font-size);
538
538
  line-height: var(--utrecht-breadcrumb-nav-line-height);
539
+ margin-bottom: var(--utrecht-breadcrumb-nav-margin-block-end);
539
540
  text-transform: var(--utrecht-document-text-transform, inherit);
540
541
  }
541
542
 
@@ -4383,6 +4384,21 @@
4383
4384
  justify-content: flex-end;
4384
4385
  padding-right: var(--utrecht-navigation-toggle-button-padding-inline-end);
4385
4386
  }
4387
+ .utrecht-navigation__toggle-button button:hover {
4388
+ --utrecht-button-subtle-hover-color: var(--utrecht-navigation-toggle-button-hover-color);
4389
+ --utrecht-button-subtle-hover-border-color: var(--utrecht-navigation-toggle-button-hover-border-color);
4390
+ --utrecht-button-subtle-hover-background-color: var(--utrecht-navigation-toggle-button-hover-background-color);
4391
+ }
4392
+ .utrecht-navigation__toggle-button button:focus {
4393
+ --utrecht-button-subtle-focus-color: var(--utrecht-navigation-toggle-button-focus-color);
4394
+ --utrecht-button-subtle-focus-border-color: var(--utrecht-navigation-toggle-button-focus-border-color);
4395
+ --utrecht-button-subtle-focus-background-color: var(--utrecht-navigation-toggle-button-focus-background-color);
4396
+ }
4397
+ .utrecht-navigation__toggle-button button:active {
4398
+ --utrecht-button-subtle-active-color: var(--utrecht-navigation-toggle-button-active-color);
4399
+ --utrecht-button-subtle-active-border-color: var(--utrecht-navigation-toggle-button-active-border-color);
4400
+ --utrecht-button-subtle-active-background-color: var(--utrecht-navigation-toggle-button-active-background-color);
4401
+ }
4386
4402
 
4387
4403
  .utrecht-icon-custom {
4388
4404
  margin-right: var(--utrecht-icon-custom-margin-inline-end);
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "8.2.0",
2
+ "version": "8.2.1",
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",
@@ -32,7 +32,7 @@
32
32
  "@utrecht/badge-status-css": "2.0.1",
33
33
  "@utrecht/blockquote-css": "2.0.1",
34
34
  "@utrecht/body-css": "2.0.1",
35
- "@utrecht/breadcrumb-nav-css": "2.0.1",
35
+ "@utrecht/breadcrumb-nav-css": "2.1.0",
36
36
  "@utrecht/button-css": "3.0.1",
37
37
  "@utrecht/button-group-css": "2.0.1",
38
38
  "@utrecht/button-link-css": "2.0.1",
@@ -87,7 +87,7 @@
87
87
  "@utrecht/multiline-data-css": "2.0.1",
88
88
  "@utrecht/nav-bar-css": "2.0.1",
89
89
  "@utrecht/nav-list-css": "1.3.2",
90
- "@utrecht/navigation-css": "1.0.1",
90
+ "@utrecht/navigation-css": "1.1.0",
91
91
  "@utrecht/number-badge-css": "3.0.1",
92
92
  "@utrecht/number-data-css": "2.0.1",
93
93
  "@utrecht/ordered-list-css": "3.0.1",