@box/blueprint-web-assets 4.71.11 → 4.72.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/icons/Logo/MicrosoftExcel.js +1 -1
  2. package/dist/icons/Logo/MicrosoftPowerPoint.js +1 -1
  3. package/dist/icons/Logo/MicrosoftWord.js +1 -1
  4. package/dist/icons/Medium/Element.d.ts +3 -0
  5. package/dist/icons/Medium/Element.js +5 -0
  6. package/dist/icons/Medium/index.d.ts +1 -0
  7. package/dist/icons/Medium/index.js +1 -0
  8. package/dist/icons/MediumFilled/Element.d.ts +3 -0
  9. package/dist/icons/MediumFilled/Element.js +5 -0
  10. package/dist/icons/MediumFilled/index.d.ts +1 -0
  11. package/dist/icons/MediumFilled/index.js +1 -0
  12. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +2 -3
  13. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +4 -5
  14. package/dist/tokens/BP2/dark_mode_value/tokens.css +4 -5
  15. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +2 -3
  16. package/dist/tokens/BP2/dark_mode_value/tokens.js +4 -5
  17. package/dist/tokens/BP2/dark_mode_value/tokens.json +4 -5
  18. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +2 -3
  19. package/dist/tokens/BP2/light_mode_value/px-tokens.js +4 -5
  20. package/dist/tokens/BP2/light_mode_value/tokens.css +4 -5
  21. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +2 -3
  22. package/dist/tokens/BP2/light_mode_value/tokens.js +4 -5
  23. package/dist/tokens/BP2/light_mode_value/tokens.json +4 -5
  24. package/dist/tokens/px-tokens.d.ts +2 -3
  25. package/dist/tokens/px-tokens.js +2 -3
  26. package/dist/tokens/tokens-css-vars.scss +4 -5
  27. package/dist/tokens/tokens.d.ts +2 -3
  28. package/dist/tokens/tokens.js +2 -3
  29. package/dist/tokens/tokens.json +4 -5
  30. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { clipPath: "url(#MicrosoftExcel_svg__MicrosoftExcel__a)", children: [_jsx("path", { fill: "#185C37", d: "m18.409 15.518-8.19-1.445v10.68a.883.883 0 0 0 .883.883h14.132a.883.883 0 0 0 .883-.884v-3.934l-7.708-5.3Z" }), _jsx("path", { fill: "#21A366", d: "M18.409 6.364h-7.307a.883.883 0 0 0-.883.884v3.934L18.409 16l4.336 1.445L26.117 16v-4.818L18.41 6.364Z" }), _jsx("path", { fill: "#107C41", d: "M10.219 11.182h8.19V16h-8.19v-4.818Z" }), _jsx("path", { d: "M16.08 10.219h-5.86v12.044h5.862a.886.886 0 0 0 .883-.883V11.102a.886.886 0 0 0-.883-.883Z", opacity: 0.1 }), _jsx("path", { d: "M15.599 10.7h-5.38v12.045h5.38a.886.886 0 0 0 .883-.883V11.584a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.599 10.7h-5.38v11.081h5.38a.886.886 0 0 0 .883-.883v-9.314a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.117 10.7h-4.898v11.081h4.898a.886.886 0 0 0 .883-.883v-9.314a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftExcel_svg__a)", d: "M15.117 10.7H6.284a.883.883 0 0 0-.883.884v8.832c0 .488.395.883.883.883h8.833a.883.883 0 0 0 .883-.883v-8.832a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "m8.136 18.87 1.858-2.878-1.702-2.863H9.66l.929 1.83c.085.175.144.304.176.39h.012c.061-.14.125-.274.193-.405l.993-1.814h1.257l-1.746 2.846 1.79 2.894h-1.337l-1.073-2.01a1.688 1.688 0 0 1-.129-.267h-.015a1.269 1.269 0 0 1-.125.26L9.482 18.87H8.136Z" }), _jsx("path", { fill: "#33C481", d: "M25.234 6.364H18.41v4.818h7.708V7.248a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#107C41", d: "M18.409 16h7.708v4.818H18.41V16Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftExcel_svg__a", x1: 7.242, x2: 14.159, y1: 10.011, y2: 21.989, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#18884F" }), _jsx("stop", { offset: 0.5, stopColor: "#117E43" }), _jsx("stop", { offset: 1, stopColor: "#0B6631" })] }) })] }));
3
+ const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#185C37", d: "m18.409 15.518-8.19-1.445v10.68a.883.883 0 0 0 .883.883h14.132a.883.883 0 0 0 .883-.884v-3.934l-7.708-5.3Z" }), _jsx("path", { fill: "#21A366", d: "M18.409 6.364h-7.307a.883.883 0 0 0-.883.884v3.934L18.409 16l4.336 1.445L26.117 16v-4.818L18.41 6.364Z" }), _jsx("path", { fill: "#107C41", d: "M10.219 11.182h8.19V16h-8.19v-4.818Z" }), _jsx("path", { d: "M16.08 10.219h-5.86v12.044h5.862a.886.886 0 0 0 .883-.883V11.102a.886.886 0 0 0-.883-.883Z", opacity: 0.1 }), _jsx("path", { d: "M15.599 10.7h-5.38v12.045h5.38a.886.886 0 0 0 .883-.883V11.584a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.599 10.7h-5.38v11.081h5.38a.886.886 0 0 0 .883-.883v-9.314a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.117 10.7h-4.898v11.081h4.898a.886.886 0 0 0 .883-.883v-9.314a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftExcel_svg__b)", d: "M15.117 10.7H6.284a.883.883 0 0 0-.883.884v8.832c0 .488.395.883.883.883h8.833a.883.883 0 0 0 .883-.883v-8.832a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "m8.136 18.87 1.858-2.878-1.702-2.863H9.66l.929 1.83c.086.175.144.304.176.39h.012c.061-.14.125-.274.193-.405l.993-1.814h1.257l-1.746 2.846 1.79 2.894h-1.337l-1.073-2.01a1.68 1.68 0 0 1-.128-.267h-.016a1.269 1.269 0 0 1-.125.26L9.482 18.87H8.136Z" }), _jsx("path", { fill: "#33C481", d: "M25.234 6.364H18.41v4.818h7.708V7.248a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#107C41", d: "M18.409 16h7.708v4.818H18.41V16Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftExcel_svg__b", x1: 7.242, x2: 14.159, y1: 10.011, y2: 21.989, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#18884F" }), _jsx("stop", { offset: 0.5, stopColor: "#117E43" }), _jsx("stop", { offset: 1, stopColor: "#0B6631" })] }) })] }));
4
4
  const ForwardRef = forwardRef(SvgMicrosoftExcel);
5
5
  export default ForwardRef;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgMicrosoftPowerPoint = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "white", d: "M0 0h32v32H0z" }), _jsxs("g", { children: [_jsx("path", { fill: "#ED6C47", d: "M17.492 16.529 16.047 5.927h-.108a9.558 9.558 0 0 0-9.53 9.53v.108l11.084.964Z" }), _jsx("path", { fill: "#FF8F6B", d: "M16.155 5.927h-.108v9.638l4.819 1.928 4.818-1.928v-.108a9.558 9.558 0 0 0-9.53-9.53Z" }), _jsx("path", { fill: "#D35230", d: "M25.684 15.565v.106a9.56 9.56 0 0 1-9.531 9.531h-.212a9.559 9.559 0 0 1-9.532-9.531v-.106h19.275Z" }), _jsx("path", { fill: "black", d: "M16.529 10.665v10.283a.888.888 0 0 1-.882.882H8.684a9.451 9.451 0 0 1-2.274-6.158v-.213a9.423 9.423 0 0 1 1.55-5.194 6.65 6.65 0 0 1 .338-.482h7.349a.889.889 0 0 1 .882.882Z", opacity: 0.1 }), _jsx("path", { fill: "black", d: "M16.047 11.146V21.43a.887.887 0 0 1-.882.882H9.122a8.263 8.263 0 0 1-.438-.482 9.451 9.451 0 0 1-2.274-6.158v-.212a9.423 9.423 0 0 1 1.551-5.195h7.204a.889.889 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { fill: "black", d: "M16.047 11.146v9.32a.889.889 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h7.204a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { fill: "black", d: "M15.565 11.146v9.32a.888.888 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h6.722a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftPowerPoint_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "white", d: "M10.36 12.62a2.428 2.428 0 0 1 1.61.472 1.687 1.687 0 0 1 .56 1.365 1.9 1.9 0 0 1-.277 1.02 1.845 1.845 0 0 1-.784.693 2.662 2.662 0 0 1-1.18.247H9.173v2.077H8.028V12.62h2.333Zm-1.189 2.9h.985c.313.023.622-.07.871-.26a.965.965 0 0 0 .295-.76c0-.647-.377-.97-1.129-.97H9.171v1.99Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftPowerPoint_svg__b", x1: 6.805, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#CA4C28" }), _jsx("stop", { offset: 0.5, stopColor: "#C5401E" }), _jsx("stop", { offset: 1, stopColor: "#B62F14" })] }) })] }));
3
+ const SvgMicrosoftPowerPoint = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#ED6C47", d: "M17.492 16.529 16.047 5.927h-.108a9.558 9.558 0 0 0-9.53 9.53v.108l11.084.964Z" }), _jsx("path", { fill: "#FF8F6B", d: "M16.155 5.927h-.108v9.638l4.819 1.928 4.818-1.928v-.108a9.558 9.558 0 0 0-9.53-9.53Z" }), _jsx("path", { fill: "#D35230", d: "M25.684 15.565v.106a9.559 9.559 0 0 1-9.531 9.531h-.212a9.559 9.559 0 0 1-9.532-9.531v-.106h19.275Z" }), _jsx("path", { d: "M16.529 10.665v10.283a.888.888 0 0 1-.882.882H8.684a9.451 9.451 0 0 1-2.274-6.158v-.213a9.423 9.423 0 0 1 1.55-5.194 6.65 6.65 0 0 1 .338-.482h7.349a.889.889 0 0 1 .882.882Z", opacity: 0.1 }), _jsx("path", { d: "M16.047 11.146V21.43a.887.887 0 0 1-.882.882H9.122a8.263 8.263 0 0 1-.438-.482 9.451 9.451 0 0 1-2.274-6.158v-.212a9.423 9.423 0 0 1 1.551-5.195h7.204a.889.889 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { d: "M16.047 11.146v9.32a.889.889 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h7.204a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { d: "M15.565 11.146v9.32a.888.888 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h6.722a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftPowerPoint_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "M10.36 12.62a2.428 2.428 0 0 1 1.61.472 1.687 1.687 0 0 1 .56 1.365 1.9 1.9 0 0 1-.277 1.02 1.845 1.845 0 0 1-.784.693 2.662 2.662 0 0 1-1.18.247H9.173v2.077H8.028V12.62h2.333Zm-1.189 2.9h.985c.313.023.622-.07.871-.26a.965.965 0 0 0 .295-.76c0-.647-.377-.97-1.129-.97H9.171v1.99Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftPowerPoint_svg__b", x1: 6.805, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#CA4C28" }), _jsx("stop", { offset: 0.5, stopColor: "#C5401E" }), _jsx("stop", { offset: 1, stopColor: "#B62F14" })] }) })] }));
4
4
  const ForwardRef = forwardRef(SvgMicrosoftPowerPoint);
5
5
  export default ForwardRef;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgMicrosoftWord = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "white", d: "M0 0h32v32H0z" }), _jsxs("g", { children: [_jsx("path", { fill: "#41A5EE", d: "M24.801 5.927H10.666a.883.883 0 0 0-.883.884v3.935l8.191 2.41 7.71-2.41V6.811a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#2B7CD3", d: "M25.684 10.746H9.782v4.819l8.192 1.446 7.71-1.446v-4.819Z" }), _jsx("path", { fill: "#185ABD", d: "M9.783 15.565v4.819l7.71.963 8.191-.963v-4.82H9.782Z" }), _jsx("path", { fill: "#103F91", d: "M10.666 25.203H24.8a.883.883 0 0 0 .883-.884v-3.935H9.782v3.935a.883.883 0 0 0 .884.884Z" }), _jsx("path", { fill: "black", d: "M15.646 9.782H9.782V21.83h5.864a.886.886 0 0 0 .883-.883v-10.28a.886.886 0 0 0-.883-.884Z", opacity: 0.1 }), _jsx("path", { fill: "black", d: "M15.164 10.264H9.783v12.047h5.38a.886.886 0 0 0 .884-.883v-10.28a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "black", d: "M15.164 10.264H9.783v11.084h5.38a.886.886 0 0 0 .884-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "black", d: "M14.682 10.264h-4.9v11.084h4.9a.886.886 0 0 0 .883-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftWord_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "white", d: "M8.588 17.038c.018.137.03.255.035.357h.02c.008-.096.024-.212.048-.348.024-.136.046-.251.066-.345l.93-4.008h1.2l.964 3.948c.056.245.096.494.12.745h.016c.018-.243.052-.484.1-.723l.769-3.972h1.093l-1.35 5.744h-1.277l-.916-3.804a8.96 8.96 0 0 1-.152-.814h-.016c-.01.094-.031.232-.062.417-.031.184-.056.32-.075.408l-.86 3.792h-1.3l-1.357-5.741h1.113l.837 4.016c.02.083.037.193.054.328Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftWord_svg__b", x1: 6.805, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#2368C4" }), _jsx("stop", { offset: 0.5, stopColor: "#1A5DBE" }), _jsx("stop", { offset: 1, stopColor: "#1146AC" })] }) })] }));
3
+ const SvgMicrosoftWord = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#41A5EE", d: "M24.801 5.927H10.666a.883.883 0 0 0-.884.884v3.935l8.192 2.41 7.71-2.41V6.811a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#2B7CD3", d: "M25.684 10.746H9.782v4.819l8.192 1.446 7.71-1.446v-4.819Z" }), _jsx("path", { fill: "#185ABD", d: "M9.782 15.565v4.819l7.71.963 8.192-.963v-4.819H9.782Z" }), _jsx("path", { fill: "#103F91", d: "M10.666 25.203H24.8a.883.883 0 0 0 .883-.884v-3.935H9.782v3.935a.883.883 0 0 0 .884.884Z" }), _jsx("path", { d: "M15.645 9.782H9.782V21.83h5.863a.886.886 0 0 0 .884-.883v-10.28a.886.886 0 0 0-.884-.884Z", opacity: 0.1 }), _jsx("path", { d: "M15.164 10.264H9.782v12.047h5.382a.886.886 0 0 0 .883-.883v-10.28a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.164 10.264H9.782v11.084h5.382a.886.886 0 0 0 .883-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M14.682 10.264h-4.9v11.084h4.9a.886.886 0 0 0 .883-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftWord_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "M8.588 17.039c.018.136.03.255.035.356h.02c.008-.096.024-.212.048-.348.024-.136.046-.251.066-.345l.93-4.008h1.2l.964 3.948c.056.245.096.494.12.745h.016c.018-.243.052-.484.1-.723l.769-3.972h1.093l-1.35 5.744h-1.277l-.916-3.804a8.845 8.845 0 0 1-.152-.814h-.016a8.59 8.59 0 0 1-.062.417c-.031.184-.056.32-.075.408l-.86 3.792h-1.3l-1.357-5.741h1.113l.837 4.016c.02.083.037.193.054.329Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftWord_svg__b", x1: 6.806, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#2368C4" }), _jsx("stop", { offset: 0.5, stopColor: "#1A5DBE" }), _jsx("stop", { offset: 1, stopColor: "#1146AC" })] }) })] }));
4
4
  const ForwardRef = forwardRef(SvgMicrosoftWord);
5
5
  export default ForwardRef;
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
3
+ export default ForwardRef;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ const SvgElement = (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: "M6.5 13a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M21 12a1 1 0 0 1 1 1v4a5 5 0 0 1-5 5h-4a1 1 0 0 1 0-2h4a3 3 0 0 0 3-3v-4a1 1 0 0 1 1-1ZM11 2a1 1 0 1 1 0 2H7a3 3 0 0 0-3 3v4a1 1 0 0 1-2 0V7a5 5 0 0 1 5-5h4Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M16.086 2a2 2 0 0 1 2.828 0L22 5.086a2 2 0 0 1 0 2.828L18.914 11a2 2 0 0 1-2.828 0L13 7.914a2 2 0 0 1 0-2.828L16.086 2Zm-1.672 4.5L17.5 9.586 20.586 6.5 17.5 3.414 14.414 6.5Z", clipRule: "evenodd" })] }));
4
+ const ForwardRef = forwardRef(SvgElement);
5
+ export default ForwardRef;
@@ -61,6 +61,7 @@ export { default as ConditionalSplit } from './ConditionalSplit';
61
61
  export { default as DashedSquareBubble } from './DashedSquareBubble';
62
62
  export { default as Download } from './Download';
63
63
  export { default as Duplicate } from './Duplicate';
64
+ export { default as Element } from './Element';
64
65
  export { default as Ellipsis } from './Ellipsis';
65
66
  export { default as Eye } from './Eye';
66
67
  export { default as EyeCrossed } from './EyeCrossed';
@@ -61,6 +61,7 @@ export { default as ConditionalSplit } from './ConditionalSplit';
61
61
  export { default as DashedSquareBubble } from './DashedSquareBubble';
62
62
  export { default as Download } from './Download';
63
63
  export { default as Duplicate } from './Duplicate';
64
+ export { default as Element } from './Element';
64
65
  export { default as Ellipsis } from './Ellipsis';
65
66
  export { default as Eye } from './Eye';
66
67
  export { default as EyeCrossed } from './EyeCrossed';
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
3
+ export default ForwardRef;
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from 'react';
3
+ const SvgElement = (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: "M6.5 13a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9ZM21 12a1 1 0 0 1 1 1v4a5 5 0 0 1-5 5h-4a1 1 0 0 1 0-2h4a3 3 0 0 0 3-3v-4a1 1 0 0 1 1-1ZM11 2a1 1 0 1 1 0 2H7a3 3 0 0 0-3 3v4a1 1 0 0 1-2 0V7a5 5 0 0 1 5-5h4Zm5.086 0a2 2 0 0 1 2.828 0L22 5.086a2 2 0 0 1 0 2.828L18.914 11a2 2 0 0 1-2.828 0L13 7.914a2 2 0 0 1 0-2.828L16.086 2Z" }) }));
4
+ const ForwardRef = forwardRef(SvgElement);
5
+ export default ForwardRef;
@@ -11,6 +11,7 @@ export { default as Collapse } from './Collapse';
11
11
  export { default as Collections } from './Collections';
12
12
  export { default as Comment } from './Comment';
13
13
  export { default as Duplicate } from './Duplicate';
14
+ export { default as Element } from './Element';
14
15
  export { default as Expand } from './Expand';
15
16
  export { default as Favorites } from './Favorites';
16
17
  export { default as File } from './File';
@@ -11,6 +11,7 @@ export { default as Collapse } from './Collapse';
11
11
  export { default as Collections } from './Collections';
12
12
  export { default as Comment } from './Comment';
13
13
  export { default as Duplicate } from './Duplicate';
14
+ export { default as Element } from './Element';
14
15
  export { default as Expand } from './Expand';
15
16
  export { default as Favorites } from './Favorites';
16
17
  export { default as File } from './File';
@@ -222,9 +222,9 @@ export const bpSurfaceComboboxSurface: string;
222
222
  export const bpSurfaceContentSwitcherSurface: string;
223
223
  export const bpSurfaceContentSwitcherSurfaceHover: string;
224
224
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
225
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
226
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
227
225
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
226
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
227
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
228
228
  export const bpSurfaceCtaSurfaceIcon: string;
229
229
  export const bpSurfaceCtaSurfaceIconHover: string;
230
230
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -314,7 +314,6 @@ export const bpSurfaceItemSurfaceHover: string;
314
314
  export const bpSurfaceItemSurfaceSelected: string;
315
315
  export const bpSurfaceListItemSmallSurface: string;
316
316
  export const bpSurfaceListItemSmallSurfaceHover: string;
317
- export const bpSurfaceListItemSmallSurfacePressed: string;
318
317
  export const bpSurfaceListItemSurface: string;
319
318
  export const bpSurfaceListItemSurfaceHover: string;
320
319
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -222,9 +222,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
222
222
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
223
223
  export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
224
224
  export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
225
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
226
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
227
225
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
226
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
227
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
228
228
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
229
229
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
230
230
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
@@ -285,8 +285,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
285
285
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
286
286
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
287
287
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
288
- export const bpSurfaceGhostSurface = '#fbfbfb';
289
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
288
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
289
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
290
290
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
291
291
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
292
292
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -314,7 +314,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
314
314
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
315
315
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
316
316
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
317
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
318
317
  export const bpSurfaceListItemSurface = '#ffffff';
319
318
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
320
319
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -765,9 +765,9 @@
765
765
  --bp-surface-content-switcher-surface: var(--bp-gray-10);
766
766
  --bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
767
767
  --bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
768
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
769
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
770
768
  --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
769
+ --bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
770
+ --bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
771
771
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
772
772
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
773
773
  --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
@@ -827,8 +827,8 @@
827
827
  --bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
828
828
  --bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
829
829
  --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
830
- --bp-surface-ghost-surface: var(--bp-gray-02);
831
- --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
830
+ --bp-surface-ghost-surface: var(--bp-black-opacity-08);
831
+ --bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
832
832
  --bp-surface-icon-button-surface: var(--bp-black-opacity-00);
833
833
  --bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
834
834
  --bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
@@ -856,7 +856,6 @@
856
856
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
857
857
  --bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
858
858
  --bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
859
- --bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
860
859
  --bp-surface-list-item-surface: var(--bp-gray-white);
861
860
  --bp-surface-list-item-surface-hover: var(--bp-gray-white);
862
861
  --bp-surface-list-item-surface-loading: var(--bp-gray-05);
@@ -218,9 +218,9 @@ export const bpSurfaceComboboxSurface: string;
218
218
  export const bpSurfaceContentSwitcherSurface: string;
219
219
  export const bpSurfaceContentSwitcherSurfaceHover: string;
220
220
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
221
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
222
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
223
221
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
222
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
223
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
224
224
  export const bpSurfaceCtaSurfaceIcon: string;
225
225
  export const bpSurfaceCtaSurfaceIconHover: string;
226
226
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -310,7 +310,6 @@ export const bpSurfaceItemSurfaceHover: string;
310
310
  export const bpSurfaceItemSurfaceSelected: string;
311
311
  export const bpSurfaceListItemSmallSurface: string;
312
312
  export const bpSurfaceListItemSmallSurfaceHover: string;
313
- export const bpSurfaceListItemSmallSurfacePressed: string;
314
313
  export const bpSurfaceListItemSurface: string;
315
314
  export const bpSurfaceListItemSurfaceHover: string;
316
315
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -218,9 +218,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
218
218
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
219
219
  export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
220
220
  export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
221
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
222
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
223
221
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
222
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
223
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
224
224
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
225
225
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
226
226
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
@@ -281,8 +281,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
281
281
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
282
282
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
283
283
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
284
- export const bpSurfaceGhostSurface = '#fbfbfb';
285
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
284
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
285
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
286
286
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
287
287
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
288
288
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -310,7 +310,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
310
310
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
311
311
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
312
312
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
313
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
314
313
  export const bpSurfaceListItemSurface = '#ffffff';
315
314
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
316
315
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -219,9 +219,9 @@
219
219
  "BpSurfaceContentSwitcherSurface": "#e8e8e8",
220
220
  "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
221
221
  "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
222
- "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
223
- "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
224
222
  "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
223
+ "BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
224
+ "BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
225
225
  "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
226
226
  "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
227
227
  "BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
@@ -282,8 +282,8 @@
282
282
  "BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
283
283
  "BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
284
284
  "BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
285
- "BpSurfaceGhostSurface": "#fbfbfb",
286
- "BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
285
+ "BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
286
+ "BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
287
287
  "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
288
288
  "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
289
289
  "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
@@ -311,7 +311,6 @@
311
311
  "BpSurfaceItemSurfaceSelected": "#f2f7fd",
312
312
  "BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
313
313
  "BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
314
- "BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
315
314
  "BpSurfaceListItemSurface": "#ffffff",
316
315
  "BpSurfaceListItemSurfaceHover": "#ffffff",
317
316
  "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
@@ -223,9 +223,9 @@ export const bpSurfaceComboboxSurface: string;
223
223
  export const bpSurfaceContentSwitcherSurface: string;
224
224
  export const bpSurfaceContentSwitcherSurfaceHover: string;
225
225
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
226
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
227
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
228
226
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
227
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
228
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
229
229
  export const bpSurfaceCtaSurfaceIcon: string;
230
230
  export const bpSurfaceCtaSurfaceIconHover: string;
231
231
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -315,7 +315,6 @@ export const bpSurfaceItemSurfaceHover: string;
315
315
  export const bpSurfaceItemSurfaceSelected: string;
316
316
  export const bpSurfaceListItemSmallSurface: string;
317
317
  export const bpSurfaceListItemSmallSurfaceHover: string;
318
- export const bpSurfaceListItemSmallSurfacePressed: string;
319
318
  export const bpSurfaceListItemSurface: string;
320
319
  export const bpSurfaceListItemSurfaceHover: string;
321
320
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -223,9 +223,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
223
223
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
224
224
  export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
225
225
  export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
226
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
227
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
228
226
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
227
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
228
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
229
229
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
230
230
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
231
231
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
@@ -286,8 +286,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
286
286
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
287
287
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
288
288
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
289
- export const bpSurfaceGhostSurface = '#fbfbfb';
290
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
289
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
290
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
291
291
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
292
292
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
293
293
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -315,7 +315,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
315
315
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
316
316
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
317
317
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
318
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
319
318
  export const bpSurfaceListItemSurface = '#ffffff';
320
319
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
321
320
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -766,9 +766,9 @@
766
766
  --bp-surface-content-switcher-surface: var(--bp-gray-10);
767
767
  --bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
768
768
  --bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
769
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
770
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
771
769
  --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
770
+ --bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
771
+ --bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
772
772
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
773
773
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
774
774
  --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
@@ -828,8 +828,8 @@
828
828
  --bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
829
829
  --bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
830
830
  --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
831
- --bp-surface-ghost-surface: var(--bp-gray-02);
832
- --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
831
+ --bp-surface-ghost-surface: var(--bp-black-opacity-08);
832
+ --bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
833
833
  --bp-surface-icon-button-surface: var(--bp-black-opacity-00);
834
834
  --bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
835
835
  --bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
@@ -857,7 +857,6 @@
857
857
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
858
858
  --bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
859
859
  --bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
860
- --bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
861
860
  --bp-surface-list-item-surface: var(--bp-gray-white);
862
861
  --bp-surface-list-item-surface-hover: var(--bp-gray-white);
863
862
  --bp-surface-list-item-surface-loading: var(--bp-gray-05);
@@ -219,9 +219,9 @@ export const bpSurfaceComboboxSurface: string;
219
219
  export const bpSurfaceContentSwitcherSurface: string;
220
220
  export const bpSurfaceContentSwitcherSurfaceHover: string;
221
221
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
222
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
223
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
224
222
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
223
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
224
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
225
225
  export const bpSurfaceCtaSurfaceIcon: string;
226
226
  export const bpSurfaceCtaSurfaceIconHover: string;
227
227
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -311,7 +311,6 @@ export const bpSurfaceItemSurfaceHover: string;
311
311
  export const bpSurfaceItemSurfaceSelected: string;
312
312
  export const bpSurfaceListItemSmallSurface: string;
313
313
  export const bpSurfaceListItemSmallSurfaceHover: string;
314
- export const bpSurfaceListItemSmallSurfacePressed: string;
315
314
  export const bpSurfaceListItemSurface: string;
316
315
  export const bpSurfaceListItemSurfaceHover: string;
317
316
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -219,9 +219,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
219
219
  export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
220
220
  export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
221
221
  export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
222
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
223
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
224
222
  export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
223
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
224
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
225
225
  export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
226
226
  export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
227
227
  export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
@@ -282,8 +282,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
282
282
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
283
283
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
284
284
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
285
- export const bpSurfaceGhostSurface = '#fbfbfb';
286
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
285
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
286
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
287
287
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
288
288
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
289
289
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -311,7 +311,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
311
311
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
312
312
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
313
313
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
314
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
315
314
  export const bpSurfaceListItemSurface = '#ffffff';
316
315
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
317
316
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -220,9 +220,9 @@
220
220
  "BpSurfaceContentSwitcherSurface": "#e8e8e8",
221
221
  "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
222
222
  "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
223
- "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
224
- "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
225
223
  "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
224
+ "BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
225
+ "BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
226
226
  "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
227
227
  "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
228
228
  "BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
@@ -283,8 +283,8 @@
283
283
  "BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
284
284
  "BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
285
285
  "BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
286
- "BpSurfaceGhostSurface": "#fbfbfb",
287
- "BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
286
+ "BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
287
+ "BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
288
288
  "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
289
289
  "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
290
290
  "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
@@ -312,7 +312,6 @@
312
312
  "BpSurfaceItemSurfaceSelected": "#f2f7fd",
313
313
  "BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
314
314
  "BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
315
- "BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
316
315
  "BpSurfaceListItemSurface": "#ffffff",
317
316
  "BpSurfaceListItemSurfaceHover": "#ffffff",
318
317
  "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
@@ -1045,9 +1045,9 @@ export const bpSurfaceComboboxSurface: string;
1045
1045
  export const bpSurfaceContentSwitcherSurface: string;
1046
1046
  export const bpSurfaceContentSwitcherSurfaceHover: string;
1047
1047
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
1048
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
1049
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
1050
1048
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
1049
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
1050
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
1051
1051
  export const bpSurfaceCtaSurfaceIcon: string;
1052
1052
  export const bpSurfaceCtaSurfaceIconHover: string;
1053
1053
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -1137,7 +1137,6 @@ export const bpSurfaceItemSurfaceHover: string;
1137
1137
  export const bpSurfaceItemSurfaceSelected: string;
1138
1138
  export const bpSurfaceListItemSmallSurface: string;
1139
1139
  export const bpSurfaceListItemSmallSurfaceHover: string;
1140
- export const bpSurfaceListItemSmallSurfacePressed: string;
1141
1140
  export const bpSurfaceListItemSurface: string;
1142
1141
  export const bpSurfaceListItemSurfaceHover: string;
1143
1142
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -1124,8 +1124,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
1124
1124
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
1125
1125
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
1126
1126
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
1127
- export const bpSurfaceGhostSurface = '#fbfbfb';
1128
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
1127
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
1128
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
1129
1129
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
1130
1130
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1131
1131
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -1153,7 +1153,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
1153
1153
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
1154
1154
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
1155
1155
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1156
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
1157
1156
  export const bpSurfaceListItemSurface = '#ffffff';
1158
1157
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
1159
1158
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -1554,9 +1554,9 @@
1554
1554
  --bp-surface-content-switcher-surface: var(--bp-gray-10);
1555
1555
  --bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
1556
1556
  --bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
1557
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
1558
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
1559
1557
  --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
1558
+ --bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
1559
+ --bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
1560
1560
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
1561
1561
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
1562
1562
  --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
@@ -1616,8 +1616,8 @@
1616
1616
  --bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
1617
1617
  --bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
1618
1618
  --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
1619
- --bp-surface-ghost-surface: var(--bp-gray-02);
1620
- --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
1619
+ --bp-surface-ghost-surface: var(--bp-black-opacity-08);
1620
+ --bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
1621
1621
  --bp-surface-icon-button-surface: var(--bp-black-opacity-00);
1622
1622
  --bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
1623
1623
  --bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
@@ -1645,7 +1645,6 @@
1645
1645
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
1646
1646
  --bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
1647
1647
  --bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
1648
- --bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
1649
1648
  --bp-surface-list-item-surface: var(--bp-gray-white);
1650
1649
  --bp-surface-list-item-surface-hover: var(--bp-gray-white);
1651
1650
  --bp-surface-list-item-surface-loading: var(--bp-gray-05);
@@ -1041,9 +1041,9 @@ export const bpSurfaceComboboxSurface: string;
1041
1041
  export const bpSurfaceContentSwitcherSurface: string;
1042
1042
  export const bpSurfaceContentSwitcherSurfaceHover: string;
1043
1043
  export const bpSurfaceContentSwitcherSurfaceSelected: string;
1044
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
1045
- export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
1046
1044
  export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
1045
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
1046
+ export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
1047
1047
  export const bpSurfaceCtaSurfaceIcon: string;
1048
1048
  export const bpSurfaceCtaSurfaceIconHover: string;
1049
1049
  export const bpSurfaceCtaSurfaceIconPressed: string;
@@ -1133,7 +1133,6 @@ export const bpSurfaceItemSurfaceHover: string;
1133
1133
  export const bpSurfaceItemSurfaceSelected: string;
1134
1134
  export const bpSurfaceListItemSmallSurface: string;
1135
1135
  export const bpSurfaceListItemSmallSurfaceHover: string;
1136
- export const bpSurfaceListItemSmallSurfacePressed: string;
1137
1136
  export const bpSurfaceListItemSurface: string;
1138
1137
  export const bpSurfaceListItemSurfaceHover: string;
1139
1138
  export const bpSurfaceListItemSurfaceLoading: string;
@@ -1120,8 +1120,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
1120
1120
  export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
1121
1121
  export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
1122
1122
  export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
1123
- export const bpSurfaceGhostSurface = '#fbfbfb';
1124
- export const bpSurfaceGhostSurfaceSecondary = '#f4f4f4';
1123
+ export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
1124
+ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
1125
1125
  export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
1126
1126
  export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1127
1127
  export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
@@ -1149,7 +1149,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
1149
1149
  export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
1150
1150
  export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
1151
1151
  export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
1152
- export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
1153
1152
  export const bpSurfaceListItemSurface = '#ffffff';
1154
1153
  export const bpSurfaceListItemSurfaceHover = '#ffffff';
1155
1154
  export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -1040,9 +1040,9 @@
1040
1040
  "BpSurfaceContentSwitcherSurface": "#e8e8e8",
1041
1041
  "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
1042
1042
  "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
1043
- "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
1044
- "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
1045
1043
  "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
1044
+ "BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
1045
+ "BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
1046
1046
  "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
1047
1047
  "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
1048
1048
  "BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
@@ -1103,8 +1103,8 @@
1103
1103
  "BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
1104
1104
  "BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
1105
1105
  "BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
1106
- "BpSurfaceGhostSurface": "#fbfbfb",
1107
- "BpSurfaceGhostSurfaceSecondary": "#f4f4f4",
1106
+ "BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
1107
+ "BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
1108
1108
  "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
1109
1109
  "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
1110
1110
  "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
@@ -1132,7 +1132,6 @@
1132
1132
  "BpSurfaceItemSurfaceSelected": "#f2f7fd",
1133
1133
  "BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
1134
1134
  "BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
1135
- "BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
1136
1135
  "BpSurfaceListItemSurface": "#ffffff",
1137
1136
  "BpSurfaceListItemSurfaceHover": "#ffffff",
1138
1137
  "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.71.11",
3
+ "version": "4.72.2",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
139
139
  }
140
140
  },
141
141
  "devDependencies": {
142
- "@box/storybook-utils": "^0.14.7",
142
+ "@box/storybook-utils": "^0.14.8",
143
143
  "@types/react": "^18.0.0",
144
144
  "@types/react-dom": "^18.0.0",
145
145
  "chalk": "4.1.2",