@gnist/design-system 5.3.5 → 5.4.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 +12 -0
- package/dist/components/surfaces/accordion/Accordion.cjs +1 -2
- package/dist/components/surfaces/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/surfaces/accordion/Accordion.js +2 -3
- package/dist/components/surfaces/accordion/accordion.css.cjs +7 -1
- package/dist/components/surfaces/accordion/accordion.css.d.ts +1 -0
- package/dist/components/surfaces/accordion/accordion.css.d.ts.map +1 -1
- package/dist/components/surfaces/accordion/accordion.css.js +8 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,18 @@
|
|
|
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
|
+
## [5.4.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.4.0...@gnist/design-system@5.4.1) (2026-01-09)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* set font-size to 1rem and 12px padding for accordion ([ff29b43](https://github.com/mollerdigital/design-system-design-system/commit/ff29b43948aef4519ffa7964a6d95be8bbd5eedc))
|
|
11
|
+
|
|
12
|
+
## [5.4.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.5...@gnist/design-system@5.4.0) (2026-01-09)
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* enable trusted publishing for npm packages ([a494791](https://github.com/mollerdigital/design-system-design-system/commit/a49479114d7a7a695c4d422bb1ac7839ba940664))
|
|
17
|
+
|
|
6
18
|
## [5.3.5](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@5.3.4...@gnist/design-system@5.3.5) (2026-01-08)
|
|
7
19
|
|
|
8
20
|
### Bug Fixes
|
|
@@ -11,10 +11,9 @@ const index = require("../../../foundation/typography/index.cjs");
|
|
|
11
11
|
require("react");
|
|
12
12
|
require("classnames");
|
|
13
13
|
require("../../../foundation/logos/Logo.css.cjs");
|
|
14
|
-
const atoms_css_js = require("@gnist/themes/atoms.css.js");
|
|
15
14
|
const accordion_css = require("./accordion.css.cjs");
|
|
16
15
|
function AccordionElement({ head, expanded, children, ref, ...props }) {
|
|
17
|
-
const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className:
|
|
16
|
+
const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className: accordion_css.heading, children: head }) : head;
|
|
18
17
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("details", { ...props, open: expanded, ref, children: [jsxRuntime.jsxs("summary", { className: accordion_css.head, children: [jsxRuntime.jsx("div", { className: accordion_css.headBackground }), headElement, jsxRuntime.jsx(Icon.Icon, { icon: "expand_more" })] }), jsxRuntime.jsx("div", { className: accordion_css.body, children })] }) });
|
|
19
18
|
}
|
|
20
19
|
const Accordion = componentUtils.component("Accordion", accordion_css.accordionRecipe, AccordionElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,cAAc,GAAG;IAClB,oFAAoF;IACpF,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yJAAyJ;IACzJ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,GAAG,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACjC,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACX,EAAE,cAAc,2CAoBhB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;GAIrB,CAAC"}
|
|
@@ -9,10 +9,9 @@ import { Heading3Text } from "../../../foundation/typography/index.js";
|
|
|
9
9
|
import "react";
|
|
10
10
|
import "classnames";
|
|
11
11
|
import "../../../foundation/logos/Logo.css.js";
|
|
12
|
-
import {
|
|
13
|
-
import { accordionRecipe, head, headBackground, body } from "./accordion.css.js";
|
|
12
|
+
import { accordionRecipe, heading, head, headBackground, body } from "./accordion.css.js";
|
|
14
13
|
function AccordionElement({ head: head$1, expanded, children, ref, ...props }) {
|
|
15
|
-
const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className:
|
|
14
|
+
const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className: heading, children: head$1 }) : head$1;
|
|
16
15
|
return jsx(Fragment, { children: jsxs("details", { ...props, open: expanded, ref, children: [jsxs("summary", { className: head, children: [jsx("div", { className: headBackground }), headElement, jsx(Icon, { icon: "expand_more" })] }), jsx("div", { className: body, children })] }) });
|
|
17
16
|
}
|
|
18
17
|
const Accordion = component("Accordion", accordionRecipe, AccordionElement);
|
|
@@ -35,7 +35,6 @@ const head = css.style([
|
|
|
35
35
|
}),
|
|
36
36
|
{
|
|
37
37
|
cursor: "pointer",
|
|
38
|
-
paddingInline: tokens_css_js.tokens.spacing.xxs,
|
|
39
38
|
position: "relative",
|
|
40
39
|
selectors: {
|
|
41
40
|
"&:focus": {
|
|
@@ -44,6 +43,12 @@ const head = css.style([
|
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
]);
|
|
46
|
+
const heading = css.style([
|
|
47
|
+
atoms_css_js.atoms({ typography: "heading3-small" }),
|
|
48
|
+
{
|
|
49
|
+
fontSize: tokens_css_js.tokens.type.medium.body.fontSize
|
|
50
|
+
}
|
|
51
|
+
]);
|
|
47
52
|
const headBackground = css.style({
|
|
48
53
|
position: "absolute",
|
|
49
54
|
width: "100%",
|
|
@@ -74,3 +79,4 @@ exports.accordionRecipe = accordionRecipe;
|
|
|
74
79
|
exports.body = body;
|
|
75
80
|
exports.head = head;
|
|
76
81
|
exports.headBackground = headBackground;
|
|
82
|
+
exports.heading = heading;
|
|
@@ -12,6 +12,7 @@ export declare const accordionRecipe: import("@vanilla-extract/recipes").Runtime
|
|
|
12
12
|
};
|
|
13
13
|
}>;
|
|
14
14
|
export declare const head: string;
|
|
15
|
+
export declare const heading: string;
|
|
15
16
|
export declare const headBackground: string;
|
|
16
17
|
export declare const body: string;
|
|
17
18
|
//# sourceMappingURL=accordion.css.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/accordion.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;EAqB1B,CAAC;AAEH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"accordion.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/accordion/accordion.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;;;;;;;;;;;;EAqB1B,CAAC;AAEH,eAAO,MAAM,IAAI,QAiBf,CAAC;AAEH,eAAO,MAAM,OAAO,QAKlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAWzB,CAAC;AAEH,eAAO,MAAM,IAAI,QAEf,CAAC"}
|
|
@@ -33,7 +33,6 @@ const head = style([
|
|
|
33
33
|
}),
|
|
34
34
|
{
|
|
35
35
|
cursor: "pointer",
|
|
36
|
-
paddingInline: tokens.spacing.xxs,
|
|
37
36
|
position: "relative",
|
|
38
37
|
selectors: {
|
|
39
38
|
"&:focus": {
|
|
@@ -42,6 +41,12 @@ const head = style([
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
]);
|
|
44
|
+
const heading = style([
|
|
45
|
+
atoms({ typography: "heading3-small" }),
|
|
46
|
+
{
|
|
47
|
+
fontSize: tokens.type.medium.body.fontSize
|
|
48
|
+
}
|
|
49
|
+
]);
|
|
45
50
|
const headBackground = style({
|
|
46
51
|
position: "absolute",
|
|
47
52
|
width: "100%",
|
|
@@ -72,5 +77,6 @@ export {
|
|
|
72
77
|
accordionRecipe,
|
|
73
78
|
body,
|
|
74
79
|
head,
|
|
75
|
-
headBackground
|
|
80
|
+
headBackground,
|
|
81
|
+
heading
|
|
76
82
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gnist/design-system",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.4.1",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -72,8 +72,8 @@
|
|
|
72
72
|
"@rollup/plugin-typescript": "^12.1.4",
|
|
73
73
|
"@tsconfig/node22": "^22.0.2",
|
|
74
74
|
"@types/node": "^22.14.0",
|
|
75
|
-
"@types/react": "
|
|
76
|
-
"@types/react-dom": "
|
|
75
|
+
"@types/react": "19.2.7",
|
|
76
|
+
"@types/react-dom": "19.2.3",
|
|
77
77
|
"@types/semver": "^7.7.0",
|
|
78
78
|
"@vitejs/plugin-react-swc": "^3.10.2",
|
|
79
79
|
"eslint": "^9.33.0",
|
|
@@ -81,8 +81,8 @@
|
|
|
81
81
|
"globby": "^14.1.0",
|
|
82
82
|
"madge": "^8.0.0",
|
|
83
83
|
"prettier": "^3.6.2",
|
|
84
|
-
"react": "
|
|
85
|
-
"react-dom": "
|
|
84
|
+
"react": "19.2.3",
|
|
85
|
+
"react-dom": "19.2.3",
|
|
86
86
|
"rollup-plugin-copy": "^3.5.0",
|
|
87
87
|
"semver": "^7.7.2",
|
|
88
88
|
"svgo": "^3.3.2",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"optional": true
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "b2af6d36b860cd0bedaec8120b7801476fdf5180"
|
|
106
106
|
}
|