@utrecht/component-library-css 7.1.5 → 7.1.6

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 +23 -20
  2. package/dist/prince-xml.css +23 -20
  3. package/package.json +97 -97
package/dist/index.css CHANGED
@@ -30,8 +30,22 @@
30
30
  }
31
31
 
32
32
  .utrecht-accordion__section {
33
+ border-block-start-color: var(--utrecht-accordion-section-border-color, currentColor);
34
+ border-block-start-style: solid;
35
+ border-block-start-width: var(--utrecht-accordion-section-border-width, 0);
33
36
  break-inside: avoid;
34
37
  }
38
+ .utrecht-accordion__section:is(:last-child, :only-child) {
39
+ border-block-end-color: var(--utrecht-accordion-section-border-color, currentColor);
40
+ border-block-end-style: solid;
41
+ border-block-end-width: var(--utrecht-accordion-section-border-width, 0);
42
+ }
43
+ .utrecht-accordion__section:not(:last-child) {
44
+ border-block-end-color: transparent;
45
+ }
46
+ .utrecht-accordion__section:hover {
47
+ --utrecht-accordion-section-border-color: var(--utrecht-accordion-section-hover-border-color, currentColor);
48
+ }
35
49
 
36
50
  .utrecht-accordion__button {
37
51
  --utrecht-button-focus-scale: 1;
@@ -43,6 +57,8 @@
43
57
  --utrecht-button-subtle-padding-inline-end: var(--utrecht-accordion-button-padding-inline-end);
44
58
  --utrecht-button-subtle-padding-block-start: var(--utrecht-accordion-button-padding-block-start);
45
59
  --utrecht-button-subtle-padding-block-end: var(--utrecht-accordion-button-padding-block-end);
60
+ --utrecht-button-padding-block-start: var(--utrecht-accordion-button-padding-block-start);
61
+ --utrecht-button-padding-block-end: var(--utrecht-accordion-button-padding-block-end);
46
62
  --utrecht-button-subtle-color: var(--utrecht-accordion-button-color);
47
63
  --utrecht-button-subtle-hover-background-color: var(--utrecht-accordion-button-hover-background-color);
48
64
  --utrecht-button-subtle-hover-border-color: var(--utrecht-accordion-button-hover-border-color);
@@ -61,26 +77,11 @@
61
77
  position: relative;
62
78
  text-align: start;
63
79
  }
64
-
65
- .utrecht-accordion__button--utrecht[aria-expanded]::after {
66
- background-color: var(--utrecht-accordion-button-icon-utrecht-background-color);
67
- background-position: center;
68
- background-repeat: no-repeat;
69
- block-size: var(--utrecht-accordion-button-icon-size);
70
- content: "";
71
- inline-size: var(--utrecht-accordion-button-icon-size);
72
- inset-block-start: 0;
73
- inset-inline-end: 0;
74
- position: absolute;
75
- }
76
- .utrecht-accordion__button--utrecht[aria-expanded=false]::after {
77
- background-image: var(--utrecht-accordion-icon-utrecht-arrow-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M15.866 4.135l-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E"));
78
- }
79
- .utrecht-accordion__button--utrecht[aria-expanded=true]::after {
80
- background-image: var(--utrecht-accordion-icon-utrecht-arrow-up, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M5.223 9.457l5.32-5.322 5.322 5.322'/%3E%3C/svg%3E"));
81
- background-position: center;
82
- background-repeat: no-repeat;
83
- content: "";
80
+ .utrecht-accordion__button:focus-visible {
81
+ --utrecht-accordion-button-background-color: var(--utrecht-accordion-button-focus-visible-background-color);
82
+ --utrecht-accordion-button-color: var(--utrecht-accordion-button-focus-visible-color);
83
+ --utrecht-button-subtle-border-color: var(--utrecht-accordion-button-focus-visible-border-color);
84
+ --utrecht-button-subtle-border-width: var(--utrecht-accordion-button-focus-visible-border-width);
84
85
  }
85
86
 
86
87
  .utrecht-accordion__button-icon {
@@ -102,6 +103,8 @@
102
103
  }
103
104
 
104
105
  .utrecht-accordion__header {
106
+ align-items: center;
107
+ display: flex;
105
108
  margin-block-end: 0;
106
109
  margin-block-start: 0;
107
110
  }
package/dist/prince-xml.css CHANGED
@@ -29,8 +29,22 @@
29
29
  }
30
30
 
31
31
  .utrecht-accordion__section {
32
+ border-top-color: var(--utrecht-accordion-section-border-color, currentColor);
33
+ border-top-style: solid;
34
+ border-top-width: var(--utrecht-accordion-section-border-width, 0);
32
35
  break-inside: avoid;
33
36
  }
37
+ .utrecht-accordion__section:is(:last-child, :only-child) {
38
+ border-bottom-color: var(--utrecht-accordion-section-border-color, currentColor);
39
+ border-bottom-style: solid;
40
+ border-bottom-width: var(--utrecht-accordion-section-border-width, 0);
41
+ }
42
+ .utrecht-accordion__section:not(:last-child) {
43
+ border-bottom-color: transparent;
44
+ }
45
+ .utrecht-accordion__section:hover {
46
+ --utrecht-accordion-section-border-color: var(--utrecht-accordion-section-hover-border-color, currentColor);
47
+ }
34
48
 
35
49
  .utrecht-accordion__button {
36
50
  --utrecht-button-focus-scale: 1;
@@ -42,6 +56,8 @@
42
56
  --utrecht-button-subtle-padding-inline-end: var(--utrecht-accordion-button-padding-inline-end);
43
57
  --utrecht-button-subtle-padding-block-start: var(--utrecht-accordion-button-padding-block-start);
44
58
  --utrecht-button-subtle-padding-block-end: var(--utrecht-accordion-button-padding-block-end);
59
+ --utrecht-button-padding-block-start: var(--utrecht-accordion-button-padding-block-start);
60
+ --utrecht-button-padding-block-end: var(--utrecht-accordion-button-padding-block-end);
45
61
  --utrecht-button-subtle-color: var(--utrecht-accordion-button-color);
46
62
  --utrecht-button-subtle-hover-background-color: var(--utrecht-accordion-button-hover-background-color);
47
63
  --utrecht-button-subtle-hover-border-color: var(--utrecht-accordion-button-hover-border-color);
@@ -60,26 +76,11 @@
60
76
  position: relative;
61
77
  text-align: left;
62
78
  }
63
-
64
- .utrecht-accordion__button--utrecht[aria-expanded]::after {
65
- background-color: var(--utrecht-accordion-button-icon-utrecht-background-color);
66
- background-position: center;
67
- background-repeat: no-repeat;
68
- height: var(--utrecht-accordion-button-icon-size);
69
- content: "";
70
- width: var(--utrecht-accordion-button-icon-size);
71
- top: 0;
72
- right: 0;
73
- position: absolute;
74
- }
75
- .utrecht-accordion__button--utrecht[aria-expanded=false]::after {
76
- background-image: var(--utrecht-accordion-icon-utrecht-arrow-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M15.866 4.135l-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E"));
77
- }
78
- .utrecht-accordion__button--utrecht[aria-expanded=true]::after {
79
- background-image: var(--utrecht-accordion-icon-utrecht-arrow-up, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M5.223 9.457l5.32-5.322 5.322 5.322'/%3E%3C/svg%3E"));
80
- background-position: center;
81
- background-repeat: no-repeat;
82
- content: "";
79
+ .utrecht-accordion__button[prince-xml-ignore-pseudo-class-focus-visible] {
80
+ --utrecht-accordion-button-background-color: var(--utrecht-accordion-button-focus-visible-background-color);
81
+ --utrecht-accordion-button-color: var(--utrecht-accordion-button-focus-visible-color);
82
+ --utrecht-button-subtle-border-color: var(--utrecht-accordion-button-focus-visible-border-color);
83
+ --utrecht-button-subtle-border-width: var(--utrecht-accordion-button-focus-visible-border-width);
83
84
  }
84
85
 
85
86
  .utrecht-accordion__button-icon {
@@ -101,6 +102,8 @@
101
102
  }
102
103
 
103
104
  .utrecht-accordion__header {
105
+ align-items: center;
106
+ display: flex;
104
107
  margin-bottom: 0;
105
108
  margin-top: 0;
106
109
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "7.1.5",
2
+ "version": "7.1.6",
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",
@@ -20,101 +20,101 @@
20
20
  "directory": "packages/component-library-css"
21
21
  },
22
22
  "dependencies": {
23
- "@utrecht/accordion-css": "1.6.0",
24
- "@utrecht/alert-css": "2.2.0",
25
- "@utrecht/alert-dialog-css": "1.4.1",
26
- "@utrecht/alternate-lang-nav-css": "1.3.0",
27
- "@utrecht/article-css": "1.5.0",
28
- "@utrecht/backdrop-css": "1.4.0",
29
- "@utrecht/badge-counter-css": "1.4.0",
30
- "@utrecht/badge-list-css": "2.2.0",
31
- "@utrecht/blockquote-css": "1.6.0",
32
- "@utrecht/badge-status-css": "1.4.0",
33
- "@utrecht/body-css": "1.2.0",
34
- "@utrecht/breadcrumb-nav-css": "1.4.0",
35
- "@utrecht/button-css": "2.3.0",
36
- "@utrecht/button-group-css": "1.4.0",
37
- "@utrecht/button-link-css": "1.3.0",
38
- "@utrecht/calendar-css": "1.4.0",
39
- "@utrecht/checkbox-css": "1.6.0",
40
- "@utrecht/code-block-css": "1.5.0",
41
- "@utrecht/code-css": "1.5.0",
42
- "@utrecht/color-sample-css": "1.4.0",
43
- "@utrecht/column-layout-css": "1.5.0",
44
- "@utrecht/combobox-css": "1.4.0",
45
- "@utrecht/currency-data-css": "1.3.0",
46
- "@utrecht/custom-checkbox-css": "1.3.1",
47
- "@utrecht/data-badge-css": "1.0.0",
48
- "@utrecht/data-list-css": "1.4.0",
49
- "@utrecht/digid-button-css": "1.4.0",
50
- "@utrecht/document-css": "1.5.0",
51
- "@utrecht/drawer-css": "1.4.0",
52
- "@utrecht/emphasis-css": "1.5.0",
53
- "@utrecht/figure-css": "1.5.0",
54
- "@utrecht/form-css": "1.5.0",
55
- "@utrecht/form-field-css": "1.5.0",
56
- "@utrecht/form-field-description-css": "1.5.0",
57
- "@utrecht/form-field-error-message-css": "1.5.0",
58
- "@utrecht/form-fieldset-css": "1.5.0",
59
- "@utrecht/form-label-css": "1.6.0",
60
- "@utrecht/form-toggle-css": "1.5.0",
61
- "@utrecht/heading-1-css": "1.5.0",
62
- "@utrecht/heading-2-css": "1.5.0",
63
- "@utrecht/heading-3-css": "1.5.0",
64
- "@utrecht/heading-4-css": "1.5.0",
65
- "@utrecht/heading-5-css": "1.5.0",
66
- "@utrecht/heading-6-css": "1.5.0",
67
- "@utrecht/heading-group-css": "1.5.0",
68
- "@utrecht/html-content-css": "1.4.0",
69
- "@utrecht/iban-data-css": "1.3.0",
70
- "@utrecht/icon-css": "2.0.0",
71
- "@utrecht/img-css": "1.3.0",
72
- "@utrecht/index-char-nav-css": "1.4.0",
73
- "@utrecht/link-button-css": "1.4.0",
74
- "@utrecht/link-css": "1.6.0",
75
- "@utrecht/link-list-css": "2.3.0",
76
- "@utrecht/link-social-css": "1.4.0",
77
- "@utrecht/list-social-css": "1.4.0",
78
- "@utrecht/listbox-css": "1.5.1",
79
- "@utrecht/logo-button-css": "1.4.0",
80
- "@utrecht/logo-css": "1.4.0",
81
- "@utrecht/logo-image-css": "1.4.0",
82
- "@utrecht/map-marker-css": "1.4.0",
83
- "@utrecht/mark-css": "1.5.0",
84
- "@utrecht/multiline-data-css": "1.3.0",
85
- "@utrecht/nav-bar-css": "1.4.0",
86
- "@utrecht/nav-list-css": "1.3.0",
87
- "@utrecht/number-badge-css": "2.3.0",
88
- "@utrecht/number-data-css": "1.4.0",
89
- "@utrecht/ordered-list-css": "1.5.1",
90
- "@utrecht/page-body-css": "0.1.0",
91
- "@utrecht/page-content-css": "1.4.0",
92
- "@utrecht/page-css": "1.4.0",
93
- "@utrecht/page-footer-css": "2.1.0",
94
- "@utrecht/page-header-css": "1.5.0",
95
- "@utrecht/page-layout-css": "1.1.0",
96
- "@utrecht/pagination-css": "1.4.0",
97
- "@utrecht/paragraph-css": "2.3.0",
98
- "@utrecht/pre-heading-css": "1.4.0",
99
- "@utrecht/preserve-data-css": "1.3.0",
100
- "@utrecht/radio-button-css": "1.6.0",
101
- "@utrecht/root-css": "1.2.0",
102
- "@utrecht/rich-text-css": "1.3.0",
103
- "@utrecht/search-bar-css": "2.2.0",
104
- "@utrecht/select-css": "1.8.0",
105
- "@utrecht/separator-css": "1.5.0",
106
- "@utrecht/skip-link-css": "1.5.0",
107
- "@utrecht/spotlight-section-css": "1.6.0",
108
- "@utrecht/surface-css": "1.4.0",
109
- "@utrecht/table-css": "1.6.0",
110
- "@utrecht/table-of-contents-css": "0.3.0",
111
- "@utrecht/textarea-css": "2.3.1",
112
- "@utrecht/textbox-css": "1.7.0",
113
- "@utrecht/top-task-link-css": "1.4.0",
114
- "@utrecht/top-task-nav-css": "1.3.0",
115
- "@utrecht/unordered-list-css": "1.5.0",
116
- "@utrecht/url-data-css": "1.3.0",
117
- "@utrecht/data-placeholder-css": "1.4.0"
23
+ "@utrecht/accordion-css": "2.0.0",
24
+ "@utrecht/alert-css": "2.2.1",
25
+ "@utrecht/alert-dialog-css": "1.4.2",
26
+ "@utrecht/alternate-lang-nav-css": "1.3.1",
27
+ "@utrecht/article-css": "1.5.1",
28
+ "@utrecht/backdrop-css": "1.4.1",
29
+ "@utrecht/badge-counter-css": "1.4.1",
30
+ "@utrecht/badge-list-css": "2.2.1",
31
+ "@utrecht/badge-status-css": "1.4.1",
32
+ "@utrecht/blockquote-css": "1.6.1",
33
+ "@utrecht/body-css": "1.2.1",
34
+ "@utrecht/breadcrumb-nav-css": "1.4.1",
35
+ "@utrecht/button-css": "2.3.1",
36
+ "@utrecht/button-group-css": "1.4.1",
37
+ "@utrecht/button-link-css": "1.3.1",
38
+ "@utrecht/calendar-css": "1.4.1",
39
+ "@utrecht/checkbox-css": "1.6.1",
40
+ "@utrecht/code-block-css": "1.5.1",
41
+ "@utrecht/code-css": "1.5.1",
42
+ "@utrecht/color-sample-css": "1.4.1",
43
+ "@utrecht/column-layout-css": "1.5.1",
44
+ "@utrecht/combobox-css": "1.4.1",
45
+ "@utrecht/currency-data-css": "1.3.1",
46
+ "@utrecht/custom-checkbox-css": "1.3.2",
47
+ "@utrecht/data-badge-css": "1.0.1",
48
+ "@utrecht/data-list-css": "1.4.1",
49
+ "@utrecht/data-placeholder-css": "1.4.1",
50
+ "@utrecht/digid-button-css": "1.4.1",
51
+ "@utrecht/document-css": "1.5.1",
52
+ "@utrecht/drawer-css": "1.4.1",
53
+ "@utrecht/emphasis-css": "1.5.1",
54
+ "@utrecht/figure-css": "1.5.1",
55
+ "@utrecht/form-css": "1.5.1",
56
+ "@utrecht/form-field-css": "1.5.1",
57
+ "@utrecht/form-field-description-css": "1.5.1",
58
+ "@utrecht/form-field-error-message-css": "1.5.1",
59
+ "@utrecht/form-fieldset-css": "1.5.1",
60
+ "@utrecht/form-label-css": "1.6.1",
61
+ "@utrecht/form-toggle-css": "1.5.1",
62
+ "@utrecht/heading-1-css": "1.5.1",
63
+ "@utrecht/heading-2-css": "1.5.1",
64
+ "@utrecht/heading-3-css": "1.5.1",
65
+ "@utrecht/heading-4-css": "1.5.1",
66
+ "@utrecht/heading-5-css": "1.5.1",
67
+ "@utrecht/heading-6-css": "1.5.1",
68
+ "@utrecht/heading-group-css": "1.5.1",
69
+ "@utrecht/html-content-css": "1.4.1",
70
+ "@utrecht/iban-data-css": "1.3.1",
71
+ "@utrecht/icon-css": "2.0.1",
72
+ "@utrecht/img-css": "1.3.1",
73
+ "@utrecht/index-char-nav-css": "1.4.1",
74
+ "@utrecht/link-button-css": "1.4.1",
75
+ "@utrecht/link-css": "1.6.1",
76
+ "@utrecht/link-list-css": "2.3.1",
77
+ "@utrecht/link-social-css": "1.4.1",
78
+ "@utrecht/list-social-css": "1.4.1",
79
+ "@utrecht/listbox-css": "1.5.2",
80
+ "@utrecht/logo-button-css": "1.4.1",
81
+ "@utrecht/logo-css": "1.4.1",
82
+ "@utrecht/logo-image-css": "1.4.1",
83
+ "@utrecht/map-marker-css": "1.4.1",
84
+ "@utrecht/mark-css": "1.5.1",
85
+ "@utrecht/multiline-data-css": "1.3.1",
86
+ "@utrecht/nav-bar-css": "1.4.1",
87
+ "@utrecht/nav-list-css": "1.3.1",
88
+ "@utrecht/number-badge-css": "2.3.1",
89
+ "@utrecht/number-data-css": "1.4.1",
90
+ "@utrecht/ordered-list-css": "1.5.2",
91
+ "@utrecht/page-body-css": "0.1.1",
92
+ "@utrecht/page-content-css": "1.4.1",
93
+ "@utrecht/page-css": "1.4.1",
94
+ "@utrecht/page-footer-css": "2.1.1",
95
+ "@utrecht/page-header-css": "1.5.1",
96
+ "@utrecht/page-layout-css": "1.1.1",
97
+ "@utrecht/pagination-css": "1.4.1",
98
+ "@utrecht/paragraph-css": "2.3.1",
99
+ "@utrecht/pre-heading-css": "1.4.1",
100
+ "@utrecht/preserve-data-css": "1.3.1",
101
+ "@utrecht/radio-button-css": "1.6.1",
102
+ "@utrecht/rich-text-css": "1.3.1",
103
+ "@utrecht/root-css": "1.2.1",
104
+ "@utrecht/search-bar-css": "2.2.1",
105
+ "@utrecht/select-css": "1.8.1",
106
+ "@utrecht/separator-css": "1.5.1",
107
+ "@utrecht/skip-link-css": "1.5.1",
108
+ "@utrecht/spotlight-section-css": "1.6.1",
109
+ "@utrecht/surface-css": "1.4.1",
110
+ "@utrecht/table-css": "1.6.1",
111
+ "@utrecht/table-of-contents-css": "0.3.1",
112
+ "@utrecht/textarea-css": "2.3.2",
113
+ "@utrecht/textbox-css": "1.7.1",
114
+ "@utrecht/top-task-link-css": "1.4.1",
115
+ "@utrecht/top-task-nav-css": "1.3.1",
116
+ "@utrecht/unordered-list-css": "1.5.1",
117
+ "@utrecht/url-data-css": "1.3.1"
118
118
  },
119
119
  "devDependencies": {
120
120
  "postcss": "8.4.38",
@@ -123,7 +123,7 @@
123
123
  "rimraf": "5.0.7",
124
124
  "rollup": "4.18.0",
125
125
  "rollup-plugin-postcss": "4.0.2",
126
- "@utrecht/build-utils-css": "0.0.2"
126
+ "@utrecht/build-utils-css": "0.0.3"
127
127
  },
128
128
  "main": "dist/index.css",
129
129
  "scripts": {