@rijkshuisstijl-community/components-css 3.1.0 → 4.0.0
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/CHANGELOG.md +17 -0
- package/dist/index.css +3 -3
- package/index.scss +1 -0
- package/package.json +2 -2
- package/src/expandable-checkbox-group/_mixin.scss +27 -0
- package/src/expandable-checkbox-group/index.scss +23 -0
- package/src/link/_mixin.scss +4 -0
- package/src/link/index.scss +5 -1
package/index.scss
CHANGED
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
@use "src/data-badge-button/index" as dataBadgeButton;
|
|
20
20
|
@use "src/dot-badge/index" as dotBadge;
|
|
21
21
|
@use "src/checkbox/index" as checkbox;
|
|
22
|
+
@use "src/expandable-checkbox-group/index" as expandableCheckboxGroup;
|
|
22
23
|
@use "src/figure/index" as figure;
|
|
23
24
|
@use "src/file/index" as file;
|
|
24
25
|
@use "src/file-input/index" as fileInput;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rijkshuisstijl-community/components-css",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "Community for NL Design System",
|
|
6
6
|
"description": "CSS Components for a design system based on the NL Design System architecture",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@nl-design-system-candidate/number-badge-css": "1.1.2",
|
|
30
30
|
"@nl-design-system-candidate/paragraph-css": "2.1.0",
|
|
31
31
|
"@nl-design-system-candidate/skip-link-css": "1.0.2",
|
|
32
|
-
"@utrecht/component-library-css": "7.4.
|
|
32
|
+
"@utrecht/component-library-css": "7.4.1"
|
|
33
33
|
},
|
|
34
34
|
"scripts": {
|
|
35
35
|
"dev": "vite build --watch",
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2021 Community for NL Design System
|
|
4
|
+
*/
|
|
5
|
+
@use "../visually-hidden/mixin" as visually-hidden;
|
|
6
|
+
@use "@utrecht/focus-ring-css/src/mixin" as utrecht-focus-mixin;
|
|
7
|
+
|
|
8
|
+
@mixin rhc-expandable-checkbox-group__details {
|
|
9
|
+
margin-block-start: var(--rhc-expandable-checkbox-group-details-margin-block-start);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@mixin rhc-expandable-checkbox-group__summary {
|
|
13
|
+
color: var(--rhc-expandable-checkbox-group-summary-color);
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
inline-size: max-content;
|
|
16
|
+
margin-block-end: var(--rhc-expandable-checkbox-group-summary-margin-block-end);
|
|
17
|
+
margin-block-start: var(--rhc-expandable-checkbox-group-summary-margin-block-start);
|
|
18
|
+
text-decoration: var(--rhc-expandable-checkbox-group-summary-text-decoration);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@mixin rhc-expandable-checkbox-group__sr-only {
|
|
22
|
+
@include visually-hidden.rhc-visually-hidden;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@mixin rhc-expandable-checkbox-group__summary--focus-visible {
|
|
26
|
+
@include utrecht-focus-mixin.utrecht-focus-visible;
|
|
27
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license EUPL-1.2
|
|
3
|
+
* Copyright (c) 2021 Community for NL Design System
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
@use "mixin";
|
|
7
|
+
|
|
8
|
+
.rhc-expandable-checkbox-group__details {
|
|
9
|
+
@include mixin.rhc-expandable-checkbox-group__details;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.rhc-expandable-checkbox-group__summary {
|
|
13
|
+
@include mixin.rhc-expandable-checkbox-group__summary;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.rhc-expandable-checkbox-group .rhc-expandable-checkbox-group__sr-only {
|
|
17
|
+
@include mixin.rhc-expandable-checkbox-group__sr-only;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.rhc-expandable-checkbox-group__summary:focus-visible,
|
|
21
|
+
.rhc-expandable-checkbox-group__summary--focus-visible {
|
|
22
|
+
@include mixin.rhc-expandable-checkbox-group__summary--focus-visible;
|
|
23
|
+
}
|
package/src/link/_mixin.scss
CHANGED
package/src/link/index.scss
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.nl-link:visited,
|
|
26
|
-
.nl-link--
|
|
26
|
+
.nl-link--visited {
|
|
27
27
|
@include mixin.rhc-link--visited;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -47,3 +47,7 @@
|
|
|
47
47
|
.nl-link .rhc-link__sr-only {
|
|
48
48
|
@include button-mixin.invisible-but-accessible;
|
|
49
49
|
}
|
|
50
|
+
|
|
51
|
+
.nl-link:any-link.rhc-link--inline {
|
|
52
|
+
@include mixin.rhc-link--inline;
|
|
53
|
+
}
|