@box/blueprint-web-assets 4.37.0 → 4.37.1

package/dist/icons/ContentItemNoBackground/DummyToBeRemovedLater.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDummyToBeRemovedLater: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDummyToBeRemovedLater;

package/dist/icons/ContentItemNoBackground/DummyToBeRemovedLater.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgDummyToBeRemovedLater = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props }));
+export default SvgDummyToBeRemovedLater;

package/dist/icons/ContentItemNoBackground/index.d.ts

@@ -0,0 +1 @@
+export { default as DummyToBeRemovedLater } from './DummyToBeRemovedLater';

package/dist/icons/ContentItemNoBackground/index.js

@@ -0,0 +1 @@
+export { default as DummyToBeRemovedLater } from './DummyToBeRemovedLater';

package/dist/icons/stories/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { AllIconsTemplate } from '../../utils/all-icons-template';
+export type IconsStoryObj = StoryObj<ReturnType<typeof AllIconsTemplate>>;

package/dist/icons/stories/types.js

@@ -0,0 +1 @@
+export {};

package/dist/illustrations/stories/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { AllIconsTemplate } from '../../utils/all-icons-template';
+export type IconsStoryObj = StoryObj<ReturnType<typeof AllIconsTemplate>>;

package/dist/illustrations/stories/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/all-icons-template.d.ts

@@ -0,0 +1,7 @@
+import FileAudio from '../icons/Content/FileAudio';
+interface IconStoryArgs {
+    color: string;
+    size: number;
+}
+export declare const AllIconsTemplate: (iconGroup: Record<string, typeof FileAudio>, canChangeColor: boolean, isBranded?: boolean) => (props: IconStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/utils/all-icons-template.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './all-icons-template.module.scss';
+export const AllIconsTemplate = (iconGroup, canChangeColor, isBranded = false) => (props) => {
+    const brandingStylesUrl = `${process.env.STORYBOOK_URL}/?path=/story/components-brandingstyles--brand-theme-playground`;
+    const iconsToShow = Object.entries(iconGroup);
+    return (_jsxs("div", { className: styles.container, children: [canChangeColor && !isBranded ? (_jsxs("h1", { children: ["Icons color: ", _jsx("span", { style: { color: props.color }, children: props.color || 'Default' })] })) : (_jsx("h1", { children: isBranded ? `Info: These icons are branded` : `Info: These icons do not support color changes` })), isBranded ? _jsx("a", { href: brandingStylesUrl, children: "See BrandingStyles playground" }) : null, _jsxs("h1", { children: ["size: ", props.size, "px"] }), _jsx("hr", {}), _jsx("div", { className: styles.iconGrid, children: iconsToShow.map(([iconName, IconComponent]) => {
+                    return (_jsxs("div", { className: styles.iconSlot, children: [_jsx("h4", { children: iconName }), _jsx(IconComponent, { width: props.size, height: props.size, ...props })] }, iconName));
+                }) })] }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.37.0",
+    "version": "4.37.1",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && yarn lint-local && yarn lint-local-css",
@@ -14,14 +14,14 @@
         "postbuild": "rimraf ./tmp",
         "remove-clippaths": "node scripts/remove_clippaths",
         "svgr-content": "svgr --config-file svgrConfig/common.svgrrc.js -d src/icons/Content ./tmp/repo/Icon/Content",
-        "svgr-contentitem-nobackground": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/ContentItem-noBackground ./tmp/repo/Icon/ContentItem-noBackground",
+        "svgr-content-item-no-background": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/ContentItemNoBackground ./tmp/repo/Icon/ContentItemNoBackground",
         "svgr-fill": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Fill ./tmp/repo/Icon/Fill",
         "svgr-illustration": "svgr --config-file svgrConfig/replace-with-branding-color.svgrrc.js -d src/illustrations ./tmp/repo/Illustration",
         "svgr-line": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Line ./tmp/repo/Icon/Line",
         "svgr-logo": "svgr --config-file svgrConfig/common.svgrrc.js -d src/icons/Logo ./tmp/repo/Icon/Logo",
-        "svgr-medium-filled": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Medium-Filled ./tmp/repo/Icon/Medium-Filled",
+        "svgr-medium-filled": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/MediumFilled ./tmp/repo/Icon/MediumFilled",
         "svgr-medium": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Medium ./tmp/repo/Icon/Medium",
-        "svgr": "rimraf src/icons/Content src/icons/ContentItem-noBackground src/icons/Fill src/icons/Line src/icons/Logo src/icons/Medium-Filled src/icons/Medium && concurrently 'yarn svgr-content' 'yarn svgr-contentitem-nobackground' 'yarn svgr-fill' 'yarn svgr-illustration' 'yarn svgr-line' 'yarn svgr-logo' 'yarn svgr-medium-filled' 'yarn svgr-medium' && yarn remove-clippaths",
+        "svgr": "rimraf src/icons/Content src/icons/ContentItemNoBackground src/icons/Fill src/icons/Line src/icons/Logo src/icons/MediumFilled src/icons/Medium && concurrently 'yarn svgr-content' 'yarn svgr-content-item-no-background' 'yarn svgr-fill' 'yarn svgr-illustration' 'yarn svgr-line' 'yarn svgr-logo' 'yarn svgr-medium-filled' 'yarn svgr-medium' && yarn remove-clippaths",
         "tokens-build-styles-all": "yarn tokens-build-styles && yarn tokens-build-styles-create-typography-mixins",
         "tokens-build-styles-create-typography-mixins": "node scripts/create_typography_mixins.js --input tmp/repo/Style/values.json --output src/tokens/mixins.scss",
         "tokens-build-styles": "token-transformer --expandTypography --expandComposition --resolveReferences=false tmp/repo/Style tmp/tokens_output_styles.json light-mode,values && node scripts/build-tokens.js"
@@ -60,9 +60,9 @@
             "types": "./icons/Content/*.d.ts",
             "default": "./icons/Content/*.js"
         },
-        "./icons/ContentItem-noBackground/*": {
-            "types": "./icons/ContentItem-noBackground/*.d.ts",
-            "default": "./icons/ContentItem-noBackground/*.js"
+        "./icons/ContentItemNoBackground/*": {
+            "types": "./icons/ContentItemNoBackground/*.d.ts",
+            "default": "./icons/ContentItemNoBackground/*.js"
         },
         "./icons/Fill/*": {
             "types": "./icons/Fill/*.d.ts",
@@ -76,9 +76,9 @@
             "types": "./icons/Logo/*.d.ts",
             "default": "./icons/Logo/*.js"
         },
-        "./icons/Medium-Filled/*": {
-            "types": "./icons/Medium-Filled/*.d.ts",
-            "default": "./icons/Medium-Filled/*.js"
+        "./icons/MediumFilled/*": {
+            "types": "./icons/MediumFilled/*.d.ts",
+            "default": "./icons/MediumFilled/*.js"
         },
         "./icons/Medium/*": {
             "types": "./icons/Medium/*.d.ts",
@@ -88,9 +88,9 @@
             "types": "./icons/Content/index.d.ts",
             "default": "./icons/Content/index.js"
         },
-        "./icons/ContentItem-noBackground": {
-            "types": "./icons/ContentItem-noBackground/index.d.ts",
-            "default": "./icons/ContentItem-noBackground/index.js"
+        "./icons/ContentItemNoBackground": {
+            "types": "./icons/ContentItemNoBackground/index.d.ts",
+            "default": "./icons/ContentItemNoBackground/index.js"
         },
         "./icons/Fill": {
             "types": "./icons/Fill/index.d.ts",
@@ -104,9 +104,9 @@
             "types": "./icons/Logo/index.d.ts",
             "default": "./icons/Logo/index.js"
         },
-        "./icons/Medium-Filled": {
-            "types": "./icons/Medium-Filled/index.d.ts",
-            "default": "./icons/Medium-Filled/index.js"
+        "./icons/MediumFilled": {
+            "types": "./icons/MediumFilled/index.d.ts",
+            "default": "./icons/MediumFilled/index.js"
         },
         "./icons/Medium": {
             "types": "./icons/Medium/index.d.ts",