hr-design-system-handlebars 1.83.12 → 1.84.0

package/.storybook/main.js

@@ -11,6 +11,7 @@ const config = {
     ],
     features: { buildStoriesJson: true },
     addons: [
+        '@storybook/addon-themes',
         '@storybook/addon-links',
         {
             name: '@storybook/addon-essentials',
@@ -19,33 +20,44 @@ const config = {
             },
         },
         '@storybook/addon-a11y',
-        {
-            name: '@storybook/addon-styling',
-            options: {
-                postCss: {
-                    implementation: require('postcss'),
-                },
-            },
-        },
         {
             name: '@storybook/addon-docs',
             options: {
                 mdxPluginOptions: {
-                    mdxCompileOptions: {
-                        remarkPlugins: [remarkGfm],
-                    },
                 },
             },
         },
+        '@storybook/addon-interactions',
+        '@chromatic-com/storybook',
+        '@storybook/addon-styling-webpack',
         {
-            name: '@storybook/addon-styling',
+            name: '@storybook/addon-styling-webpack',
+
             options: {
-                postCss: {
-                    implementation: require.resolve('postcss'),
-                },
+                rules: [
+                    {
+                        test: /\.css$/,
+                        sideEffects: true,
+                        use: [
+                            require.resolve('style-loader'),
+                            {
+                                loader: require.resolve('css-loader'),
+                                options: {
+                                    importLoaders: 1,
+                                },
+                            },
+                            {
+                                loader: require.resolve('postcss-loader'),
+                                options: {
+                                    implementation: require('postcss'),
+                                },
+                            },
+                        ],
+                    },
+                ],
             },
         },
-        '@storybook/addon-interactions'
+        '@storybook/addon-webpack5-compiler-swc',
     ],
     webpackFinal: async (config, { configType }) => {
         // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
@@ -142,8 +154,6 @@ const config = {
         name: '@storybook/html-webpack5',
         options: {},
     },
-    docs: {
-        autodocs: true,
-    },
+    docs: {},
 }
 export default config

package/.storybook/manager.js

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons'
+import { addons } from '@storybook/manager-api'
 import { themes } from '@storybook/theming'
 import hrDesignsystemDark from './HRDesignsystemDark'
 import hrDesignsystemLight from './HRDesignsystemLight'

package/.storybook/preview.js

@@ -1,6 +1,6 @@
 import '!style-loader!css-loader!postcss-loader!tailwind'
 import 'tailwind'
-import { withThemeByDataAttribute } from '@storybook/addon-styling'
+import { withThemeByDataAttribute } from '@storybook/addon-themes'
 import '@storybook/addon-console'
 import { setConsoleOptions } from '@storybook/addon-console';
 import { configureActions } from '@storybook/addon-actions';
@@ -16,6 +16,7 @@ import '../src/assets/tailwind.css'
 
 import { CheckCSS } from 'checkcss';
 
+
 configureActions({
     clearOnStoryChange: true,
 });
@@ -71,7 +72,7 @@ function loadDelayedImages() {
 
 document.addEventListener('storyWasSwitchedAndIsLoaded', function (event) {
     console.log('storyWasSwitchedAndIsLoaded')
-    Initializer.run(document, loadFeature)  
+    Initializer.run(document, loadFeature)
     setTimeout(loadDelayedImages, 500)
 })
 console.log('preview.js is loaded')
@@ -175,7 +176,6 @@ export const parameters = {
         // sets the execution mode for the addon
         manual: false,
     },
-    actions: { argTypesRegex: '^on[A-Z].*' },
     controls: { expanded: true },
     docs: {
         theme: hrDesignsystemLight,
@@ -249,3 +249,4 @@ export const decorators = [
         attributeName: 'data-theme',
     }),
 ]
+//export const tags = ['autodocs'];

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.84.0 (Thu Jul 25 2024)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 3271 [#1030](https://github.com/mumprod/hr-design-system-handlebars/pull/1030) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.83.12 (Wed Jul 24 2024)
 
 #### 🐛 Bug Fix