@box/blueprint-web-assets 4.76.4 → 4.77.1

package/dist/icons/Medium/Checkmark.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Checkmark.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCheckmark = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M19.94 5.94a1.5 1.5 0 0 1 2.12 2.12L10.769 19.355a2.5 2.5 0 0 1-3.536 0L1.94 14.06a1.5 1.5 0 0 1 2.12-2.121L9 16.88 19.94 5.94Z" }) }));
+const ForwardRef = forwardRef(SvgCheckmark);
+export default ForwardRef;

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

@@ -39,6 +39,7 @@ export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
 export { default as CheckList } from './CheckList';
+export { default as Checkmark } from './Checkmark';
 export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';

package/dist/icons/Medium/index.js

@@ -39,6 +39,7 @@ export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
 export { default as CheckList } from './CheckList';
+export { default as Checkmark } from './Checkmark';
 export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';

package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts

@@ -401,6 +401,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/BP2/dark_mode_value/px-tokens.js

@@ -401,6 +401,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/BP2/dark_mode_value/tokens.css

@@ -943,6 +943,7 @@
     --bp-surface-switch-surface-off-hover: var(--bp-gray-30);
     --bp-surface-switch-surface-on: var(--bp-box-blue-100);
     --bp-surface-switch-surface-on-hover: var(--bp-light-blue-110);
+    --bp-surface-tab-surface: var(--bp-white-opacity-00);
     --bp-surface-tab-surface-hover: var(--bp-white-opacity-00);
     --bp-surface-tab-surface-pressed: var(--bp-white-opacity-00);
     --bp-surface-text-highlight-surface: var(--bp-yellow-20);

package/dist/tokens/BP2/dark_mode_value/tokens.d.ts

@@ -397,6 +397,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/BP2/dark_mode_value/tokens.js

@@ -397,6 +397,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(255, 255, 255, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/BP2/dark_mode_value/tokens.json

@@ -398,6 +398,7 @@
     "BpSurfaceSwitchSurfaceOffHover": "#bcbcbc",
     "BpSurfaceSwitchSurfaceOn": "#0061d5",
     "BpSurfaceSwitchSurfaceOnHover": "#2079e3",
+    "BpSurfaceTabSurface": "rgba(255, 255, 255, 0)",
     "BpSurfaceTabSurfaceHover": "rgba(255, 255, 255, 0)",
     "BpSurfaceTabSurfacePressed": "rgba(255, 255, 255, 0)",
     "BpSurfaceTextHighlightSurface": "#fff7cc",

package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts

@@ -402,6 +402,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/BP2/light_mode_value/px-tokens.js

@@ -402,6 +402,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -944,6 +944,7 @@
     --bp-surface-switch-surface-off-hover: var(--bp-gray-30);
     --bp-surface-switch-surface-on: var(--bp-box-blue-100);
     --bp-surface-switch-surface-on-hover: var(--bp-light-blue-110);
+    --bp-surface-tab-surface: var(--bp-black-opacity-00);
     --bp-surface-tab-surface-hover: var(--bp-black-opacity-00);
     --bp-surface-tab-surface-pressed: var(--bp-black-opacity-00);
     --bp-surface-text-highlight-surface: var(--bp-yellow-20);

package/dist/tokens/BP2/light_mode_value/tokens.d.ts

@@ -398,6 +398,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/BP2/light_mode_value/tokens.js

@@ -398,6 +398,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/BP2/light_mode_value/tokens.json

@@ -399,6 +399,7 @@
     "BpSurfaceSwitchSurfaceOffHover": "#bcbcbc",
     "BpSurfaceSwitchSurfaceOn": "#0061d5",
     "BpSurfaceSwitchSurfaceOnHover": "#2079e3",
+    "BpSurfaceTabSurface": "rgba(0, 0, 0, 0)",
     "BpSurfaceTabSurfaceHover": "rgba(0, 0, 0, 0)",
     "BpSurfaceTabSurfacePressed": "rgba(0, 0, 0, 0)",
     "BpSurfaceTextHighlightSurface": "#fff7cc",

package/dist/tokens/mixins-legacy.scss

@@ -13,67 +13,51 @@
 @mixin title-subtitle {
     @include font-mixin('title-subtitle');
 }
-
 @mixin title-small {
     @include font-mixin('title-small');
 }
-
 @mixin title-medium {
     @include font-mixin('title-medium');
 }
-
 @mixin title-large {
     @include font-mixin('title-large');
 }
-
 @mixin title-xlarge {
     @include font-mixin('title-x-large');
 }
-
 @mixin title-mondo {
     @include font-mixin('title-mondo');
 }
-
 @mixin body-large {
     @include font-mixin('body-large');
 }
-
 @mixin body-large-bold {
     @include font-mixin('body-large-bold');
 }
-
 @mixin body-default-bold {
     @include font-mixin('body-default-bold');
 }
-
 @mixin body-default-semibold {
     @include font-mixin('body-default-semibold');
 }
-
 @mixin body-default {
     @include font-mixin('body-default');
 }
-
 @mixin caption-bold {
     @include font-mixin('caption-bold');
 }
-
 @mixin caption-default {
     @include font-mixin('caption-default');
 }
-
 @mixin label-bold {
     @include font-mixin('label-bold');
 }
-
 @mixin label-default {
     @include font-mixin('label-default');
 }
-
 @mixin link-default {
     @include font-mixin('link-default');
 }
-
 @mixin notification-default {
     @include font-mixin('notification-default');
 }

package/dist/tokens/px-tokens.d.ts

@@ -1224,6 +1224,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/px-tokens.js

@@ -1235,6 +1235,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/tokens-css-vars.scss

@@ -1732,6 +1732,7 @@
     --bp-surface-switch-surface-off-hover: var(--bp-gray-30);
     --bp-surface-switch-surface-on: var(--bp-box-blue-100);
     --bp-surface-switch-surface-on-hover: var(--bp-light-blue-110);
+    --bp-surface-tab-surface: var(--bp-black-opacity-00);
     --bp-surface-tab-surface-hover: var(--bp-black-opacity-00);
     --bp-surface-tab-surface-pressed: var(--bp-black-opacity-00);
     --bp-surface-text-highlight-surface: var(--bp-yellow-20);

package/dist/tokens/tokens.d.ts

@@ -1220,6 +1220,7 @@ export const bpSurfaceSwitchSurfaceOff: string;
 export const bpSurfaceSwitchSurfaceOffHover: string;
 export const bpSurfaceSwitchSurfaceOn: string;
 export const bpSurfaceSwitchSurfaceOnHover: string;
+export const bpSurfaceTabSurface: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;

package/dist/tokens/tokens.js

@@ -1231,6 +1231,7 @@ export const bpSurfaceSwitchSurfaceOff = '#d3d3d3';
 export const bpSurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const bpSurfaceSwitchSurfaceOn = '#0061d5';
 export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
+export const bpSurfaceTabSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';

package/dist/tokens/tokens.json

@@ -1219,6 +1219,7 @@
     "BpSurfaceSwitchSurfaceOffHover": "#bcbcbc",
     "BpSurfaceSwitchSurfaceOn": "#0061d5",
     "BpSurfaceSwitchSurfaceOnHover": "#2079e3",
+    "BpSurfaceTabSurface": "rgba(0, 0, 0, 0)",
     "BpSurfaceTabSurfaceHover": "rgba(0, 0, 0, 0)",
     "BpSurfaceTabSurfacePressed": "rgba(0, 0, 0, 0)",
     "BpSurfaceTextHighlightSurface": "#fff7cc",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.76.4",
+    "version": "4.77.1",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.14.13",
+        "@box/storybook-utils": "^0.14.14",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "chalk": "4.1.2",