@emulsify/core 0.0.0-development → 1.1.1

package/.history/config/a11y.config_20240607163120.js

@@ -0,0 +1,61 @@
+module.exports = {
+  storybookBuildDir: '../../../../.out',
+  pa11y: {
+    includeNotices: false,
+    includeWarnings: false,
+    runners: ['axe'],
+  },
+  // A11y linting is done on a component-by-component
+  // basis, which results in the linter reporting some errors that
+  // should be ignored. These codes and descriptions allow for those
+  // errors to be targeted specifically.
+  ignore: {
+    codes: ['landmark-one-main', 'page-has-heading-one'],
+    descriptions: ['Ensures all page content is contained by landmarks'],
+  },
+  // List of storybook component IDs defined and used in this project.
+  components: [
+    'base-colors--palettes',
+    'base-motion--usage',
+    'atoms-button--twig',
+    'atoms-button--twig-alt',
+    'atoms-forms--checkboxes',
+    'atoms-forms--radio-buttons',
+    'atoms-forms--select-dropdowns',
+    'atoms-forms--textfields-examples',
+    'atoms-images--images',
+    'atoms-images--figures',
+    'atoms-images--icons',
+    'atoms-links--links',
+    'atoms-lists--definition-list',
+    'atoms-lists--unordered-list',
+    'atoms-lists--ordered-list',
+    'atoms-tables--table',
+    'atoms-text--headings-examples',
+    'atoms-text--blockquote-example',
+    'atoms-text--preformatted',
+    'atoms-text--random',
+    'atoms-videos--wide',
+    'atoms-videos--full',
+    'molecules-cards--card-example',
+    'molecules-cards--card-with-background',
+    'molecules-cta--cta-example',
+    'molecules-menus--breadcrumbs',
+    'molecules-menus--inline',
+    'molecules-menus--main',
+    'molecules-menus--social',
+    'molecules-menus-pager--pager-example',
+    'molecules-status--status-examples',
+    'molecules-tabs--js-tabs',
+    'organisms-grids--default-grid',
+    'organisms-grids--card-grid',
+    'organisms-grids--cta-grid',
+    'organisms-site--footer',
+    'organisms-site--header',
+    'templates-layouts--full-width',
+    'templates-layouts--with-sidebar',
+    'templates-place-holder--place-holder',
+    'pages-content-types--article',
+    'pages-landing-pages--home',
+  ],
+};

package/.history/config/webpack/css/style_20240228152007.js

@@ -0,0 +1 @@
+import '../../../../../components/style.scss';

package/.history/config/webpack/css/style_20240607163238.js

@@ -0,0 +1 @@
+import '../../../../../../components/style.scss';

package/.history/config/webpack/css_20240317194751.js

@@ -0,0 +1 @@
+import '../../../../components/style.scss';

package/.history/config/webpack/css_20240607163108.js

@@ -0,0 +1 @@
+import '../../../../../components/style.scss';

package/.history/config/webpack/css_20240607163132.js

@@ -0,0 +1 @@
+import '../../../../../../components/style.scss';

package/.history/config/webpack/plugins_20240401184104.js

@@ -0,0 +1,48 @@
+/* eslint-disable no-underscore-dangle */
+const path = require('path');
+const webpack = require('webpack');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const _MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const _ImageminPlugin = require('imagemin-webpack-plugin').default;
+const _SpriteLoaderPlugin = require('svg-sprite-loader/plugin');
+const glob = require('glob');
+
+const imagePath = path.resolve(__dirname, '../../../../assets/images');
+
+const MiniCssExtractPlugin = new _MiniCssExtractPlugin({
+  filename: '[name].css',
+  chunkFilename: '[id].css',
+});
+
+const ImageminPlugin = new _ImageminPlugin({
+  disable: process.env.NODE_ENV !== 'production',
+  externalImages: {
+    context: imagePath,
+    sources: glob.sync(path.resolve(imagePath, '**/*.{png,jpg,gif,svg}')),
+    destination: imagePath,
+  },
+});
+
+const SpriteLoaderPlugin = new _SpriteLoaderPlugin({
+  plainSprite: true,
+});
+
+const ProgressPlugin = new webpack.ProgressPlugin();
+
+module.exports = {
+  ProgressPlugin,
+  MiniCssExtractPlugin,
+  ImageminPlugin,
+  SpriteLoaderPlugin,
+  CleanWebpackPlugin: new CleanWebpackPlugin({
+    protectWebpackAssets: false, // Required for removal of extra, unwanted dist/css/*.js files.
+    cleanOnceBeforeBuildPatterns: ['!*.{png,jpg,gif,svg}'],
+    cleanAfterEveryBuildPatterns: [
+      'remove/**',
+      '!js',
+      'css/**/*.js', // Remove all unwanted, auto generated JS files from dist/css folder.
+      'css/**/*.js.map',
+      '!*.{png,jpg,gif,svg}',
+    ],
+  }),
+};

package/.history/config/webpack/plugins_20240607163148.js

@@ -0,0 +1,48 @@
+/* eslint-disable no-underscore-dangle */
+const path = require('path');
+const webpack = require('webpack');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const _MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const _ImageminPlugin = require('imagemin-webpack-plugin').default;
+const _SpriteLoaderPlugin = require('svg-sprite-loader/plugin');
+const glob = require('glob');
+
+const imagePath = path.resolve(__dirname, '../../../../../assets/images');
+
+const MiniCssExtractPlugin = new _MiniCssExtractPlugin({
+  filename: '[name].css',
+  chunkFilename: '[id].css',
+});
+
+const ImageminPlugin = new _ImageminPlugin({
+  disable: process.env.NODE_ENV !== 'production',
+  externalImages: {
+    context: imagePath,
+    sources: glob.sync(path.resolve(imagePath, '**/*.{png,jpg,gif,svg}')),
+    destination: imagePath,
+  },
+});
+
+const SpriteLoaderPlugin = new _SpriteLoaderPlugin({
+  plainSprite: true,
+});
+
+const ProgressPlugin = new webpack.ProgressPlugin();
+
+module.exports = {
+  ProgressPlugin,
+  MiniCssExtractPlugin,
+  ImageminPlugin,
+  SpriteLoaderPlugin,
+  CleanWebpackPlugin: new CleanWebpackPlugin({
+    protectWebpackAssets: false, // Required for removal of extra, unwanted dist/css/*.js files.
+    cleanOnceBeforeBuildPatterns: ['!*.{png,jpg,gif,svg}'],
+    cleanAfterEveryBuildPatterns: [
+      'remove/**',
+      '!js',
+      'css/**/*.js', // Remove all unwanted, auto generated JS files from dist/css folder.
+      'css/**/*.js.map',
+      '!*.{png,jpg,gif,svg}',
+    ],
+  }),
+};

package/.history/config/webpack/svgSprite_20240401184053.js

@@ -0,0 +1,5 @@
+function requireAll(r) {
+  r.keys().forEach(r);
+}
+
+requireAll(require.context('../../../../assets/icons/', true, /\.svg$/));

package/.history/config/webpack/svgSprite_20240607163207.js

@@ -0,0 +1,5 @@
+function requireAll(r) {
+  r.keys().forEach(r);
+}
+
+requireAll(require.context('../../../../../assets/icons/', true, /\.svg$/));

package/.history/config/webpack/webpack.common_20240607090919.js

@@ -0,0 +1,72 @@
+const path = require('path');
+const glob = require('glob');
+const loaders = require('./loaders');
+const plugins = require('./plugins');
+
+const webpackDir = path.resolve(__dirname);
+const rootDir = path.resolve(__dirname, '../../../..');
+const distDir = path.resolve(__dirname, '../../../../dist');
+
+// Glob pattern for scss files that ignore file names prefixed with underscore.
+const scssPattern = path.resolve(rootDir, 'components/**/!(_*).scss');
+// Glob pattern for JS files.
+const jsPattern = path.resolve(
+  rootDir,
+  'components/**/!(*.stories|*.component|*.min|*.test).js',
+);
+
+// Prepare list of scss and js file for "entry".
+function getEntries(scssMatcher, jsMatcher) {
+  const entries = {};
+
+  // SCSS entries
+  glob.sync(scssMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `css/${filePath.replace('.scss', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  // JS entries
+  glob.sync(jsMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `js/${filePath.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  entries.svgSprite = path.resolve(webpackDir, 'svgSprite.js');
+
+  // CSS Files.
+  glob.sync(`${webpackDir}/css/*js`).forEach((file) => {
+    const baseFileName = path.basename(file);
+    const newfilePath = `css/${baseFileName.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  return entries;
+}
+
+module.exports = {
+  stats: {
+    errorDetails: true,
+  },
+  entry: getEntries(scssPattern, jsPattern),
+  module: {
+    rules: [
+      loaders.CSSLoader,
+      loaders.SVGSpriteLoader,
+      loaders.ImageLoader,
+      loaders.JSLoader,
+    ],
+  },
+  plugins: [
+    plugins.MiniCssExtractPlugin,
+    plugins.ImageminPlugin,
+    plugins.SpriteLoaderPlugin,
+    plugins.ProgressPlugin,
+    plugins.CleanWebpackPlugin,
+  ],
+  output: {
+    path: distDir,
+    filename: '[name].js',
+  },
+};

package/.history/config/webpack/webpack.common_20240607163224.js

@@ -0,0 +1,72 @@
+const path = require('path');
+const glob = require('glob');
+const loaders = require('./loaders');
+const plugins = require('./plugins');
+
+const webpackDir = path.resolve(__dirname);
+const rootDir = path.resolve(__dirname, '../../../../..');
+const distDir = path.resolve(__dirname, '../../../../../dist');
+
+// Glob pattern for scss files that ignore file names prefixed with underscore.
+const scssPattern = path.resolve(rootDir, 'components/**/!(_*).scss');
+// Glob pattern for JS files.
+const jsPattern = path.resolve(
+  rootDir,
+  'components/**/!(*.stories|*.component|*.min|*.test).js',
+);
+
+// Prepare list of scss and js file for "entry".
+function getEntries(scssMatcher, jsMatcher) {
+  const entries = {};
+
+  // SCSS entries
+  glob.sync(scssMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `css/${filePath.replace('.scss', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  // JS entries
+  glob.sync(jsMatcher).forEach((file) => {
+    const filePath = file.split('components/')[1];
+    const newfilePath = `js/${filePath.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  entries.svgSprite = path.resolve(webpackDir, 'svgSprite.js');
+
+  // CSS Files.
+  glob.sync(`${webpackDir}/css/*js`).forEach((file) => {
+    const baseFileName = path.basename(file);
+    const newfilePath = `css/${baseFileName.replace('.js', '')}`;
+    entries[newfilePath] = file;
+  });
+
+  return entries;
+}
+
+module.exports = {
+  stats: {
+    errorDetails: true,
+  },
+  entry: getEntries(scssPattern, jsPattern),
+  module: {
+    rules: [
+      loaders.CSSLoader,
+      loaders.SVGSpriteLoader,
+      loaders.ImageLoader,
+      loaders.JSLoader,
+    ],
+  },
+  plugins: [
+    plugins.MiniCssExtractPlugin,
+    plugins.ImageminPlugin,
+    plugins.SpriteLoaderPlugin,
+    plugins.ProgressPlugin,
+    plugins.CleanWebpackPlugin,
+  ],
+  output: {
+    path: distDir,
+    filename: '[name].js',
+  },
+};

package/.history/package_20240607155640.json

@@ -0,0 +1,136 @@
+{
+  "name": "@emulsify/core",
+  "version": "1.1.1",
+  "description": "Bundled tooling for Storybook development + Webpack Build",
+  "keywords": [
+    "component library",
+    "design system",
+    "drupal",
+    "pattern library",
+    "storybook",
+    "styleguide"
+  ],
+  "author": "Four Kitchens <shout@fourkitchens.com>",
+  "license": "GPL-2.0",
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/emulsify-ds/emulsify-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/emulsify-ds/emulsify-core/issues"
+  },
+  "homepage": "https://github.com/emulsify-ds/emulsify-core#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "coverage": "npm run test && open-cli .coverage/lcov-report/index.html",
+    "format": "npm run lint-fix; npm run prettier-fix",
+    "husky:commit-msg": "commitlint --edit $1",
+    "husky:pre-commit": "npm run lint",
+    "lint": "npm run lint-js",
+    "lint-fix": "npm run lint-js -- --fix",
+    "lint-js": "eslint --config config/eslintrc.config.json --no-error-on-unmatched-pattern ./config ./storybook",
+    "lint-staged": "lint-staged",
+    "prepare": "[ -d '.git' ] && (husky install) || true",
+    "prettier": "prettier --config config/prettierrc.json --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "prettier-fix": "prettier --config config/prettierrc.json --write --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "semantic-release": "semantic-release",
+    "storybook": "storybook dev --ci -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -p 6006",
+    "storybook-build": "storybook build -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -o .out",
+    "storybook-deploy": "storybook-to-ghpages -o .out",
+    "test": "jest --coverage  --config ./config/jest.config.js",
+    "twatch": "jest --no-coverage --watch --verbose"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/eslint-parser": "^7.23.10",
+    "@emulsify/cli": "^1.6.0",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-webpack5": "^7.6.17",
+    "add-attributes-twig-extension": "^0.1.0",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
+    "babel-preset-minify": "^0.5.2",
+    "bem-twig-extension": "^0.1.1",
+    "breakpoint-sass": "^3.0.0",
+    "chalk": "^5.2.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "concurrently": "^8.2.2",
+    "css-loader": "^7.1.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-security": "^2.1.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-webpack-plugin": "^4.1.0",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^10.3.12",
+    "graceful-fs": "^4.2.11",
+    "html-webpack-plugin": "^5.6.0",
+    "imagemin-webpack-plugin": "^2.4.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "js-yaml": "^4.1.0",
+    "js-yaml-loader": "^1.2.2",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "node-sass-glob-importer": "^5.3.3",
+    "normalize.css": "^8.0.1",
+    "open-cli": "^8.0.0",
+    "pa11y": "^7.0.0",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "postcss-scss": "^4.0.9",
+    "ramda": "^0.29.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "regenerator-runtime": "^0.14.1",
+    "sass": "^1.75.0",
+    "sass-loader": "^14.2.1",
+    "storybook": "^7.6.17",
+    "style-dictionary": "^3.9.2",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
+    "stylelint-webpack-plugin": "^5.0.0",
+    "svg-sprite-loader": "^6.0.11",
+    "token-transformer": "^0.0.33",
+    "twig-drupal-filters": "^3.2.0",
+    "twig-loader": "github:fourkitchens/twig-loader",
+    "twig-testing-library": "^1.2.0",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-merge": "^5.10.0",
+    "yaml": "^2.4.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.2.0",
+    "@commitlint/config-conventional": "^19.1.0",
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/commit-analyzer": "^11.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^10.0.2",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "husky": "^9.0.11",
+    "semantic-release": "^23.0.4"
+  },
+  "overrides": {
+    "graceful-fs": "^4.2.11"
+  },
+  "main": "commitlint.config.js"
+}

package/.history/package_20240607163353.json

@@ -0,0 +1,135 @@
+{
+  "name": "@emulsify/core",
+  "version": "1.1.1",
+  "description": "Bundled tooling for Storybook development + Webpack Build",
+  "keywords": [
+    "component library",
+    "design system",
+    "drupal",
+    "pattern library",
+    "storybook",
+    "styleguide"
+  ],
+  "author": "Four Kitchens <shout@fourkitchens.com>",
+  "license": "GPL-2.0",
+  "engines": {
+    "node": ">=20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/emulsify-ds/emulsify-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/emulsify-ds/emulsify-core/issues"
+  },
+  "homepage": "https://github.com/emulsify-ds/emulsify-core#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "coverage": "npm run test && open-cli .coverage/lcov-report/index.html",
+    "format": "npm run lint-fix; npm run prettier-fix",
+    "husky:commit-msg": "commitlint --edit $1",
+    "husky:pre-commit": "npm run lint",
+    "lint": "npm run lint-js",
+    "lint-fix": "npm run lint-js -- --fix",
+    "lint-js": "eslint --config config/eslintrc.config.json --no-error-on-unmatched-pattern ./config ./storybook",
+    "lint-staged": "lint-staged",
+    "prepare": "[ -d '.git' ] && (husky install) || true",
+    "prettier": "prettier --config config/prettierrc.json --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "prettier-fix": "prettier --config config/prettierrc.json --write --ignore-unknown \"**/*.{js,yml,scss,md}\"",
+    "semantic-release": "semantic-release",
+    "storybook": "storybook dev --ci -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -p 6006",
+    "storybook-build": "storybook build -s ../../dist,../../assets/images,../../assets/icons,../../assets/videos -o .out",
+    "storybook-deploy": "storybook-to-ghpages -o .out",
+    "test": "jest --coverage  --config ./config/jest.config.js",
+    "twatch": "jest --no-coverage --watch --verbose"
+  },
+  "dependencies": {
+    "@babel/core": "^7.24.0",
+    "@babel/eslint-parser": "^7.23.10",
+    "@emulsify/cli": "^1.6.0",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.17",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-styling-webpack": "^1.0.0",
+    "@storybook/addon-themes": "^7.6.17",
+    "@storybook/html": "^7.6.17",
+    "@storybook/html-webpack5": "^7.6.17",
+    "add-attributes-twig-extension": "^0.1.0",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
+    "babel-preset-minify": "^0.5.2",
+    "bem-twig-extension": "^0.1.1",
+    "breakpoint-sass": "^3.0.0",
+    "chalk": "^5.2.0",
+    "clean-webpack-plugin": "^4.0.0",
+    "concurrently": "^8.2.2",
+    "css-loader": "^7.1.1",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-security": "^2.1.1",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-webpack-plugin": "^4.1.0",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^10.3.12",
+    "graceful-fs": "^4.2.11",
+    "html-webpack-plugin": "^5.6.0",
+    "imagemin-webpack-plugin": "^2.4.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "js-yaml": "^4.1.0",
+    "js-yaml-loader": "^1.2.2",
+    "lint-staged": "^15.2.2",
+    "mini-css-extract-plugin": "^2.9.0",
+    "node-sass-glob-importer": "^5.3.3",
+    "normalize.css": "^8.0.1",
+    "open-cli": "^8.0.0",
+    "pa11y": "^7.0.0",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "postcss-scss": "^4.0.9",
+    "ramda": "^0.29.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "regenerator-runtime": "^0.14.1",
+    "sass": "^1.75.0",
+    "sass-loader": "^14.2.1",
+    "storybook": "^7.6.17",
+    "style-dictionary": "^3.9.2",
+    "stylelint": "^16.3.1",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-selector-bem-pattern": "^4.0.0",
+    "stylelint-webpack-plugin": "^5.0.0",
+    "svg-sprite-loader": "^6.0.11",
+    "token-transformer": "^0.0.33",
+    "twig-drupal-filters": "^3.2.0",
+    "twig-loader": "github:fourkitchens/twig-loader",
+    "twig-testing-library": "^1.2.0",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-merge": "^5.10.0",
+    "yaml": "^2.4.1"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^19.2.0",
+    "@commitlint/config-conventional": "^19.1.0",
+    "@semantic-release/changelog": "^6.0.2",
+    "@semantic-release/commit-analyzer": "^11.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^10.0.2",
+    "@semantic-release/release-notes-generator": "^12.1.0",
+    "husky": "^9.0.11",
+    "semantic-release": "^23.0.4"
+  },
+  "overrides": {
+    "graceful-fs": "^4.2.11"
+  }
+}

package/.storybook/main.js

@@ -1,6 +1,6 @@
 module.exports = {
   stories: [
-    '../../../components/**/*.stories.@(js|jsx|ts|tsx)',
+    '../../../../components/**/*.stories.@(js|jsx|ts|tsx)',
   ],
   addons: [
     '../../@storybook/addon-a11y',

package/.storybook/manager.js

@@ -2,7 +2,7 @@ import { addons } from '@storybook/addons';
 
 import emulsifyTheme from './emulsifyTheme';
 
-import('../../../config/emulsify-core/storybook/theme')
+import('../../../../config/emulsify-core/storybook/theme')
 .then((customTheme) => {
   addons.setConfig({
     theme: customTheme.default,

package/.storybook/preview.js

@@ -6,7 +6,7 @@ import { setupTwig } from './setupTwig';
 (async () => {
   let compiled;
   try {
-    compiled = await import('../../../dist/css/style.css');
+    compiled = await import('../../../../dist/css/style.css');
   } catch (e) {}
 })();
 
@@ -14,7 +14,7 @@ import { setupTwig } from './setupTwig';
 (async () => {
   let preview;
   try {
-    preview = await import('../../../config/emulsify-core/storybook/preview');
+    preview = await import('../../../../config/emulsify-core/storybook/preview');
   } catch (e) {}
 })();