@box/blueprint-web-assets 4.36.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/Medium/Mail.d.ts

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

package/dist/icons/Medium/Mail.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgMail = (props) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18.999 4H5A3.001 3.001 0 0 0 2 7v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7c0-1.66-1.348-3-3.001-3ZM6.414 6l4.879 4.879a1 1 0 0 0 1.414 0L17.586 6H6.414Zm13.47.531-5.763 5.762a3 3 0 0 1-4.242 0L4.117 6.53A.994.994 0 0 0 4 7v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7c0-.17-.042-.33-.117-.469Z", clipRule: "evenodd" }) }));
+export default SvgMail;

package/{icons → dist/icons}/Medium/index.d.ts

@@ -29,6 +29,7 @@ export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Link } from './Link';
 export { default as LinkPlus } from './LinkPlus';
+export { default as Mail } from './Mail';
 export { default as Metadata } from './Metadata';
 export { default as Narrow } from './Narrow';
 export { default as Nav } from './Nav';

package/{icons → dist/icons}/Medium/index.js

@@ -29,6 +29,7 @@ export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Link } from './Link';
 export { default as LinkPlus } from './LinkPlus';
+export { default as Mail } from './Mail';
 export { default as Metadata } from './Metadata';
 export { default as Narrow } from './Narrow';
 export { default as Nav } from './Nav';

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/{tokens → dist/tokens}/px-tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 22 Feb 2025 00:45:58 GMT
+ * Generated on Fri, 28 Feb 2025 21:24:45 GMT
  */
 
 export const BackgroundBackground: string;

package/{tokens → dist/tokens}/px-tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 22 Feb 2025 00:45:58 GMT
+ * Generated on Fri, 28 Feb 2025 21:24:45 GMT
  */
 
 export const BackgroundBackground = '#ffffff';

package/{tokens → dist/tokens}/tokens-css-vars.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Sat, 22 Feb 2025 00:45:58 GMT
+ * Generated on Fri, 28 Feb 2025 21:24:45 GMT
  */
 
 :root {

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,28 +1,27 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.36.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",
         "build-local": "yarn tokens-build-styles-all && yarn icons-build",
         "build-storybook": "nx run blueprint-web-assets:build-storybook",
         "build": "rimraf dist && tsc --project tsconfig.lib.json && yarn copy-static",
-        "copy-static": "cp package.json README.md LICENSE dist && mkdir dist/tokens && cp -r src/tokens/* dist/tokens",
+        "copy-static": "mkdir dist/tokens && cp -r src/tokens/* dist/tokens",
         "icons-build": "yarn svgr && rimraf dist && tsc --project tsconfig.lib.json && yarn copy-static",
         "lint-local-css": "cd ../../ && nx run blueprint-web-assets:lint-css --fix",
         "lint-local": "cd ../../ && nx run blueprint-web-assets:lint --fix",
         "postbuild": "rimraf ./tmp",
-        "prepare": "nx run blueprint-web-assets:prepare",
         "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"
@@ -32,10 +31,12 @@
         "**/*.scss"
     ],
     "publishConfig": {
-        "access": "public",
-        "directory": "dist",
-        "registry": "https://registry.npmjs.org"
+        "access": "public"
     },
+    "files": [
+        "dist",
+        "THIRD_PARTY_LICENSES"
+    ],
     "peerDependencies": {
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0"
@@ -59,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",
@@ -75,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",
@@ -87,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",
@@ -103,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",
@@ -131,6 +132,5 @@
         "chalk": "4.1.2",
         "react": "^18.3.0",
         "react-dom": "^18.3.0"
-    },
-    "gitHead": "23bed42d9a6652cfb6069f38db36bf3eb529dc9b"
+    }
 }