@emulsify/core 1.1.1 → 1.2.0

package/.github/workflows/addtoprojects.yml

@@ -18,4 +18,4 @@ jobs:
           # You can target a repository in a different organization
           # to the issue
           project-url: https://github.com/orgs/emulsify-ds/projects/6
-          github-token: ${{ secrets.ADD_TO_PROJECT_PAT }}
+          token: ${{ secrets.ADD_TO_PROJECT_PAT }}

package/.github/workflows/contributors.yml

@@ -4,7 +4,7 @@ on:
     - cron: "20 20 * * *"
   push:
     branches:
-      - master
+      - main
 
 jobs:
   add-contributors:

package/.history/.github/workflows/addtoprojects_20240130164835.yml

@@ -0,0 +1,21 @@
+name: Add to projects
+
+on:
+  issues:
+    types:
+      - opened
+  pull_request:
+    types:
+      - opened
+
+jobs:
+  add-to-project:
+    name: Add issue to project
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/add-to-project@v0.3.0
+        with:
+          # You can target a repository in a different organization
+          # to the issue
+          project-url: https://github.com/orgs/emulsify-ds/projects/6
+          github-token: ${{ secrets.ADD_TO_PROJECT_PAT }}

package/.history/.github/workflows/addtoprojects_20240607213528.yml

@@ -0,0 +1,21 @@
+name: Add to projects
+
+on:
+  issues:
+    types:
+      - opened
+  pull_request:
+    types:
+      - opened
+
+jobs:
+  add-to-project:
+    name: Add issue to project
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/add-to-project@v0.3.0
+        with:
+          # You can target a repository in a different organization
+          # to the issue
+          project-url: https://github.com/orgs/emulsify-ds/projects/6
+          token: ${{ secrets.ADD_TO_PROJECT_PAT }}

package/.history/.github/workflows/contributors_20240130164835.yml

@@ -0,0 +1,23 @@
+name: Add contributors
+on:
+  schedule:
+    - cron: "20 20 * * *"
+  push:
+    branches:
+      - master
+
+jobs:
+  add-contributors:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: BobAnkh/add-contributors@master
+        with:
+          CONTRIBUTOR: "### Contributors"
+          COLUMN_PER_ROW: "6"
+          ACCESS_TOKEN: ${{secrets.ADD_TO_PROJECT_PAT}}
+          IMG_WIDTH: "100"
+          FONT_SIZE: "14"
+          PATH: "/README.md"
+          COMMIT_MESSAGE: "docs(README): update contributors"
+          AVATAR_SHAPE: "round"

package/.history/.github/workflows/contributors_20240607213836.yml

@@ -0,0 +1,23 @@
+name: Add contributors
+on:
+  schedule:
+    - cron: "20 20 * * *"
+  push:
+    branches:
+      - main
+
+jobs:
+  add-contributors:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: BobAnkh/add-contributors@master
+        with:
+          CONTRIBUTOR: "### Contributors"
+          COLUMN_PER_ROW: "6"
+          ACCESS_TOKEN: ${{secrets.ADD_TO_PROJECT_PAT}}
+          IMG_WIDTH: "100"
+          FONT_SIZE: "14"
+          PATH: "/README.md"
+          COMMIT_MESSAGE: "docs(README): update contributors"
+          AVATAR_SHAPE: "round"

package/.history/.storybook/main_20240722083211.js

@@ -0,0 +1,153 @@
+const { configOverrides } = require('../../../../config/emulsify-core/storybook/main');
+
+const defaultConfig = {
+  stories: [
+    '../../../../components/**/*.stories.@(js|jsx|ts|tsx)',
+  ],
+  addons: [
+    '../../../@storybook/addon-a11y',
+    '../../../@storybook/addon-links',
+    '../../../@storybook/addon-essentials',
+    '../../../@storybook/addon-themes',
+    '../../../@storybook/addon-styling-webpack'
+  ],
+  core: {
+    builder: 'webpack5',
+  },
+  framework: {
+    name: '@storybook/html-webpack5',
+    options: {},
+  },
+  docs: {
+    autodocs: true,
+  },
+  managerHead: (head) => `
+    ${head}
+    <style>
+      :root {
+        --colors-emulsify-blue-100: #e6f5fc;
+        --colors-emulsify-blue-200: #CCECFA;
+        --colors-emulsify-blue-300: #99D9F4;
+        --colors-emulsify-blue-400: #66c5ef;
+        --colors-emulsify-blue-500: #33b2e9;
+        --colors-emulsify-blue-600: #009fe4;
+        --colors-emulsify-blue-700: #007FB6;
+        --colors-emulsify-blue-800: #005f89;
+        --colors-emulsify-blue-900: #00405b;
+        --colors-emulsify-blue-1000: #00202e;
+        --colors-purple: #8B1E7E;
+      }
+
+      .sidebar-container {
+        background: url('https://raw.githubusercontent.com/fourkitchens/emulsify-core/main/assets/images/corner-bkg.png?token=GHSAT0AAAAAACIEXLVDMX56QK3ZIZWHWHTEZNYFYIA') no-repeat top left;
+      }
+
+      .sidebar-container .sidebar-subheading {
+        color: var(--colors-emulsify-blue-200);
+        font-size: 13px;
+        letter-spacing: 0.15em;
+      }
+
+      .sidebar-container .sidebar-subheading button:focus {
+        color: var(--colors-emulsify-blue-300);
+      }
+
+      /** Triangle icon **/
+      .sidebar-container .sidebar-subheading button span {
+        color: var(--colors-emulsify-blue-300);
+      }
+
+      .sidebar-container .search-field input {
+        border-color: var(--colors-emulsify-blue-700);
+      }
+
+      .sidebar-container .search-field input:active {
+        border-color: var(--colors-emulsify-blue-700);
+      }
+
+      .sidebar-container .search-result-recentlyOpened,
+      .sidebar-container .search-result-back,
+      .sidebar-container .search-result-clearHistory {
+        color: var(--colors-emulsify-blue-300) !important;
+        letter-spacing: 0.15em;
+      }
+
+      .sidebar-container .search-result-back span,
+      .sidebar-container .search-result-back svg,
+      .sidebar-container .search-result-clearHistory span,
+      .sidebar-container .search-result-clearHistory svg {
+        letter-spacing: normal;
+        color: white;
+      }
+
+      .sidebar-container .sidebar-item svg {
+        margin-top: 1px;
+      }
+
+      .sidebar-container .sidebar-item span {
+        margin-top: 4px;
+      }
+
+      .sidebar-container .sidebar-subheading-action svg {
+        color: var(--colors-emulsify-blue-400);
+      }
+
+      .sidebar-container .sidebar-subheading-action:hover svg {
+        color: var(--colors-emulsify-blue-300);
+      }
+
+      .sidebar-header button[title="Shortcuts"] {
+        box-shadow: none;
+        border: 1px solid var(--colors-emulsify-blue-700);
+      }
+
+      .sidebar-header button[title="Shortcuts"]:active {
+        border: 1px solid var(--colors-emulsify-blue-500);
+      }
+
+      .sidebar-header button[title="Shortcuts"]:focus {
+        background: transparent;
+      }
+
+      #shortcuts {
+        border-bottom-color: var(--colors-emulsify-blue-900) !important;
+      }
+
+      [role="main"]:not(:nth-child(3)) {
+        top: 1rem !important;
+        height: calc(100vh - 2rem) !important;
+      }
+
+      [role="main"] .os-host .os-content button:hover {
+        background: var(--colors-emulsify-blue-100);
+      }
+
+      [role="main"] .os-host .os-content button:hover svg {
+        color: var(--colors-emulsify-blue-900);
+      }
+
+      #panel-tab-content,
+      #panel-tab-content>* {
+        color: var(--colors-emulsify-blue-1000) !important;
+      }
+
+      #panel-tab-content a,
+      #panel-tab-content a span,
+      #panel-tab-content a span svg {
+        color: var(--colors-emulsify-blue-800);
+      }
+
+      #panel-tab-content>div>div>div>div>div>div {
+        background: transparent;
+      }
+
+      #panel-tab-content>div>div>div>div>div>div>div {
+        color: var(--colors-emulsify-blue-1000) !important;
+      }
+    </style>
+  `,
+};
+
+const config = Object.keys(configOverrides).length ? configOverrides : defaultConfig;
+
+module.exports = config;

package/.history/.storybook/preview_20240610083720.js

@@ -0,0 +1,37 @@
+import { useEffect } from '@storybook/client-api';
+import Twig from 'twig';
+import { setupTwig } from './setupTwig';
+
+(async () => {
+  let compiled;
+  let preview;
+  // GLOBAL CSS
+  try {
+    compiled = await import('../../../dist/css/style.css');
+  } catch (e) { }
+  // Custom theme preview config if it exists.
+  try {
+    preview = await import('../../../../config/emulsify-core/storybook/preview');
+  } catch (e) {}
+})();
+
+// If in a Drupal project, it's recommended to import a symlinked version of drupal.js.
+import './_drupal.js';
+
+export const decorators = [
+  (Story, { args }) => {
+    const { renderAs } = args || {};
+
+    // Usual emulsify hack to add Drupal behaviors.
+    useEffect(() => {
+      Drupal.attachBehaviors();
+    }, [args]);
+    return Story();
+  },
+];
+
+setupTwig(Twig);
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+};

package/.history/.storybook/preview_20240610083852.js

@@ -0,0 +1,30 @@
+import { useEffect } from '@storybook/client-api';
+import Twig from 'twig';
+import { setupTwig } from './setupTwig';
+
+// GLOBAL CSS
+import('../../../../dist/css/style.css');
+
+// Custom theme preview config if it exists.
+import('../../../../config/emulsify-core/storybook/preview');
+
+// If in a Drupal project, it's recommended to import a symlinked version of drupal.js.
+import './_drupal.js';
+
+export const decorators = [
+  (Story, { args }) => {
+    const { renderAs } = args || {};
+
+    // Usual emulsify hack to add Drupal behaviors.
+    useEffect(() => {
+      Drupal.attachBehaviors();
+    }, [args]);
+    return Story();
+  },
+];
+
+setupTwig(Twig);
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+};

package/.history/config/webpack/loaders_20240401184511.js

@@ -0,0 +1,87 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const globImporter = require('node-sass-glob-importer');
+const fs = require('fs-extra');
+
+let babelConfig;
+let postcssConfig;
+
+// Check if custom babel config is available.
+if (fs.existsSync('./config/babel.config.js')) {
+  babelConfig = './config/babel.config.js';
+} else {
+  babelConfig = './node_modules/emulsify-core/config/babel.config.js';
+}
+
+// Check if custom postcss config is available.
+if (fs.existsSync('./config/postcss.config.js')) {
+  postcssConfig = './config/postcss.config.js';
+} else {
+  postcssConfig = './node_modules/emulsify-core/config/postcss.config.js';
+}
+
+const JSLoader = {
+  test: /^(?!.*\.(stories|component)\.js$).*\.js$/,
+  exclude: /node_modules/,
+  loader: 'babel-loader',
+  options: {
+    configFile: babelConfig,
+  },
+};
+
+const ImageLoader = {
+  test: /\.(png|svg|jpg|gif)$/i,
+  exclude: /icons\/.*\.svg$/,
+  loader: 'file-loader',
+};
+
+const CSSLoader = {
+  test: /\.s[ac]ss$/i,
+  exclude: /node_modules/,
+  use: [
+    MiniCssExtractPlugin.loader,
+    {
+      loader: 'css-loader',
+      options: {
+        sourceMap: true,
+        url: false,
+      },
+    },
+    {
+      loader: 'postcss-loader',
+      options: {
+        sourceMap: true,
+        postcssOptions: {
+          config: postcssConfig,
+          plugins: [['autoprefixer']],
+        },
+      },
+    },
+    {
+      loader: 'sass-loader',
+      options: {
+        sourceMap: true,
+        sassOptions: {
+          importer: globImporter(),
+          outputStyle: 'compressed',
+        },
+      },
+    },
+  ],
+};
+
+const SVGSpriteLoader = {
+  test: /icons\/.*\.svg$/, // your icons directory
+  loader: 'svg-sprite-loader',
+  options: {
+    extract: true,
+    runtimeCompat: true,
+    spriteFilename: './icons.svg',
+  },
+};
+
+module.exports = {
+  JSLoader,
+  CSSLoader,
+  SVGSpriteLoader,
+  ImageLoader,
+};

package/.history/config/webpack/loaders_20240610084138.js

@@ -0,0 +1,87 @@
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const globImporter = require('node-sass-glob-importer');
+const fs = require('fs-extra');
+
+let babelConfig;
+let postcssConfig;
+
+// Check if custom babel config is available.
+if (fs.existsSync('./config/babel.config.js')) {
+  babelConfig = './config/babel.config.js';
+} else {
+  babelConfig = './node_modules/@emulsify/core/config/babel.config.js';
+}
+
+// Check if custom postcss config is available.
+if (fs.existsSync('./config/postcss.config.js')) {
+  postcssConfig = './config/postcss.config.js';
+} else {
+  postcssConfig = './node_modules/@emulsify/core/config/postcss.config.js';
+}
+
+const JSLoader = {
+  test: /^(?!.*\.(stories|component)\.js$).*\.js$/,
+  exclude: /node_modules/,
+  loader: 'babel-loader',
+  options: {
+    configFile: babelConfig,
+  },
+};
+
+const ImageLoader = {
+  test: /\.(png|svg|jpg|gif)$/i,
+  exclude: /icons\/.*\.svg$/,
+  loader: 'file-loader',
+};
+
+const CSSLoader = {
+  test: /\.s[ac]ss$/i,
+  exclude: /node_modules/,
+  use: [
+    MiniCssExtractPlugin.loader,
+    {
+      loader: 'css-loader',
+      options: {
+        sourceMap: true,
+        url: false,
+      },
+    },
+    {
+      loader: 'postcss-loader',
+      options: {
+        sourceMap: true,
+        postcssOptions: {
+          config: postcssConfig,
+          plugins: [['autoprefixer']],
+        },
+      },
+    },
+    {
+      loader: 'sass-loader',
+      options: {
+        sourceMap: true,
+        sassOptions: {
+          importer: globImporter(),
+          outputStyle: 'compressed',
+        },
+      },
+    },
+  ],
+};
+
+const SVGSpriteLoader = {
+  test: /icons\/.*\.svg$/, // your icons directory
+  loader: 'svg-sprite-loader',
+  options: {
+    extract: true,
+    runtimeCompat: true,
+    spriteFilename: './icons.svg',
+  },
+};
+
+module.exports = {
+  JSLoader,
+  CSSLoader,
+  SVGSpriteLoader,
+  ImageLoader,
+};

package/.history/{package_20240607145546.json → package_20240722085509.json}

@@ -1,6 +1,6 @@
 {
   "name": "@emulsify/core",
-  "version": "0.0.0-development",
+  "version": "1.1.2",
   "description": "Bundled tooling for Storybook development + Webpack Build",
   "keywords": [
     "component library",
@@ -95,7 +95,7 @@
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "postcss-scss": "^4.0.9",
-    "ramda": "^0.29.1",
+    "ramda": "^0.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "regenerator-runtime": "^0.14.1",
@@ -107,7 +107,7 @@
     "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",
+    "stylelint-webpack-plugin": "^5.0.1",
     "svg-sprite-loader": "^6.0.11",
     "token-transformer": "^0.0.33",
     "twig-drupal-filters": "^3.2.0",
@@ -119,15 +119,15 @@
     "yaml": "^2.4.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.0",
+    "@commitlint/cli": "^19.3.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",
+    "@semantic-release/release-notes-generator": "^14.0.0",
     "husky": "^9.0.11",
-    "semantic-release": "^23.0.4"
+    "semantic-release": "^24.0.0"
   },
   "overrides": {
     "graceful-fs": "^4.2.11"

package/.history/{package_20240607155640.json → package_20240722085523.json}

@@ -1,6 +1,6 @@
 {
   "name": "@emulsify/core",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Bundled tooling for Storybook development + Webpack Build",
   "keywords": [
     "component library",
@@ -91,11 +91,11 @@
     "node-sass-glob-importer": "^5.3.3",
     "normalize.css": "^8.0.1",
     "open-cli": "^8.0.0",
-    "pa11y": "^7.0.0",
+    "pa11y": "^8.0.0",
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "postcss-scss": "^4.0.9",
-    "ramda": "^0.29.1",
+    "ramda": "^0.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "regenerator-runtime": "^0.14.1",
@@ -107,7 +107,7 @@
     "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",
+    "stylelint-webpack-plugin": "^5.0.1",
     "svg-sprite-loader": "^6.0.11",
     "token-transformer": "^0.0.33",
     "twig-drupal-filters": "^3.2.0",
@@ -119,18 +119,17 @@
     "yaml": "^2.4.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.0",
+    "@commitlint/cli": "^19.3.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",
+    "@semantic-release/release-notes-generator": "^14.0.0",
     "husky": "^9.0.11",
-    "semantic-release": "^23.0.4"
+    "semantic-release": "^24.0.0"
   },
   "overrides": {
     "graceful-fs": "^4.2.11"
-  },
-  "main": "commitlint.config.js"
+  }
 }

package/.history/{package_20240607135337.json → package_20240722085530.json}

@@ -1,6 +1,6 @@
 {
   "name": "@emulsify/core",
-  "version": "0.0.0-development",
+  "version": "1.1.2",
   "description": "Bundled tooling for Storybook development + Webpack Build",
   "keywords": [
     "component library",
@@ -15,6 +15,14 @@
   "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"
   },
@@ -70,7 +78,7 @@
     "eslint-webpack-plugin": "^4.1.0",
     "file-loader": "^6.2.0",
     "fs-extra": "^11.2.0",
-    "glob": "^10.3.12",
+    "glob": "^11.0.0",
     "graceful-fs": "^4.2.11",
     "html-webpack-plugin": "^5.6.0",
     "imagemin-webpack-plugin": "^2.4.2",
@@ -83,11 +91,11 @@
     "node-sass-glob-importer": "^5.3.3",
     "normalize.css": "^8.0.1",
     "open-cli": "^8.0.0",
-    "pa11y": "^7.0.0",
+    "pa11y": "^8.0.0",
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
     "postcss-scss": "^4.0.9",
-    "ramda": "^0.29.1",
+    "ramda": "^0.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "regenerator-runtime": "^0.14.1",
@@ -99,7 +107,7 @@
     "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",
+    "stylelint-webpack-plugin": "^5.0.1",
     "svg-sprite-loader": "^6.0.11",
     "token-transformer": "^0.0.33",
     "twig-drupal-filters": "^3.2.0",
@@ -111,15 +119,15 @@
     "yaml": "^2.4.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.0",
+    "@commitlint/cli": "^19.3.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",
+    "@semantic-release/release-notes-generator": "^14.0.0",
     "husky": "^9.0.11",
-    "semantic-release": "^23.0.4"
+    "semantic-release": "^24.0.0"
   },
   "overrides": {
     "graceful-fs": "^4.2.11"