@box/blueprint-web-assets 4.86.3 → 4.88.0

package/dist/icons/Medium/ClockArrowCurveBack.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/ClockArrowCurveBack.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgClockArrowCurveBack = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M12.005 3c4.986 0 9.036 4.025 9.036 9s-4.05 9-9.036 9a9.036 9.036 0 0 1-7.053-3.373 1 1 0 1 1 1.558-1.254A7.036 7.036 0 0 0 12.005 19c3.89 0 7.036-3.138 7.036-7s-3.146-7-7.036-7c-3.44 0-6.3 2.456-6.914 5.694l.902-.901a1 1 0 0 1 1.414 1.414L5.12 13.495a1.3 1.3 0 0 1-1.838 0L.993 11.207a1 1 0 0 1 1.414-1.414l.69.69C3.822 6.23 7.537 3 12.005 3Z" }), _jsx("path", { fill: props.color || '#909090', d: "M12 7a1 1 0 0 1 1 1v3.586l1.707 1.707a1 1 0 1 1-1.414 1.414L11.586 13A2 2 0 0 1 11 11.586V8a1 1 0 0 1 1-1Z" })] }));
+const ForwardRef = forwardRef(SvgClockArrowCurveBack);
+export default ForwardRef;

package/dist/icons/Medium/DocGen.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/DocGen.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgDocGen = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M16 17a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h12Zm4-6a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h12Zm-7-6a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h9Z" }) }));
+const ForwardRef = forwardRef(SvgDocGen);
+export default ForwardRef;

package/dist/icons/Medium/MagicWand.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/MagicWand.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgMagicWand = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12.244 7.362a2.5 2.5 0 0 1 3.535.002l.868.867a2.5 2.5 0 0 1 0 3.537l-9.88 9.878a2.5 2.5 0 0 1-3.535 0l-.877-.877a2.501 2.501 0 0 1 .002-3.538l6.848-6.837a.996.996 0 0 1 .19-.19l2.85-2.842ZM3.77 18.646a.501.501 0 0 0 0 .709l.877.877a.501.501 0 0 0 .708 0L11.585 14l-1.579-1.58-6.237 6.227Zm10.595-9.868a.502.502 0 0 0-.708 0l-2.234 2.23L13 12.585l2.233-2.232a.5.5 0 0 0 0-.707l-.867-.868Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M17.293 13.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414ZM21 9a1 1 0 0 1 0 2h-1.5a1 1 0 1 1 0-2H21ZM8.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Zm10 0a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414l1-1ZM14 2a1 1 0 0 1 1 1v1.5a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1Z" })] }));
+const ForwardRef = forwardRef(SvgMagicWand);
+export default ForwardRef;

package/dist/icons/Medium/Outline.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/Outline.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgOutline = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M15 14a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2h11Zm5-6a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2h16Z" }) }));
+const ForwardRef = forwardRef(SvgOutline);
+export default ForwardRef;

package/dist/icons/Medium/RightSidebarChevronClose.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/RightSidebarChevronClose.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgRightSidebarChevronClose = (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: "M17 4a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-4.993-4.743L2 15V9a5 5 0 0 1 5-5h10ZM7 6a3 3 0 0 0-3 3v6l.004.155A3 3 0 0 0 7 18h3V6H7Zm5 12h5a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5v12Zm2.293-8.707a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L15.586 12l-1.293-1.293a1 1 0 0 1 0-1.414Z" }) }));
+const ForwardRef = forwardRef(SvgRightSidebarChevronClose);
+export default ForwardRef;

package/dist/icons/Medium/RightSidebarChevronOpen.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/RightSidebarChevronOpen.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgRightSidebarChevronOpen = (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: "M17 4a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-4.993-4.743L2 15V9a5 5 0 0 1 5-5h10ZM7 6a3 3 0 0 0-3 3v6l.004.155A3 3 0 0 0 7 18h3V6H7Zm5 12h5a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5v12Zm4.293-8.707a1 1 0 1 1 1.414 1.414L16.414 12l1.293 1.293a1 1 0 1 1-1.414 1.414l-2-2a1 1 0 0 1 0-1.414l2-2Z" }) }));
+const ForwardRef = forwardRef(SvgRightSidebarChevronOpen);
+export default ForwardRef;

package/dist/icons/Medium/Watermark.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/Watermark.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgWatermark = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M19.649 9.063a1 1 0 0 1 .703 1.872L17.03 12.18l2.9 7.457a1 1 0 0 1-1.863.725l-2.91-7.48-7.399 2.775-1.828 4.705a1 1 0 0 1-1.863-.724l1.18-3.04-.897.337a1 1 0 1 1-.702-1.872l16-6ZM9.698 5.16c.816-2.099 3.787-2.1 4.604 0l1.157 2.977a1 1 0 0 1-1.863.725l-1.158-2.976a.47.47 0 0 0-.876 0l-2.042 5.25a1 1 0 1 1-1.863-.726l2.04-5.25Z" }) }));
+const ForwardRef = forwardRef(SvgWatermark);
+export default ForwardRef;

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

@@ -63,6 +63,7 @@ export { default as ClipboardArrow } from './ClipboardArrow';
 export { default as ClipboardList } from './ClipboardList';
 export { default as ClipboardPlus } from './ClipboardPlus';
 export { default as Clock } from './Clock';
+export { default as ClockArrowCurveBack } from './ClockArrowCurveBack';
 export { default as ClockExclamation } from './ClockExclamation';
 export { default as ClockPlus } from './ClockPlus';
 export { default as Cloud } from './Cloud';
@@ -76,6 +77,7 @@ export { default as Compass } from './Compass';
 export { default as Compose } from './Compose';
 export { default as ConditionalSplit } from './ConditionalSplit';
 export { default as DashedSquareBubble } from './DashedSquareBubble';
+export { default as DocGen } from './DocGen';
 export { default as Download } from './Download';
 export { default as Duplicate } from './Duplicate';
 export { default as Element } from './Element';
@@ -112,6 +114,7 @@ export { default as Link } from './Link';
 export { default as LinkPlus } from './LinkPlus';
 export { default as ListView } from './ListView';
 export { default as Lock } from './Lock';
+export { default as MagicWand } from './MagicWand';
 export { default as Mail } from './Mail';
 export { default as Megaphone } from './Megaphone';
 export { default as Merge } from './Merge';
@@ -123,6 +126,7 @@ export { default as Narrow } from './Narrow';
 export { default as Nav } from './Nav';
 export { default as Notes } from './Notes';
 export { default as NumberList } from './NumberList';
+export { default as Outline } from './Outline';
 export { default as Page } from './Page';
 export { default as PaperAirplane } from './PaperAirplane';
 export { default as PaperClip } from './PaperClip';
@@ -139,6 +143,8 @@ export { default as Radio } from './Radio';
 export { default as Relay } from './Relay';
 export { default as RelayAdvanced } from './RelayAdvanced';
 export { default as Retention } from './Retention';
+export { default as RightSidebarChevronClose } from './RightSidebarChevronClose';
+export { default as RightSidebarChevronOpen } from './RightSidebarChevronOpen';
 export { default as Search } from './Search';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';
@@ -170,6 +176,7 @@ export { default as Volume0 } from './Volume0';
 export { default as Volume1 } from './Volume1';
 export { default as Volume2 } from './Volume2';
 export { default as VolumeX } from './VolumeX';
+export { default as Watermark } from './Watermark';
 export { default as Wide } from './Wide';
 export { default as WrenchScrewdriver } from './WrenchScrewdriver';
 export { default as XMark } from './XMark';

package/dist/icons/Medium/index.js

@@ -63,6 +63,7 @@ export { default as ClipboardArrow } from './ClipboardArrow';
 export { default as ClipboardList } from './ClipboardList';
 export { default as ClipboardPlus } from './ClipboardPlus';
 export { default as Clock } from './Clock';
+export { default as ClockArrowCurveBack } from './ClockArrowCurveBack';
 export { default as ClockExclamation } from './ClockExclamation';
 export { default as ClockPlus } from './ClockPlus';
 export { default as Cloud } from './Cloud';
@@ -76,6 +77,7 @@ export { default as Compass } from './Compass';
 export { default as Compose } from './Compose';
 export { default as ConditionalSplit } from './ConditionalSplit';
 export { default as DashedSquareBubble } from './DashedSquareBubble';
+export { default as DocGen } from './DocGen';
 export { default as Download } from './Download';
 export { default as Duplicate } from './Duplicate';
 export { default as Element } from './Element';
@@ -112,6 +114,7 @@ export { default as Link } from './Link';
 export { default as LinkPlus } from './LinkPlus';
 export { default as ListView } from './ListView';
 export { default as Lock } from './Lock';
+export { default as MagicWand } from './MagicWand';
 export { default as Mail } from './Mail';
 export { default as Megaphone } from './Megaphone';
 export { default as Merge } from './Merge';
@@ -123,6 +126,7 @@ export { default as Narrow } from './Narrow';
 export { default as Nav } from './Nav';
 export { default as Notes } from './Notes';
 export { default as NumberList } from './NumberList';
+export { default as Outline } from './Outline';
 export { default as Page } from './Page';
 export { default as PaperAirplane } from './PaperAirplane';
 export { default as PaperClip } from './PaperClip';
@@ -139,6 +143,8 @@ export { default as Radio } from './Radio';
 export { default as Relay } from './Relay';
 export { default as RelayAdvanced } from './RelayAdvanced';
 export { default as Retention } from './Retention';
+export { default as RightSidebarChevronClose } from './RightSidebarChevronClose';
+export { default as RightSidebarChevronOpen } from './RightSidebarChevronOpen';
 export { default as Search } from './Search';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';
@@ -170,6 +176,7 @@ export { default as Volume0 } from './Volume0';
 export { default as Volume1 } from './Volume1';
 export { default as Volume2 } from './Volume2';
 export { default as VolumeX } from './VolumeX';
+export { default as Watermark } from './Watermark';
 export { default as Wide } from './Wide';
 export { default as WrenchScrewdriver } from './WrenchScrewdriver';
 export { default as XMark } from './XMark';

package/dist/icons/MediumFilled/MagicWand.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/MediumFilled/MagicWand.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgMagicWand = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12.244 7.362a2.5 2.5 0 0 1 3.535.002l.868.867a2.5 2.5 0 0 1 0 3.537l-9.88 9.878a2.5 2.5 0 0 1-3.535 0l-.877-.877a2.501 2.501 0 0 1 .002-3.538l6.848-6.837a.996.996 0 0 1 .19-.19l2.85-2.842Zm2.12 1.416a.502.502 0 0 0-.708 0l-2.234 2.23L13 12.585l2.233-2.232a.5.5 0 0 0 0-.707l-.867-.868Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M17.293 13.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414ZM21 9a1 1 0 0 1 0 2h-1.5a1 1 0 1 1 0-2H21ZM8.293 4.293a1 1 0 0 1 1.414 0l1 1a1 1 0 0 1-1.414 1.414l-1-1a1 1 0 0 1 0-1.414Zm10 0a1 1 0 0 1 1.414 1.414l-1 1a1 1 0 0 1-1.414-1.414l1-1ZM14 2a1 1 0 0 1 1 1v1.5a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1Z" })] }));
+const ForwardRef = forwardRef(SvgMagicWand);
+export default ForwardRef;

package/dist/icons/MediumFilled/XMark.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/MediumFilled/XMark.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgXMark = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M17.94 3.94a1.5 1.5 0 1 1 2.12 2.12L14.123 12l5.939 5.94a1.5 1.5 0 0 1-2.121 2.12L12 14.123 6.06 20.06a1.5 1.5 0 0 1-2.12-2.121L9.88 12 3.94 6.06a1.5 1.5 0 1 1 2.12-2.12L12 9.88l5.94-5.94Z" }) }));
+const ForwardRef = forwardRef(SvgXMark);
+export default ForwardRef;

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

@@ -27,6 +27,7 @@ export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Layout } from './Layout';
 export { default as Lock } from './Lock';
+export { default as MagicWand } from './MagicWand';
 export { default as Metadata } from './Metadata';
 export { default as Money } from './Money';
 export { default as Nav } from './Nav';
@@ -55,4 +56,5 @@ export { default as Volume0 } from './Volume0';
 export { default as Volume1 } from './Volume1';
 export { default as Volume2 } from './Volume2';
 export { default as VolumeX } from './VolumeX';
+export { default as XMark } from './XMark';
 export { default as XMarkCircle } from './XMarkCircle';

package/dist/icons/MediumFilled/index.js

@@ -27,6 +27,7 @@ export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Layout } from './Layout';
 export { default as Lock } from './Lock';
+export { default as MagicWand } from './MagicWand';
 export { default as Metadata } from './Metadata';
 export { default as Money } from './Money';
 export { default as Nav } from './Nav';
@@ -55,4 +56,5 @@ export { default as Volume0 } from './Volume0';
 export { default as Volume1 } from './Volume1';
 export { default as Volume2 } from './Volume2';
 export { default as VolumeX } from './VolumeX';
+export { default as XMark } from './XMark';
 export { default as XMarkCircle } from './XMarkCircle';

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

@@ -38,6 +38,7 @@ export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
 export const bpBorderHeaderBorder: string;
+export const bpBorderInlineNoticeBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -222,6 +223,9 @@ export const bpSurfaceComboboxSurface: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceContentSwitcherSurfaceHover: string;
 export const bpSurfaceContentSwitcherSurfaceSelected: string;
+export const bpSurfaceCtaDestructiveSurfacePrimary: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
@@ -290,10 +294,22 @@ export const bpSurfaceGhostSurfaceSecondary: string;
 export const bpSurfaceIconButtonSurface: string;
 export const bpSurfaceIconButtonSurfaceHover: string;
 export const bpSurfaceIconButtonSurfacePressed: string;
+export const bpSurfaceIconTileSurfaceBoxblue: string;
+export const bpSurfaceIconTileSurfaceDarkblue: string;
+export const bpSurfaceIconTileSurfaceGray: string;
+export const bpSurfaceIconTileSurfaceGreenlight: string;
+export const bpSurfaceIconTileSurfaceGrimace: string;
+export const bpSurfaceIconTileSurfaceLightblue: string;
+export const bpSurfaceIconTileSurfaceOrange: string;
+export const bpSurfaceIconTileSurfacePurplerain: string;
+export const bpSurfaceIconTileSurfaceWatermelonred: string;
+export const bpSurfaceIconTileSurfaceWhite: string;
+export const bpSurfaceIconTileSurfaceYellorange: string;
 export const bpSurfaceIllustrationSurfaceBox: string;
 export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
 export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
+export const bpSurfaceInlineNoticeSurfaceNote: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
 export const bpSurfaceInlineTableSurface: string;

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

@@ -38,6 +38,7 @@ export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
 export const bpBorderHeaderBorder = '#e8e8e8';
+export const bpBorderInlineNoticeBorder = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
@@ -222,6 +223,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
 export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
+export const bpSurfaceCtaDestructiveSurfacePrimary = '#d5324e';
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover = '#ed3757';
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed = '#be2c46';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
 export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
@@ -239,9 +243,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
-export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
-export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
-export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
+export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
+export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
 export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
@@ -290,10 +294,22 @@ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceIconTileSurfaceBoxblue = '#0061d5';
+export const bpSurfaceIconTileSurfaceDarkblue = '#003c84';
+export const bpSurfaceIconTileSurfaceGray = '#222222';
+export const bpSurfaceIconTileSurfaceGreenlight = '#22af74';
+export const bpSurfaceIconTileSurfaceGrimace = '#4826c2';
+export const bpSurfaceIconTileSurfaceLightblue = '#2486fc';
+export const bpSurfaceIconTileSurfaceOrange = '#d97417';
+export const bpSurfaceIconTileSurfacePurplerain = '#8f39d5';
+export const bpSurfaceIconTileSurfaceWatermelonred = '#d5324e';
+export const bpSurfaceIconTileSurfaceWhite = '#ffffff';
+export const bpSurfaceIconTileSurfaceYellorange = '#dca118';
 export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
 export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
 export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
+export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
 export const bpSurfaceInlineTableSurface = '#ffffff';

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

@@ -610,6 +610,7 @@
     --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
     --bp-border-grid-thumbnail-border: var(--bp-gray-10);
     --bp-border-header-border: var(--bp-gray-10);
+    --bp-border-inline-notice-border: var(--bp-black-opacity-08);
     --bp-border-inline-table-border: var(--bp-gray-10);
     --bp-border-input-border: var(--bp-gray-50);
     --bp-border-input-border-error: var(--bp-watermelon-red-100);
@@ -765,6 +766,9 @@
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
     --bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
     --bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
+    --bp-surface-cta-destructive-surface-primary: var(--bp-watermelon-red-110);
+    --bp-surface-cta-destructive-surface-primary-hover: var(--bp-watermelon-red-100);
+    --bp-surface-cta-destructive-surface-primary-pressed: var(--bp-watermelon-red-120);
     --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
     --bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
     --bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
@@ -782,9 +786,9 @@
     --bp-surface-cta-surface-promo-focus-pressed: var(--bp-grimace-120);
     --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
     --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
-    --bp-surface-cta-surface-secondary: var(--bp-white-opacity-90);
-    --bp-surface-cta-surface-secondary-hover: var(--bp-white-opacity-60);
-    --bp-surface-cta-surface-secondary-pressed: var(--bp-white-opacity-30);
+    --bp-surface-cta-surface-secondary: var(--bp-gray-white);
+    --bp-surface-cta-surface-secondary-hover: var(--bp-gray-05);
+    --bp-surface-cta-surface-secondary-pressed: var(--bp-gray-10);
     --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
     --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
@@ -832,10 +836,22 @@
     --bp-surface-icon-button-surface: var(--bp-black-opacity-00);
     --bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
     --bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
+    --bp-surface-icon-tile-surface-boxblue: var(--bp-box-blue-100);
+    --bp-surface-icon-tile-surface-darkblue: var(--bp-dark-blue-100);
+    --bp-surface-icon-tile-surface-gray: var(--bp-gray-100);
+    --bp-surface-icon-tile-surface-greenlight: var(--bp-green-light-110);
+    --bp-surface-icon-tile-surface-grimace: var(--bp-grimace-100);
+    --bp-surface-icon-tile-surface-lightblue: var(--bp-light-blue-100);
+    --bp-surface-icon-tile-surface-orange: var(--bp-orange-110);
+    --bp-surface-icon-tile-surface-purplerain: var(--bp-purple-rain-110);
+    --bp-surface-icon-tile-surface-watermelonred: var(--bp-watermelon-red-110);
+    --bp-surface-icon-tile-surface-white: var(--bp-gray-white);
+    --bp-surface-icon-tile-surface-yellorange: var(--bp-yellorange-110);
     --bp-surface-illustration-surface-box: var(--bp-box-blue-100);
     --bp-surface-illustration-surface-box-neutral: var(--bp-box-blue-100);
     --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
     --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
+    --bp-surface-inline-notice-surface-note: var(--bp-gray-white);
     --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
     --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
     --bp-surface-inline-table-surface: var(--bp-gray-white);

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

@@ -34,6 +34,7 @@ export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
 export const bpBorderHeaderBorder: string;
+export const bpBorderInlineNoticeBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -218,6 +219,9 @@ export const bpSurfaceComboboxSurface: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceContentSwitcherSurfaceHover: string;
 export const bpSurfaceContentSwitcherSurfaceSelected: string;
+export const bpSurfaceCtaDestructiveSurfacePrimary: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
@@ -286,10 +290,22 @@ export const bpSurfaceGhostSurfaceSecondary: string;
 export const bpSurfaceIconButtonSurface: string;
 export const bpSurfaceIconButtonSurfaceHover: string;
 export const bpSurfaceIconButtonSurfacePressed: string;
+export const bpSurfaceIconTileSurfaceBoxblue: string;
+export const bpSurfaceIconTileSurfaceDarkblue: string;
+export const bpSurfaceIconTileSurfaceGray: string;
+export const bpSurfaceIconTileSurfaceGreenlight: string;
+export const bpSurfaceIconTileSurfaceGrimace: string;
+export const bpSurfaceIconTileSurfaceLightblue: string;
+export const bpSurfaceIconTileSurfaceOrange: string;
+export const bpSurfaceIconTileSurfacePurplerain: string;
+export const bpSurfaceIconTileSurfaceWatermelonred: string;
+export const bpSurfaceIconTileSurfaceWhite: string;
+export const bpSurfaceIconTileSurfaceYellorange: string;
 export const bpSurfaceIllustrationSurfaceBox: string;
 export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
 export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
+export const bpSurfaceInlineNoticeSurfaceNote: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
 export const bpSurfaceInlineTableSurface: string;

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

@@ -34,6 +34,7 @@ export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
 export const bpBorderHeaderBorder = '#e8e8e8';
+export const bpBorderInlineNoticeBorder = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
@@ -218,6 +219,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
 export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
+export const bpSurfaceCtaDestructiveSurfacePrimary = '#d5324e';
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover = '#ed3757';
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed = '#be2c46';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
 export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
@@ -235,9 +239,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
-export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
-export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
-export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
+export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
+export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
 export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
@@ -286,10 +290,22 @@ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceIconTileSurfaceBoxblue = '#0061d5';
+export const bpSurfaceIconTileSurfaceDarkblue = '#003c84';
+export const bpSurfaceIconTileSurfaceGray = '#222222';
+export const bpSurfaceIconTileSurfaceGreenlight = '#22af74';
+export const bpSurfaceIconTileSurfaceGrimace = '#4826c2';
+export const bpSurfaceIconTileSurfaceLightblue = '#2486fc';
+export const bpSurfaceIconTileSurfaceOrange = '#d97417';
+export const bpSurfaceIconTileSurfacePurplerain = '#8f39d5';
+export const bpSurfaceIconTileSurfaceWatermelonred = '#d5324e';
+export const bpSurfaceIconTileSurfaceWhite = '#ffffff';
+export const bpSurfaceIconTileSurfaceYellorange = '#dca118';
 export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
 export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
 export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
+export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
 export const bpSurfaceInlineTableSurface = '#ffffff';

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

@@ -35,6 +35,7 @@
     "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
     "BpBorderGridThumbnailBorder": "#e8e8e8",
     "BpBorderHeaderBorder": "#e8e8e8",
+    "BpBorderInlineNoticeBorder": "rgba(0, 0, 0, 0.08)",
     "BpBorderInlineTableBorder": "#e8e8e8",
     "BpBorderInputBorder": "#909090",
     "BpBorderInputBorderError": "#ed3757",
@@ -219,6 +220,9 @@
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
     "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
     "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
+    "BpSurfaceCtaDestructiveSurfacePrimary": "#d5324e",
+    "BpSurfaceCtaDestructiveSurfacePrimaryHover": "#ed3757",
+    "BpSurfaceCtaDestructiveSurfacePrimaryPressed": "#be2c46",
     "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
     "BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
     "BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
@@ -236,9 +240,9 @@
     "BpSurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
     "BpSurfaceCtaSurfacePromoHover": "#4826c2",
     "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
-    "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
-    "BpSurfaceCtaSurfaceSecondaryHover": "rgba(255, 255, 255, 0.6)",
-    "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(255, 255, 255, 0.3)",
+    "BpSurfaceCtaSurfaceSecondary": "#ffffff",
+    "BpSurfaceCtaSurfaceSecondaryHover": "#f4f4f4",
+    "BpSurfaceCtaSurfaceSecondaryPressed": "#e8e8e8",
     "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
     "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
@@ -287,10 +291,22 @@
     "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
     "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceIconTileSurfaceBoxblue": "#0061d5",
+    "BpSurfaceIconTileSurfaceDarkblue": "#003c84",
+    "BpSurfaceIconTileSurfaceGray": "#222222",
+    "BpSurfaceIconTileSurfaceGreenlight": "#22af74",
+    "BpSurfaceIconTileSurfaceGrimace": "#4826c2",
+    "BpSurfaceIconTileSurfaceLightblue": "#2486fc",
+    "BpSurfaceIconTileSurfaceOrange": "#d97417",
+    "BpSurfaceIconTileSurfacePurplerain": "#8f39d5",
+    "BpSurfaceIconTileSurfaceWatermelonred": "#d5324e",
+    "BpSurfaceIconTileSurfaceWhite": "#ffffff",
+    "BpSurfaceIconTileSurfaceYellorange": "#dca118",
     "BpSurfaceIllustrationSurfaceBox": "#0061d5",
     "BpSurfaceIllustrationSurfaceBoxNeutral": "#0061d5",
     "BpSurfaceInlineNoticeSurfaceError": "#fdebee",
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
+    "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
     "BpSurfaceInlineTableSurface": "#ffffff",

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

@@ -39,6 +39,7 @@ export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
 export const bpBorderHeaderBorder: string;
+export const bpBorderInlineNoticeBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -223,6 +224,9 @@ export const bpSurfaceComboboxSurface: string;
 export const bpSurfaceContentSwitcherSurface: string;
 export const bpSurfaceContentSwitcherSurfaceHover: string;
 export const bpSurfaceContentSwitcherSurfaceSelected: string;
+export const bpSurfaceCtaDestructiveSurfacePrimary: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover: string;
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
@@ -291,10 +295,22 @@ export const bpSurfaceGhostSurfaceSecondary: string;
 export const bpSurfaceIconButtonSurface: string;
 export const bpSurfaceIconButtonSurfaceHover: string;
 export const bpSurfaceIconButtonSurfacePressed: string;
+export const bpSurfaceIconTileSurfaceBoxblue: string;
+export const bpSurfaceIconTileSurfaceDarkblue: string;
+export const bpSurfaceIconTileSurfaceGray: string;
+export const bpSurfaceIconTileSurfaceGreenlight: string;
+export const bpSurfaceIconTileSurfaceGrimace: string;
+export const bpSurfaceIconTileSurfaceLightblue: string;
+export const bpSurfaceIconTileSurfaceOrange: string;
+export const bpSurfaceIconTileSurfacePurplerain: string;
+export const bpSurfaceIconTileSurfaceWatermelonred: string;
+export const bpSurfaceIconTileSurfaceWhite: string;
+export const bpSurfaceIconTileSurfaceYellorange: string;
 export const bpSurfaceIllustrationSurfaceBox: string;
 export const bpSurfaceIllustrationSurfaceBoxNeutral: string;
 export const bpSurfaceInlineNoticeSurfaceError: string;
 export const bpSurfaceInlineNoticeSurfaceInfo: string;
+export const bpSurfaceInlineNoticeSurfaceNote: string;
 export const bpSurfaceInlineNoticeSurfaceSuccess: string;
 export const bpSurfaceInlineNoticeSurfaceWarning: string;
 export const bpSurfaceInlineTableSurface: string;