@bbl-digital/snorre 4.1.21 → 4.1.22

package/dist/bundle.js

@@ -30256,7 +30256,7 @@
     const tag = React.useMemo(() => getHtmlTag(header), [header]);
     const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
     function getHtmlTag(node) {
-      if ( /*#__PURE__*/React__default["default"].isValidElement(node)) {
+      if (/*#__PURE__*/React__default["default"].isValidElement(node)) {
         const element = node;
         if (typeof element.type === 'function') {
           return element.type.name;
@@ -32933,7 +32933,7 @@
     });
     let pages = [];
     for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-      pages.push( /*#__PURE__*/jsxRuntime$1.jsx(Button, {
+      pages.push(/*#__PURE__*/jsxRuntime$1.jsx(Button, {
         nostyle: true,
         onClick: () => onPageClick && onPageClick(i + 1),
         css: PageStyle(currentPage === i + 1, theme.primary),

package/esm/core/CollapseList/Item.js

@@ -15,7 +15,7 @@ const CollapseListItem = /*#__PURE__*/React.forwardRef(({
   const tag = useMemo(() => getHtmlTag(header), [header]);
   const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
   function getHtmlTag(node) {
-    if ( /*#__PURE__*/React.isValidElement(node)) {
+    if (/*#__PURE__*/React.isValidElement(node)) {
       const element = node;
       if (typeof element.type === 'function') {
         return element.type.name;

package/esm/core/ListPager/index.js

@@ -25,7 +25,7 @@ const ListPager = ({
   });
   let pages = [];
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-    pages.push( /*#__PURE__*/_jsx(Button, {
+    pages.push(/*#__PURE__*/_jsx(Button, {
       nostyle: true,
       onClick: () => onPageClick && onPageClick(i + 1),
       css: PageStyle(currentPage === i + 1, theme.primary),

package/lib/core/CollapseList/Item.js

@@ -15,7 +15,7 @@ const CollapseListItem = /*#__PURE__*/React.forwardRef(({
   const tag = useMemo(() => getHtmlTag(header), [header]);
   const isHeadingOrHTMLHeading = headerTags.includes(tag || '');
   function getHtmlTag(node) {
-    if ( /*#__PURE__*/React.isValidElement(node)) {
+    if (/*#__PURE__*/React.isValidElement(node)) {
       const element = node;
       if (typeof element.type === 'function') {
         return element.type.name;

package/lib/core/ListPager/index.js

@@ -25,7 +25,7 @@ const ListPager = ({
   });
   let pages = [];
   for (let i = firstButtonIndex; i < firstButtonIndex + totalButtons; i++) {
-    pages.push( /*#__PURE__*/_jsx(Button, {
+    pages.push(/*#__PURE__*/_jsx(Button, {
       nostyle: true,
       onClick: () => onPageClick && onPageClick(i + 1),
       css: PageStyle(currentPage === i + 1, theme.primary),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "4.1.21",
+  "version": "4.1.22",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",
@@ -20,8 +20,11 @@
   "author": "bbl-digital",
   "dependencies": {
     "@popperjs/core": "^2.11.5",
+    "@storybook/builder-vite": "^8.2.9",
+    "@storybook/react-dom-shim": "^8.2.9",
     "@tinymce/tinymce-react": "^3.14.0",
     "@types/quill": "^2.0.14",
+    "@vitejs/plugin-react": "^4.3.1",
     "date-fns": "^2.29.3",
     "focus-trap-react": "^10.0.0",
     "framer-motion": "^11.0.28",
@@ -50,10 +53,10 @@
   "scripts": {
     "prettier": "prettier --write src/**/*.{js,ts,tsx}",
     "prettier:check": "prettier --list-different src/**/*.{js,ts,tsx}",
-    "storybook": "storybook dev -p 9009",
+    "storybook": "storybook dev -p 6006",
     "start": "yarn storybook",
     "theme": "node ./theme-generator.js",
-    "build-storybook": "storybook build NODE_OPTIONS=--openssl-legacy-provider ",
+    "build-storybook": "storybook build",
     "build": "yarn run build:cjs && yarn run build:esm && yarn run build:umd && yarn run build:tsc",
     "build:tsc": "tsc -p ./src/packages/tsconfig.json",
     "build:cjs": "babel --extensions .ts,.tsx ./src/packages --out-dir ./lib",
@@ -68,25 +71,29 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.17.10",
-    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.17.12",
+    "@chromatic-com/storybook": "^1",
     "@emotion/babel-plugin": "^11.9.2",
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/jest": "^11.9.3",
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@rollup/plugin-commonjs": "^20.0.0",
-    "@storybook/addon-a11y": "7.0.12",
-    "@storybook/addon-actions": "7.0.12",
-    "@storybook/addon-docs": "7.0.12",
-    "@storybook/addon-essentials": "7.0.12",
-    "@storybook/addon-links": "7.0.12",
-    "@storybook/addon-mdx-gfm": "7.0.12",
-    "@storybook/addons": "7.0.12",
-    "@storybook/blocks": "7.0.12",
-    "@storybook/preset-create-react-app": "^3.2.0",
-    "@storybook/react": "^7.0.12",
-    "@storybook/react-vite": "^7.0.12",
+    "@storybook/addon-a11y": "^8.2.9",
+    "@storybook/addon-actions": "^8.2.9",
+    "@storybook/addon-docs": "^8.2.9",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/preset-create-react-app": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
@@ -102,6 +109,7 @@
     "@vitejs/plugin-react-swc": "^3.3.1",
     "babel-loader": "^8.2.5",
     "body-scroll-lock": "^3.1.5",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^4.2.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^27.0.4",
@@ -115,7 +123,7 @@
     "react-transition-group": "^4.4.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.75.7",
-    "storybook": "7.0.12",
+    "storybook": "^8.2.9",
     "storybook-addon-emotion-theme": "^2.1.1",
     "ts-jest": "^27.0.3",
     "typescript": "^5.1.6"
@@ -148,7 +156,8 @@
   "eslintConfig": {
     "extends": [
       "react-app",
-      "react-app/jest"
+      "react-app/jest",
+      "plugin:storybook/recommended"
     ]
   },
   "resolutions": {

package/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+})