Release 1.2.4

.github/workflows/cd.yml

@@ -24,10 +24,10 @@ jobs:
           node-version: ${{ matrix.node }}
 
       - name: Install dependencies
-        run: yarn
+        run: npm i
 
       - name: Generate
-        run: yarn run build-storybook
+        run: npm run build-storybook
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

.github/workflows/dependabot.yml

@@ -0,0 +1,9 @@
+version: 2
+updates:
+- package-ecosystem: npm
+  directory: "/"
+  schedule:
+    interval: daily
+    time: "04:00"
+  open-pull-requests-limit: 10
+  target-branch: develop

.storybook/main.js

@@ -9,9 +9,16 @@ module.exports = {
     },
   ],
   webpackFinal: (config) => {
-    config.resolve.alias['core-js/modules'] = '@storybook/core/node_modules/core-js/modules';
     config.module.rules[3].use = 'html-loader?minimize=false';
+    config.module.rules.push({
+      test: /\.scss$/,
+      use: ['style-loader', 'css-loader', 'sass-loader'],
+      include: path.resolve(__dirname, '../'),
+    });
 
     return config;
   },
+  addonActionsTheme: {
+    BASE_COLOR: 'red',
+  },
 };

.storybook/manager-head.html

@@ -0,0 +1,5 @@
+<style>
+  #panel-tab-content {
+    color: #272a2d;
+  }
+</style>

.storybook/manager.js

@@ -0,0 +1,7 @@
+import {addons} from '@storybook/addons';
+import {themes} from '@storybook/theming';
+import psTheme from './ps-theme';
+
+addons.setConfig({
+  theme: psTheme,
+});

.storybook/ps-theme.js

@@ -0,0 +1,33 @@
+import {create} from '@storybook/theming';
+import logoUrl from './logo-prestashop.svg';
+
+export default create({
+  base: 'dark',
+  brandTitle: 'PrestaShop',
+  brandUrl: 'https://www.prestashop.com',
+  brandImage: logoUrl,
+
+  colorPrimary: '#6c868e',
+  colorSecondary: '#25b9d7',
+
+  // UI
+  appBg: '#363a41',
+  appContentBg: 'white',
+  appBorderRadius: 4,
+
+  barTextColor: 'white',
+  barSelectedColor: '#25b9d7',
+  barBg: '#272a2d',
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'white',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Form
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+});

.storybook/style.css

@@ -5,3 +5,7 @@
 body {
   background-color: transparent;
 }
+
+.os-host {
+  color: red;
+}