@gnist/design-system 6.3.0 → 6.3.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/CHANGELOG.md +6 -0
- package/dist/building-blocks/skeletons/CircularSkeleton.cjs +2 -1
- package/dist/building-blocks/skeletons/CircularSkeleton.d.ts.map +1 -1
- package/dist/building-blocks/skeletons/CircularSkeleton.js +2 -1
- package/dist/building-blocks/skeletons/RectangularSkeleton.cjs +2 -1
- package/dist/building-blocks/skeletons/RectangularSkeleton.d.ts.map +1 -1
- package/dist/building-blocks/skeletons/RectangularSkeleton.js +2 -1
- package/dist/building-blocks/skeletons/TextSkeleton.cjs +2 -1
- package/dist/building-blocks/skeletons/TextSkeleton.d.ts.map +1 -1
- package/dist/building-blocks/skeletons/TextSkeleton.js +2 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [6.3.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.3.0...@gnist/design-system@6.3.1) (2026-06-01)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* skeletons should be treated as decorative, so adding aria-hidden ([e66ae17](https://github.com/mollerdigital/design-system-design-system/commit/e66ae17da1cf61309f0ffd695a7478f1e4568c26))
|
|
11
|
+
|
|
6
12
|
## [6.3.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.3...@gnist/design-system@6.3.0) (2026-05-27)
|
|
7
13
|
|
|
8
14
|
### Features
|
|
@@ -24,8 +24,9 @@ var CircularSkeleton = ({ className, height = "100%", width = "100%" }) => {
|
|
|
24
24
|
return (0, react_jsx_runtime.jsx)(ContentLoader, {
|
|
25
25
|
height,
|
|
26
26
|
width,
|
|
27
|
-
title: "",
|
|
28
27
|
className,
|
|
28
|
+
"aria-hidden": true,
|
|
29
|
+
focusable: false,
|
|
29
30
|
backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
|
|
30
31
|
foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
|
|
31
32
|
children: (0, react_jsx_runtime.jsx)("ellipse", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/CircularSkeleton.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,
|
|
1
|
+
{"version":3,"file":"CircularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/CircularSkeleton.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,4CAsBvB,CAAC"}
|
|
@@ -22,8 +22,9 @@ var CircularSkeleton = ({ className, height = "100%", width = "100%" }) => {
|
|
|
22
22
|
return jsx(ContentLoader, {
|
|
23
23
|
height,
|
|
24
24
|
width,
|
|
25
|
-
title: "",
|
|
26
25
|
className,
|
|
26
|
+
"aria-hidden": true,
|
|
27
|
+
focusable: false,
|
|
27
28
|
backgroundColor: tokens.color.loader,
|
|
28
29
|
foregroundColor: tokens.color["on-loader"],
|
|
29
30
|
children: jsx("ellipse", {
|
|
@@ -15,8 +15,9 @@ var ContentLoader = react_content_loader.default;
|
|
|
15
15
|
var RectangularSkeleton = ({ className, height = "100%", width = "100%", rounded = false }) => (0, react_jsx_runtime.jsx)(ContentLoader, {
|
|
16
16
|
height,
|
|
17
17
|
width,
|
|
18
|
-
title: "",
|
|
19
18
|
className,
|
|
19
|
+
"aria-hidden": true,
|
|
20
|
+
focusable: false,
|
|
20
21
|
backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
|
|
21
22
|
foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
|
|
22
23
|
children: (0, react_jsx_runtime.jsx)("rect", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RectangularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/RectangularSkeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,
|
|
1
|
+
{"version":3,"file":"RectangularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/RectangularSkeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAoB1B,CAAC"}
|
|
@@ -13,8 +13,9 @@ var ContentLoader = reactContentLoader;
|
|
|
13
13
|
var RectangularSkeleton = ({ className, height = "100%", width = "100%", rounded = false }) => jsx(ContentLoader, {
|
|
14
14
|
height,
|
|
15
15
|
width,
|
|
16
|
-
title: "",
|
|
17
16
|
className,
|
|
17
|
+
"aria-hidden": true,
|
|
18
|
+
focusable: false,
|
|
18
19
|
backgroundColor: tokens.color.loader,
|
|
19
20
|
foregroundColor: tokens.color["on-loader"],
|
|
20
21
|
children: jsx("rect", {
|
|
@@ -24,7 +24,8 @@ var TextSkeleton = ({ className, height = "1em", width = "100%" }) => {
|
|
|
24
24
|
children: (0, react_jsx_runtime.jsx)(ContentLoader, {
|
|
25
25
|
height,
|
|
26
26
|
width,
|
|
27
|
-
|
|
27
|
+
"aria-hidden": true,
|
|
28
|
+
focusable: false,
|
|
28
29
|
backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
|
|
29
30
|
foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
|
|
30
31
|
children: (0, react_jsx_runtime.jsx)("rect", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/TextSkeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"TextSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/TextSkeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,4CA8BnB,CAAC"}
|
|
@@ -22,7 +22,8 @@ var TextSkeleton = ({ className, height = "1em", width = "100%" }) => {
|
|
|
22
22
|
children: jsx(ContentLoader, {
|
|
23
23
|
height,
|
|
24
24
|
width,
|
|
25
|
-
|
|
25
|
+
"aria-hidden": true,
|
|
26
|
+
focusable: false,
|
|
26
27
|
backgroundColor: tokens.color.loader,
|
|
27
28
|
foregroundColor: tokens.color["on-loader"],
|
|
28
29
|
children: jsx("rect", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gnist/design-system",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"optional": true
|
|
105
105
|
}
|
|
106
106
|
},
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "6741ee37d210b60ca5de52aae7f262ca193404ab"
|
|
108
108
|
}
|