@gnist/design-system 1.0.4 → 2.0.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@1.0.5...@gnist/design-system@2.0.0) (2025-01-22)
+
+### ⚠ BREAKING CHANGES
+
+* Package is no longer compatible with React 17. Please upgrade to React 18 to use this package.
+
+### Bug Fixes
+
+* Add react18 compatibility ([2a3df56](https://github.com/mollerdigital/design-system-design-system/commit/2a3df56ab43f372d8498899eca03cb21548f247e))
+
+### Miscellaneous Chores
+
+* Bump design-system to React 18 ([13d5ac1](https://github.com/mollerdigital/design-system-design-system/commit/13d5ac134946aee318d350cf86f78267d7f2a127))
+
+## [1.0.5](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@1.0.4...@gnist/design-system@1.0.5) (2025-01-22)
+
+### Bug Fixes
+
+* expanded prop does not exist on detail in Accordion ([0909d53](https://github.com/mollerdigital/design-system-design-system/commit/0909d532955904f8ef24394922cdfec4858e191d))
+
 ## [1.0.4](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@1.0.3...@gnist/design-system@1.0.4) (2025-01-20)
 
 **Note:** Version bump only for package @gnist/design-system

package/dist/components/surfaces/accordion/Accordion.cjs

@@ -13,9 +13,9 @@ require("classnames");
 require("../../../foundation/logos/Logo.css.cjs");
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
 const accordion_css = require("./accordion.css.cjs");
-const AccordionElement = React.forwardRef(function AccordionElement2({ head, children, ...props }, ref) {
+const AccordionElement = React.forwardRef(function AccordionElement2({ head, expanded, children, ...props }, ref) {
   const headElement = typeof head === "string" ? jsxRuntime.jsx(index.Heading3Text, { className: atoms_css_js.atoms({ typography: "heading3-small" }), children: head }) : head;
-  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("details", { ...props, open: props.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 })] }) });
+  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 })] }) });
 });
 const Accordion = componentUtils.component("Accordion", accordion_css.accordionRecipe, AccordionElement);
 exports.Accordion = Accordion;

package/dist/components/surfaces/accordion/Accordion.js

@@ -11,9 +11,9 @@ import "classnames";
 import "../../../foundation/logos/Logo.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { head, headBackground, body, accordionRecipe } from "./accordion.css.js";
-const AccordionElement = forwardRef(function AccordionElement2({ head: head$1, children, ...props }, ref) {
+const AccordionElement = forwardRef(function AccordionElement2({ head: head$1, expanded, children, ...props }, ref) {
   const headElement = typeof head$1 === "string" ? jsx(Heading3Text, { className: atoms({ typography: "heading3-small" }), children: head$1 }) : head$1;
-  return jsx(Fragment, { children: jsxs("details", { ...props, open: props.expanded, ref, children: [jsxs("summary", { className: head, children: [jsx("div", { className: headBackground }), headElement, jsx(Icon, { icon: "expand_more" })] }), jsx("div", { className: body, children })] }) });
+  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 })] }) });
 });
 const Accordion = component("Accordion", accordionRecipe, AccordionElement);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gnist/design-system",
-    "version": "1.0.4",
+    "version": "2.0.0",
     "license": "UNLICENSED",
     "type": "module",
     "main": "dist/index.cjs",
@@ -48,8 +48,8 @@
     },
     "dependencies": {
         "@formkit/auto-animate": "^0.7.0",
-        "@gnist/component-utils": "2.0.0",
-        "@gnist/themes": "^1.0.2",
+        "@gnist/component-utils": "3.0.0",
+        "@gnist/themes": "^2.0.0",
         "@mui/base": "^5.0.0-beta.36",
         "@vanilla-extract/css": "^1.14.1",
         "@vanilla-extract/css-utils": "^0.1.3",
@@ -61,10 +61,10 @@
         "react-content-loader": "^6.2.1"
     },
     "peerDependencies": {
-        "@types/react": "^17.0.45 || ^18.0.0 || ^19.0.0",
-        "@types/react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
     },
     "devDependencies": {
         "@gnist/eslint-config": "0.0.0",
@@ -90,8 +90,8 @@
         "globby": "^13.1.2",
         "madge": "^6.1.0",
         "prettier": "^2.7.1",
-        "react": "^17.0.0",
-        "react-dom": "^17.0.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "rollup-plugin-copy": "^3.4.0",
         "semver": "^7.5.2",
         "svgo": "^2.8.0",
@@ -113,5 +113,5 @@
             "optional": true
         }
     },
-    "gitHead": "924897c7627bc44019ecf7f45a9165e2b0315217"
+    "gitHead": "37c44e7b40b7e948c71648b419fa2a6bf8d9f850"
 }