@procore/storybook-addon 4.7.0 → 4.7.1

package/dist/modern/preset.cjs

@@ -207,9 +207,7 @@ var addons = () => {
               {
                 loader: "sass-loader",
                 options: {
-                  ...sassImplementation ? {
-                    implementation: sassImplementation
-                  } : {}
+                  ...sassImplementation ? { implementation: sassImplementation } : {}
                 }
               }
             ]
@@ -239,18 +237,10 @@ function babelDefault() {
   return createConfigForReact();
 }
 var typescript = {
-  checkOptions: {
-    check: true,
-    exclude: /node_modules/
-  },
+  checkOptions: { check: true, exclude: /node_modules/ },
   reactDocgen: false
 };
-var preset_default = {
-  addons: addons(),
-  babelDefault,
-  typescript,
-  previewHead: previewHead_default
-};
+var preset_default = { addons, babelDefault, typescript, previewHead: previewHead_default };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addons,

package/dist/modern/preset.d.cts

@@ -72,7 +72,7 @@ declare const typescript: {
 };
 
 declare const _default: {
-    addons: (string | {
+    addons: () => (string | {
         name: string;
         options: {
             rules: {

package/dist/modern/preset.d.ts

@@ -72,7 +72,7 @@ declare const typescript: {
 };
 
 declare const _default: {
-    addons: (string | {
+    addons: () => (string | {
         name: string;
         options: {
             rules: {

package/dist/modern/preset.js

@@ -1,10 +1,209 @@
 import {
-  addons,
-  babelDefault,
-  preset_default,
-  previewHead_default,
-  typescript
-} from "./chunk-CLCAWS5I.js";
+  __commonJS,
+  __require,
+  __toESM
+} from "./chunk-QGM4M3NI.js";
+
+// ../../node_modules/react-dev-utils/getCacheIdentifier.js
+var require_getCacheIdentifier = __commonJS({
+  "../../node_modules/react-dev-utils/getCacheIdentifier.js"(exports, module) {
+    "use strict";
+    module.exports = function getCacheIdentifier2(environment, packages) {
+      let cacheIdentifier = environment == null ? "" : environment.toString();
+      for (const packageName of packages) {
+        cacheIdentifier += `:${packageName}@`;
+        try {
+          cacheIdentifier += __require(`${packageName}/package.json`).version;
+        } catch (_) {
+        }
+      }
+      return cacheIdentifier;
+    };
+  }
+});
+
+// src/configurations/babel.ts
+var import_getCacheIdentifier = __toESM(require_getCacheIdentifier(), 1);
+import { version as babelRuntimeVersion } from "@babel/runtime/package.json";
+import { version as corejsVersion } from "core-js/package.json";
+var targets = "defaults";
+var transformRuntimeOptions = {
+  // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+  // explicitly resolving to match the provided helper functions.
+  // https://github.com/babel/babel/issues/10261
+  version: babelRuntimeVersion
+};
+function createConfigForReact() {
+  const env = process.env.NODE_ENV || "development";
+  const isProduction = env === "production";
+  return {
+    babelrc: false,
+    cacheCompression: false,
+    cacheDirectory: true,
+    cacheIdentifier: (0, import_getCacheIdentifier.default)(env, [
+      "babel-plugin-named-asset-import",
+      "react-dev-utils"
+    ]),
+    assumptions: {
+      privateFieldsAsProperties: true,
+      setPublicClassFields: true
+    },
+    compact: isProduction,
+    configFile: false,
+    sourceType: "unambiguous",
+    targets,
+    plugins: [
+      [
+        __require.resolve("@babel/plugin-transform-runtime"),
+        transformRuntimeOptions
+      ],
+      [
+        __require.resolve("babel-plugin-named-asset-import"),
+        {
+          loaderMap: {
+            svg: {
+              ReactComponent: "@svgr/webpack?-svgo,+titleProp,+ref![path]"
+            }
+          }
+        }
+      ],
+      [
+        __require.resolve("babel-plugin-styled-components"),
+        {
+          minify: true,
+          ssr: false,
+          displayName: true,
+          fileName: false,
+          transpileTemplateLiterals: true,
+          pure: false
+        }
+      ]
+    ],
+    presets: [
+      [
+        __require.resolve("@babel/preset-env"),
+        {
+          useBuiltIns: "usage",
+          corejs: corejsVersion
+        }
+      ],
+      [
+        __require.resolve("@babel/preset-react"),
+        {
+          useBuiltIns: true
+        }
+      ],
+      __require.resolve("@babel/preset-typescript")
+    ]
+  };
+}
+
+// src/configurations/previewHead.ts
+var defaultValues = {
+  includeBoxSizing: true
+};
+function previewHead_default(head, _options, parameters) {
+  const { includeBoxSizing = true } = {
+    ...defaultValues,
+    ...parameters
+  };
+  return `
+    ${head}
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
+
+    <style>
+      ${includeBoxSizing ? `
+          *,
+          *:before,
+          *:after {
+            -webkit-box-sizing: inherit;
+            -moz-box-sizing: inherit;
+            box-sizing: inherit;
+          }
+          html {
+            -webkit-box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+          }
+        ` : ""}
+      html {
+        font-family: Inter, sans-serif;
+      }
+      body {
+        width: 100%;
+      }
+    </style>
+`;
+}
+
+// src/utils/index.ts
+function requireIfExists(moduleName) {
+  try {
+    return __require(moduleName);
+  } catch (e) {
+    return;
+  }
+}
+
+// src/preset.ts
+var addons = () => {
+  const sassImplementation = requireIfExists("sass");
+  return [
+    {
+      name: "@storybook/addon-styling-webpack",
+      options: {
+        rules: [
+          {
+            test: /\.scss$/,
+            use: [
+              "style-loader",
+              {
+                loader: "css-loader",
+                options: {
+                  modules: {
+                    localIdentName: "[name]__[local]--[hash:base64:5]"
+                  }
+                }
+              },
+              {
+                loader: "sass-loader",
+                options: {
+                  ...sassImplementation ? { implementation: sassImplementation } : {}
+                }
+              }
+            ]
+          },
+          {
+            test: /\.css$/,
+            use: [
+              "style-loader",
+              {
+                loader: "css-loader",
+                options: {
+                  modules: {
+                    localIdentName: "[name]__[local]--[hash:base64:5]"
+                  }
+                }
+              }
+            ]
+          }
+        ]
+      }
+    },
+    "@storybook/addon-docs",
+    "@storybook/addon-a11y"
+  ];
+};
+function babelDefault() {
+  return createConfigForReact();
+}
+var typescript = {
+  checkOptions: { check: true, exclude: /node_modules/ },
+  reactDocgen: false
+};
+var preset_default = { addons, babelDefault, typescript, previewHead: previewHead_default };
 export {
   addons,
   babelDefault,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/storybook-addon",
-  "version": "4.7.0",
+  "version": "4.7.1",
   "description": "Procore Storybook Configuration",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/frontend-tooling#readme",
@@ -31,14 +31,8 @@
       }
     },
     "./preset": {
-      "import": {
-        "types": "./dist/modern/preset.d.ts",
-        "default": "./dist/modern/preset.js"
-      },
-      "require": {
-        "types": "./dist/modern/preset.d.cts",
-        "default": "./dist/modern/preset.cjs"
-      }
+      "types": "./dist/modern/preset.d.cts",
+      "default": "./dist/modern/preset.cjs"
     },
     "./package.json": "./package.json"
   },
@@ -46,7 +40,8 @@
   "module": "dist/legacy/index.js",
   "types": "dist/legacy/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "preset.js"
   ],
   "scripts": {
     "build": "hammer lib:build",
@@ -84,10 +79,10 @@
   "devDependencies": {
     "@babel/core": "^7.23.3",
     "@procore/eslint-config": "^15.3.2",
-    "@procore/hammer": "^0.16.0",
-    "@procore/hammer-lib-tsup": "^0.9.0",
-    "@procore/hammer-lint-eslint": "^0.5.0",
-    "@procore/hammer-test-vitest": "^0.13.0",
+    "@procore/hammer": "^1.2.0",
+    "@procore/hammer-lib-tsup": "^1.0.0",
+    "@procore/hammer-lint-eslint": "^1.0.1",
+    "@procore/hammer-test-vitest": "^1.0.0",
     "@procore/prettier-config": "^1.1.1",
     "@procore/typescript-config": "^2.1.0",
     "@types/react": "^18.2.37",

package/preset.js

@@ -0,0 +1 @@
+export * from './dist/modern/preset.cjs';

package/dist/legacy/chunk-CLCAWS5I.js

@@ -1,253 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ../../node_modules/react-dev-utils/getCacheIdentifier.js
-var require_getCacheIdentifier = __commonJS({
-  "../../node_modules/react-dev-utils/getCacheIdentifier.js"(exports, module) {
-    "use strict";
-    module.exports = function getCacheIdentifier2(environment, packages) {
-      let cacheIdentifier = environment == null ? "" : environment.toString();
-      for (const packageName of packages) {
-        cacheIdentifier += `:${packageName}@`;
-        try {
-          cacheIdentifier += __require(`${packageName}/package.json`).version;
-        } catch (_) {
-        }
-      }
-      return cacheIdentifier;
-    };
-  }
-});
-
-// src/configurations/babel.ts
-var import_getCacheIdentifier = __toESM(require_getCacheIdentifier(), 1);
-import { version as babelRuntimeVersion } from "@babel/runtime/package.json";
-import { version as corejsVersion } from "core-js/package.json";
-var targets = "defaults";
-var transformRuntimeOptions = {
-  // By default, babel assumes babel/runtime version 7.0.0-beta.0,
-  // explicitly resolving to match the provided helper functions.
-  // https://github.com/babel/babel/issues/10261
-  version: babelRuntimeVersion
-};
-function createConfigForReact() {
-  const env = process.env.NODE_ENV || "development";
-  const isProduction = env === "production";
-  return {
-    babelrc: false,
-    cacheCompression: false,
-    cacheDirectory: true,
-    cacheIdentifier: (0, import_getCacheIdentifier.default)(env, [
-      "babel-plugin-named-asset-import",
-      "react-dev-utils"
-    ]),
-    assumptions: {
-      privateFieldsAsProperties: true,
-      setPublicClassFields: true
-    },
-    compact: isProduction,
-    configFile: false,
-    sourceType: "unambiguous",
-    targets,
-    plugins: [
-      [
-        __require.resolve("@babel/plugin-transform-runtime"),
-        transformRuntimeOptions
-      ],
-      [
-        __require.resolve("babel-plugin-named-asset-import"),
-        {
-          loaderMap: {
-            svg: {
-              ReactComponent: "@svgr/webpack?-svgo,+titleProp,+ref![path]"
-            }
-          }
-        }
-      ],
-      [
-        __require.resolve("babel-plugin-styled-components"),
-        {
-          minify: true,
-          ssr: false,
-          displayName: true,
-          fileName: false,
-          transpileTemplateLiterals: true,
-          pure: false
-        }
-      ]
-    ],
-    presets: [
-      [
-        __require.resolve("@babel/preset-env"),
-        {
-          useBuiltIns: "usage",
-          corejs: corejsVersion
-        }
-      ],
-      [
-        __require.resolve("@babel/preset-react"),
-        {
-          useBuiltIns: true
-        }
-      ],
-      __require.resolve("@babel/preset-typescript")
-    ]
-  };
-}
-
-// src/configurations/previewHead.ts
-var defaultValues = {
-  includeBoxSizing: true
-};
-function previewHead_default(head, _options, parameters) {
-  const { includeBoxSizing = true } = {
-    ...defaultValues,
-    ...parameters
-  };
-  return `
-    ${head}
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
-
-    <style>
-      ${includeBoxSizing ? `
-          *,
-          *:before,
-          *:after {
-            -webkit-box-sizing: inherit;
-            -moz-box-sizing: inherit;
-            box-sizing: inherit;
-          }
-          html {
-            -webkit-box-sizing: border-box;
-            -moz-box-sizing: border-box;
-            box-sizing: border-box;
-          }
-        ` : ""}
-      html {
-        font-family: Inter, sans-serif;
-      }
-      body {
-        width: 100%;
-      }
-    </style>
-`;
-}
-
-// src/utils/index.ts
-function requireIfExists(moduleName) {
-  try {
-    return __require(moduleName);
-  } catch (e) {
-    return;
-  }
-}
-
-// src/preset.ts
-var addons = () => {
-  const sassImplementation = requireIfExists("sass");
-  return [
-    {
-      name: "@storybook/addon-styling-webpack",
-      options: {
-        rules: [
-          {
-            test: /\.scss$/,
-            use: [
-              "style-loader",
-              {
-                loader: "css-loader",
-                options: {
-                  modules: {
-                    localIdentName: "[name]__[local]--[hash:base64:5]"
-                  }
-                }
-              },
-              {
-                loader: "sass-loader",
-                options: {
-                  ...sassImplementation ? {
-                    implementation: sassImplementation
-                  } : {}
-                }
-              }
-            ]
-          },
-          {
-            test: /\.css$/,
-            use: [
-              "style-loader",
-              {
-                loader: "css-loader",
-                options: {
-                  modules: {
-                    localIdentName: "[name]__[local]--[hash:base64:5]"
-                  }
-                }
-              }
-            ]
-          }
-        ]
-      }
-    },
-    "@storybook/addon-docs",
-    "@storybook/addon-a11y"
-  ];
-};
-function babelDefault() {
-  return createConfigForReact();
-}
-var typescript = {
-  checkOptions: {
-    check: true,
-    exclude: /node_modules/
-  },
-  reactDocgen: false
-};
-var preset_default = {
-  addons: addons(),
-  babelDefault,
-  typescript,
-  previewHead: previewHead_default
-};
-
-export {
-  __require,
-  __commonJS,
-  __toESM,
-  previewHead_default,
-  addons,
-  babelDefault,
-  typescript,
-  preset_default
-};