version 2.6.0

.storybook/main.ts

@@ -1,3 +1,4 @@
+import remarkGfm from 'remark-gfm';
 import type { StorybookConfig } from '@storybook/react-webpack5';
 
 import path from 'path';
@@ -11,6 +12,7 @@ const config: StorybookConfig = {
         '@storybook/addon-viewport',
         '@storybook/addon-docs',
         '@storybook/addon-a11y',
+        '@storybook/addon-designs',
         'storybook-dark-mode',
         {
             name: '@storybook/addon-styling-webpack',
@@ -30,24 +32,31 @@ const config: StorybookConfig = {
                 ],
             },
         },
-        '@storybook/addon-mdx-gfm',
         '@storybook/addon-webpack5-compiler-babel',
     ],
     framework: {
         name: '@storybook/react-webpack5',
         options: {},
     },
-    docs: {},
+    docs: {
+        mdxPluginOptions: {
+            mdxCompileOptions: {
+                remarkPlugins: [remarkGfm],
+            },
+        },
+    },
     staticDirs: ['../public'],
     webpackFinal: async (config) => {
         config.resolve = config.resolve ?? {};
         config.resolve.modules = [path.resolve(__dirname, '..'), 'node_modules'];
         config.resolve.alias = {
             ...(config.resolve.alias ?? {}),
+            '@root': path.resolve(__dirname, '../'),
             '@': path.resolve(__dirname, '../src'),
             'CHANGELOG': path.resolve(__dirname, '../CHANGELOG.md'),
         };
         return config;
     },
 };
+
 export default config;

CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [v2.5.0](https://github.com/netservicespa/astrea-react-ds/commit/2395ae49e5f9e3d2443a81a162c3c1c094ccebed) (Nov 5 2024)
+
+## New Additions
+
+- **NsSwitch**:
+  - Introduced the new `NsSwitch` component for toggle functionality.
+
+- **NsNumberInput**:
+  - Added NsNumberInput component to replace `<input type="number">` for improved accessibility, non-incrementable fields (like passport numbers), and better user experience. The new component uses `<input type="text" inputmode="numeric" pattern="[0-9]*">` for enhanced compatibility across devices.
+
+## Improved
+
+- **NsHeader**:
+  - Added infoBox prop allowing a React component to be centered within the header for greater customization.
+
+- **NsDataGrid**:
+  - Adjusted Typography to render as `<div>` instead of `<p>` to prevent nesting errors when including other elements inside it.
+
+- **NsPanel**:
+  - Provided an example usage to simulate a specific case and ensure the panel dynamically adapts to the parent container size.
+
+- **Storybook**:
+  - Updated the dark mode banner's "Need Help" color for better visibility.
+
+## Fixed
+
+- **Tooltip**:
+  - Removed the border for a cleaner visual appearance.
+
+- **Exports**:
+  - Exported the DynamicLink component for wider availability in the project.
+
 # [v2.4.0](https://github.com/netservicespa/astrea-react-ds/commit/26f3d60cb3e8a9054f22bb4098e663f7b1b9af2b) (Oct 10 2024)
 
 ## New Additions

figma.json

@@ -0,0 +1,39 @@
+{
+    "components": {
+        "accordion": "https://www.figma.com/proto/stnH3WvO0cY4RV0kNVy1um/Astrea-Design-System?node-id=187-4198&t=DaXMtPDeZderXzqt-1",
+        "breadcrumb": "https://www.figma.com/proto/stnH3WvO0cY4RV0kNVy1um/Astrea-Design-System?node-id=188-4210&t=DaXMtPDeZderXzqt-1",
+        "button": "https://www.figma.com/proto/stnH3WvO0cY4RV0kNVy1um/Astrea-Design-System?node-id=188-4216&t=DaXMtPDeZderXzqt-1",
+        "card": "",
+        "datagrid": "",
+        "dialog": "",
+        "drawer": "",
+        "dropdown": "",
+        "feedback": "",
+        "form": "",
+        "loader": "",
+        "modal": "",
+        "notifier": "",
+        "pagination": "",
+        "panel": "",
+        "progress": "",
+        "scrolltop": "",
+        "skip-link": "",
+        "table-classic": "",
+        "tabs": "",
+        "tag": "",
+        "tooltip": ""
+    },
+    "patterns": {
+        "header": "https://www.figma.com/proto/stnH3WvO0cY4RV0kNVy1um/Astrea-Design-System?node-id=2238-11186&t=DaXMtPDeZderXzqt-1",
+        "footer": "https://www.figma.com/proto/stnH3WvO0cY4RV0kNVy1um/Astrea-Design-System?node-id=27-107&t=DaXMtPDeZderXzqt-1",
+        "dragdrop": "",
+        "notification": "",
+        "page-header": "",
+        "user-panel": "",
+        "wizard": ""
+    },
+    "layouts": {
+        "confirmation": "",
+        "login": ""
+    }
+}  

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netservice/astrea-react-ds",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "main": "dist/umd/index.min.js",
   "module": "dist/esm/index.js",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@fontsource/titillium-web": "^4.5.9",
-    "@storybook/test": "^8.3.4",
+    "@storybook/test": "^8.4.2",
     "date-fns": "2.29.3"
   },
   "peerDependencies": {
@@ -93,19 +93,19 @@
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^9.0.2",
     "@storybook/addon-a11y": "^8.3.4",
+    "@storybook/addon-designs": "^8.0.4",
     "@storybook/addon-docs": "^8.3.4",
     "@storybook/addon-essentials": "^8.3.4",
     "@storybook/addon-interactions": "^8.3.4",
     "@storybook/addon-links": "^8.3.4",
-    "@storybook/addon-mdx-gfm": "^8.3.4",
     "@storybook/addon-styling-webpack": "^1.0.0",
     "@storybook/addon-viewport": "^8.3.4",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/blocks": "^8.3.4",
-    "@storybook/manager-api": "^8.3.4",
-    "@storybook/react": "^8.3.4",
-    "@storybook/react-webpack5": "^8.3.4",
-    "@storybook/theming": "^8.3.4",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/manager-api": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/theming": "^8.4.2",
     "@tanstack/react-table": "^8.16.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^16.0.0",
@@ -145,6 +145,7 @@
     "relay-forms": "^2.1.1",
     "relay-hooks": "^8.0.0",
     "relay-runtime": "^15.0.0",
+    "remark-gfm": "^4.0.0",
     "resolve-url-loader": "^5.0.0",
     "rimraf": "^5.0.7",
     "rollup": "^3.2.5",
@@ -153,7 +154,7 @@
     "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.71.1",
     "sass-loader": "^14.1.1",
-    "storybook": "^8.3.4",
+    "storybook": "^8.4.2",
     "storybook-dark-mode": "^4.0.2",
     "style-loader": "^3.3.4",
     "ts-jest": "^29.1.4",