@box/blueprint-web-assets 4.28.0 → 4.30.0
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.
- package/icons/Fill/LegalHold.d.ts +3 -0
- package/icons/Fill/LegalHold.js +3 -0
- package/icons/Fill/index.d.ts +1 -0
- package/icons/Fill/index.js +1 -0
- package/icons/Line/LegalHold.d.ts +3 -0
- package/icons/Line/LegalHold.js +3 -0
- package/icons/Line/index.d.ts +1 -0
- package/icons/Line/index.js +1 -0
- package/illustrations/Medium/AppBuilder.d.ts +3 -0
- package/illustrations/Medium/AppBuilder.js +3 -0
- package/illustrations/Medium/index.d.ts +1 -0
- package/illustrations/Medium/index.js +1 -0
- package/illustrations/Small/LegalPolicy.d.ts +3 -0
- package/illustrations/Small/LegalPolicy.js +3 -0
- package/illustrations/Small/index.d.ts +1 -0
- package/illustrations/Small/index.js +1 -0
- package/package.json +2 -2
- package/tokens/px-tokens.d.ts +1 -1
- package/tokens/px-tokens.js +9 -9
- package/tokens/tokens-css-vars.scss +9 -9
- package/tokens/tokens.js +8 -8
- package/tokens/tokens.json +8 -8
- package/tokens/tokens.scss +8 -8
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgLegalHold = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M13.589 2.992a.5.5 0 1 0-.18-.984L8.5 2.901V2.5a.5.5 0 0 0-1 0v.583l-5.09.925a.5.5 0 1 0 .179.984l.123-.022L1.156 9h1.072L3.5 5.707 4.77 9h1.072L4.183 4.702 7.5 4.1V13h-2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-2V3.917l3.185-.579L10.165 7h1.083L12.5 3.986 13.75 7h1.083l-1.634-3.937.39-.071Z" }), _jsx("path", { fill: props.color || '#909090', d: "M1.489 11.21A2.052 2.052 0 0 1 .991 9.5h5.016a2.053 2.053 0 0 1-.497 1.71c-.45.5-1.148.79-2.01.79-.863 0-1.56-.29-2.011-.79Zm9.001-2a2.053 2.053 0 0 1-.497-1.71h5.015a2.053 2.053 0 0 1-.498 1.71c-.45.5-1.148.79-2.01.79-.863 0-1.56-.29-2.01-.79Z" })] }));
|
|
3
|
+
export default SvgLegalHold;
|
package/icons/Fill/index.d.ts
CHANGED
|
@@ -133,6 +133,7 @@ export { default as InfoBadge } from './InfoBadge';
|
|
|
133
133
|
export { default as InfoDoc } from './InfoDoc';
|
|
134
134
|
export { default as Keyboard } from './Keyboard';
|
|
135
135
|
export { default as LargeList } from './LargeList';
|
|
136
|
+
export { default as LegalHold } from './LegalHold';
|
|
136
137
|
export { default as Letters } from './Letters';
|
|
137
138
|
export { default as Link } from './Link';
|
|
138
139
|
export { default as LinkBroken } from './LinkBroken';
|
package/icons/Fill/index.js
CHANGED
|
@@ -133,6 +133,7 @@ export { default as InfoBadge } from './InfoBadge';
|
|
|
133
133
|
export { default as InfoDoc } from './InfoDoc';
|
|
134
134
|
export { default as Keyboard } from './Keyboard';
|
|
135
135
|
export { default as LargeList } from './LargeList';
|
|
136
|
+
export { default as LegalHold } from './LegalHold';
|
|
136
137
|
export { default as Letters } from './Letters';
|
|
137
138
|
export { default as Link } from './Link';
|
|
138
139
|
export { default as LinkBroken } from './LinkBroken';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const SvgLegalHold = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: "#222", fillRule: "evenodd", d: "M8.5 2.502a.5.5 0 1 0-1 0v.583l-5.09.925a.5.5 0 1 0 .18.984l.123-.022-1.668 4.32a.501.501 0 0 0-.036.11 2.06 2.06 0 0 0 .48 1.81c.45.5 1.148.79 2.01.79.863 0 1.56-.29 2.01-.79.443-.491.606-1.14.487-1.774a.502.502 0 0 0-.03-.116L4.185 4.704 7.5 4.101v8.901h-2a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1h-2V3.92l3.186-.579-1.648 3.97a.5.5 0 0 0-.034.13 2.058 2.058 0 0 0 .486 1.772c.45.5 1.147.79 2.01.79.862 0 1.56-.29 2.01-.79a2.059 2.059 0 0 0 .483-1.793.5.5 0 0 0-.031-.109L13.2 3.065l.39-.07a.5.5 0 1 0-.18-.985l-4.91.893v-.4Zm5.251 4.5-1.25-3.014-1.252 3.014h2.502Zm-8.98 2L3.501 5.71 2.228 9.002H4.77Zm6.462-.46a1.028 1.028 0 0 1-.255-.54h3.044c-.03.202-.117.387-.255.54-.225.25-.63.46-1.267.46-.638 0-1.042-.21-1.267-.46Zm-9.256 1.46c.03.202.117.387.255.54.225.25.63.46 1.268.46.637 0 1.042-.21 1.267-.46.138-.153.225-.338.255-.54H1.977Z", clipRule: "evenodd" }) }));
|
|
3
|
+
export default SvgLegalHold;
|
package/icons/Line/index.d.ts
CHANGED
|
@@ -85,6 +85,7 @@ export { default as InfoDoc } from './InfoDoc';
|
|
|
85
85
|
export { default as Key } from './Key';
|
|
86
86
|
export { default as Keyboard } from './Keyboard';
|
|
87
87
|
export { default as LargeList } from './LargeList';
|
|
88
|
+
export { default as LegalHold } from './LegalHold';
|
|
88
89
|
export { default as Link } from './Link';
|
|
89
90
|
export { default as LinkBadge } from './LinkBadge';
|
|
90
91
|
export { default as List } from './List';
|
package/icons/Line/index.js
CHANGED
|
@@ -85,6 +85,7 @@ export { default as InfoDoc } from './InfoDoc';
|
|
|
85
85
|
export { default as Key } from './Key';
|
|
86
86
|
export { default as Keyboard } from './Keyboard';
|
|
87
87
|
export { default as LargeList } from './LargeList';
|
|
88
|
+
export { default as LegalHold } from './LegalHold';
|
|
88
89
|
export { default as Link } from './Link';
|
|
89
90
|
export { default as LinkBadge } from './LinkBadge';
|
|
90
91
|
export { default as List } from './List';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgAppBuilder = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 140 140", role: "img", ...props, children: [_jsxs("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: [_jsx("path", { d: "M33 37a2 2 0 0 1 2-2h20a2 2 0 1 1 0 4H35a2 2 0 0 1-2-2ZM36 50.5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8ZM52.5 50.5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8ZM69.5 50.5a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8ZM36 54.5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1ZM52.5 54.5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1ZM69.5 54.5a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2h-1ZM94 43a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v58a2 2 0 0 1-2 2H96a2 2 0 0 1-2-2V43ZM110 127c0 1.657-17.909 3-40 3s-40-1.343-40-3 17.909-3 40-3 40 1.343 40 3ZM94 37a2 2 0 0 1 2-2h19a2 2 0 1 1 0 4H96a2 2 0 0 1-2-2ZM34 42a1 1 0 1 0 0 2h46a1 1 0 1 0 0-2H34ZM33 64.5a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2V72H57a2 2 0 0 0-2 2v10h26v14.5a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2v-34Z" }), _jsx("path", { d: "M82.389 78.079a1 1 0 0 0-1.3 1.331l4.5 10a1 1 0 0 0 1.906-.31l.11-1.106a1 1 0 0 1-1.017-.584l-4.2-9.331ZM88.722 84.833l3.378-.338a1 1 0 0 0 .31-1.907l-.043-.02-3.453.346-.192 1.919Z" })] }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M124.014 20c.278 0 .504.217.504.494v.644c.156.088.286.217.376.373h.64c.243 0 .445.184.486.415l.008.088a.496.496 0 0 1-.494.504h-.64a1.02 1.02 0 0 1-.376.373v.643a.502.502 0 0 1-.415.486l-.089.008a.508.508 0 0 1-.503-.508l-.001-.638a1.008 1.008 0 0 1-.361-.364h-.655a.503.503 0 0 1-.486-.415l-.008-.089c0-.278.217-.503.494-.503h.655c.087-.15.212-.276.36-.365l.002-.65c0-.244.184-.446.415-.488l.088-.008ZM15.259 26a.31.31 0 0 1 .315.309v.423c.082.053.15.126.2.212h.435c.146 0 .269.107.3.244l.009.07a.31.31 0 0 1-.309.316h-.435a.634.634 0 0 1-.2.212v.423a.313.313 0 0 1-.245.3l-.07.009a.319.319 0 0 1-.315-.318v-.38a.63.63 0 0 1-.26-.246h-.374a.313.313 0 0 1-.3-.245L14 27.26a.31.31 0 0 1 .309-.315h.376c.06-.105.15-.19.259-.246v-.389c0-.147.107-.27.244-.302l.071-.008ZM128.014 95c.278 0 .504.217.504.494v.644c.156.088.286.217.376.373h.64c.243 0 .445.184.486.415l.008.088a.496.496 0 0 1-.494.504h-.64a1.02 1.02 0 0 1-.376.373v.643a.502.502 0 0 1-.415.486l-.089.008a.508.508 0 0 1-.503-.508l-.001-.638a1.008 1.008 0 0 1-.361-.364h-.655a.503.503 0 0 1-.486-.415l-.008-.089c0-.278.217-.503.494-.503h.655c.087-.15.212-.276.36-.365l.002-.65c0-.244.184-.446.415-.488l.088-.008ZM108.259 22a.31.31 0 0 1 .315.309v.423c.082.053.15.126.2.212h.435c.146 0 .269.107.3.244l.009.07a.31.31 0 0 1-.309.316h-.435a.634.634 0 0 1-.2.212v.423a.313.313 0 0 1-.245.3l-.07.009a.319.319 0 0 1-.315-.318v-.38a.63.63 0 0 1-.26-.246h-.375a.313.313 0 0 1-.3-.245L107 23.26a.31.31 0 0 1 .309-.315h.376c.06-.105.15-.19.259-.246v-.389c0-.147.107-.27.244-.302l.071-.008ZM12.259 93a.31.31 0 0 1 .315.309v.423c.082.053.15.126.2.212h.435c.146 0 .269.107.3.244l.009.07a.31.31 0 0 1-.309.316h-.435a.634.634 0 0 1-.2.212v.423a.313.313 0 0 1-.245.3l-.07.009a.319.319 0 0 1-.315-.318v-.38a.63.63 0 0 1-.26-.246h-.374a.313.313 0 0 1-.3-.245L11 94.26a.31.31 0 0 1 .309-.315h.376c.06-.105.15-.19.259-.246v-.388c0-.147.107-.27.244-.302l.07-.008.001-.001ZM11.014 105c.278 0 .504.217.504.494v.644c.156.088.286.217.376.373h.64c.243 0 .445.184.486.415l.008.088a.496.496 0 0 1-.494.504h-.64a1.02 1.02 0 0 1-.376.373v.643a.502.502 0 0 1-.415.486l-.089.008a.508.508 0 0 1-.503-.508l-.001-.638a1.008 1.008 0 0 1-.361-.364h-.655a.503.503 0 0 1-.486-.415L9 107.014c0-.278.217-.503.494-.503h.655c.087-.15.212-.276.36-.365l.002-.65c0-.244.184-.446.415-.488l.088-.008Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M19 36a5 5 0 0 1 5-5h92a5 5 0 0 1 5 5v66a5 5 0 0 1-5 5H24a5 5 0 0 1-5-5V36Zm5-3a3 3 0 0 0-3 3v66a3 3 0 0 0 3 3h92a3 3 0 0 0 3-3V36a3 3 0 0 0-3-3H24Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M11.014 38c.278 0 .504.217.504.494v.644c.156.088.286.217.376.373h.64c.243 0 .445.184.486.415l.008.088a.496.496 0 0 1-.494.504h-.64a1.02 1.02 0 0 1-.376.373v.643a.502.502 0 0 1-.415.486l-.089.008a.508.508 0 0 1-.503-.508l-.001-.638a1.008 1.008 0 0 1-.361-.364h-.655a.503.503 0 0 1-.486-.415L9 40.014c0-.278.217-.503.494-.503h.655c.087-.15.212-.276.36-.365l.002-.65c0-.244.184-.446.415-.488l.088-.008ZM26.014 112c.278 0 .504.217.504.494v.669c.138.087.253.206.335.348h.681c.243 0 .445.184.486.415l.008.088a.496.496 0 0 1-.494.504h-.681c-.082.14-.197.26-.335.348v.668a.502.502 0 0 1-.415.486l-.089.008a.508.508 0 0 1-.503-.508l-.001-.615a1.005 1.005 0 0 1-.402-.387h-.614a.503.503 0 0 1-.486-.415l-.008-.089c0-.278.217-.503.494-.503h.614c.094-.164.234-.299.402-.388v-.628c0-.243.185-.445.416-.487l.088-.008ZM129.542 42c.475 0 .88.389.88.885v1.133c.265.159.476.389.653.655h1.11c.493 0 .88.389.88.885a.885.885 0 0 1-.881.885h-1.127a2.111 2.111 0 0 1-.652.655v1.115a.886.886 0 0 1-.882.885.885.885 0 0 1-.88-.885V47.08a2.09 2.09 0 0 1-.652-.655h-1.11a.874.874 0 0 1-.881-.885c0-.478.388-.885.881-.885h1.128c.158-.265.387-.478.651-.655v-1.115c0-.495.388-.885.882-.885Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M32.5 50.5A2.5 2.5 0 0 1 35 48h10a2.5 2.5 0 0 1 2.5 2.5v6A2.5 2.5 0 0 1 45 59H35a2.5 2.5 0 0 1-2.5-2.5v-6ZM35 49a1.5 1.5 0 0 0-1.5 1.5v6A1.5 1.5 0 0 0 35 58h10a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 45 49H35ZM49 50.5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5v6a2.5 2.5 0 0 1-2.5 2.5h-10a2.5 2.5 0 0 1-2.5-2.5v-6Zm2.5-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5h-10ZM66 50.5a2.5 2.5 0 0 1 2.5-2.5h10a2.5 2.5 0 0 1 2.5 2.5v6a2.5 2.5 0 0 1-2.5 2.5h-10a2.5 2.5 0 0 1-2.5-2.5v-6Zm2.5-1.5a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h10a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-1.5-1.5h-10Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M35 62c-.338 0-.662.067-.957.19a.5.5 0 1 0 .383.924c.176-.073.37-.114.574-.114h1.571a.5.5 0 1 0 0-1H35ZM39.714 62a.5.5 0 1 0 0 1h3.143a.5.5 0 1 0 0-1h-3.143ZM46 62a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1H46ZM52.286 62a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM58.571 62a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM64.857 62a.5.5 0 0 0 0 1H68a.5.5 0 0 0 0-1h-3.143ZM71.143 62a.5.5 0 1 0 0 1h3.143a.5.5 0 1 0 0-1h-3.143ZM77.429 62a.5.5 0 1 0 0 1H79c.204 0 .398.04.574.114a.5.5 0 1 0 .383-.924A2.494 2.494 0 0 0 79 62h-1.571ZM33.614 63.926a.5.5 0 1 0-.924-.383c-.123.295-.19.619-.19.957v1.417a.5.5 0 0 0 1 0V64.5c0-.204.04-.398.114-.574ZM81.31 63.543a.5.5 0 1 0-.924.383c.073.176.114.37.114.574v1.417a.5.5 0 0 0 1 0V64.5c0-.338-.067-.662-.19-.957ZM81.5 68.75a.5.5 0 0 0-1 0V71h1v-2.25ZM33.5 68.75a.5.5 0 0 0-1 0v2.833a.5.5 0 1 0 1 0V68.75ZM33.5 74.417a.5.5 0 1 0-1 0v2.833a.5.5 0 0 0 1 0v-2.833ZM33.5 80.083a.5.5 0 0 0-1 0v2.834a.5.5 0 0 0 1 0v-2.834ZM33.5 85.75a.5.5 0 0 0-1 0v2.833a.5.5 0 1 0 1 0V85.75ZM81.5 85.75a.5.5 0 0 0-1 0v2.833a.5.5 0 1 0 1 0V85.75ZM81.5 91.417a.5.5 0 1 0-1 0v2.833a.5.5 0 0 0 1 0v-2.833ZM33.5 91.417a.5.5 0 1 0-1 0v2.833a.5.5 0 0 0 1 0v-2.833ZM81.5 97.083a.5.5 0 0 0-1 0V98.5c0 .204-.04.398-.114.574a.5.5 0 1 0 .924.383c.123-.295.19-.619.19-.957v-1.417ZM33.5 97.083a.5.5 0 0 0-1 0V98.5c0 .338.067.662.19.957a.5.5 0 0 0 .924-.383 1.495 1.495 0 0 1-.114-.574v-1.417ZM34.426 99.886a.5.5 0 1 0-.383.924c.295.123.619.19.957.19h1.571a.5.5 0 0 0 0-1H35c-.204 0-.398-.04-.574-.114ZM79.957 100.81a.5.5 0 1 0-.383-.924c-.176.073-.37.114-.574.114h-1.571a.5.5 0 0 0 0 1H79c.338 0 .662-.067.957-.19ZM39.714 100a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM46 100a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1H46ZM52.286 100a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM58.571 100a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM64.857 100a.5.5 0 0 0 0 1H68a.5.5 0 0 0 0-1h-3.143ZM71.143 100a.5.5 0 0 0 0 1h3.143a.5.5 0 0 0 0-1h-3.143ZM57 71h26a3 3 0 0 1 3 3v3.253l-1-.45V74a2 2 0 0 0-2-2H57a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h26c.05 0 .101-.002.15-.006l.428.95c-.187.037-.38.056-.578.056H57a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M93.41 80.588a1 1 0 0 1-.31 1.907l-4.186.419-.419 4.186a1 1 0 0 1-1.907.31l-4.5-10a1 1 0 0 1 1.322-1.322l10 4.5Z" })] }));
|
|
3
|
+
export default SvgAppBuilder;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Activity } from './Activity';
|
|
2
2
|
export { default as AllNewBox } from './AllNewBox';
|
|
3
|
+
export { default as AppBuilder } from './AppBuilder';
|
|
3
4
|
export { default as AppSupport } from './AppSupport';
|
|
4
5
|
export { default as Bell } from './Bell';
|
|
5
6
|
export { default as BoxDrive } from './BoxDrive';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as Activity } from './Activity';
|
|
2
2
|
export { default as AllNewBox } from './AllNewBox';
|
|
3
|
+
export { default as AppBuilder } from './AppBuilder';
|
|
3
4
|
export { default as AppSupport } from './AppSupport';
|
|
4
5
|
export { default as Bell } from './Bell';
|
|
5
6
|
export { default as BoxDrive } from './BoxDrive';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgLegalPolicy = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsxs("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: [_jsx("path", { fillRule: "evenodd", d: "M17 44c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4ZM45 5a6 6 0 1 1 0 12 6 6 0 0 1 0-12Z", clipRule: "evenodd" }), _jsx("path", { d: "M14.93 9H8a1 1 0 0 0-.993.883L7 10v29a1.886 1.886 0 0 0 .034.367c.015.084.036.167.062.247l.045.125.056.128.08.15.063.099.097.131.134.152.168.153.09.07.13.086.111.063.184.085.216.073.159.037.104.016.116.012L9 41a2.001 2.001 0 0 0 1.995-1.85L11 39V21c0-2.718 2.35-4.889 5.247-4.996L16.47 16H44v-1a3 3 0 0 0-2.824-2.995L41 12H19.07a3.003 3.003 0 0 1-2.38-1.173l-.116-.163-.812-1.219a1.004 1.004 0 0 0-.708-.437L14.93 9ZM28 36h-8c0 1.167.5 4 4 4 3.225 0 4-2.5 4-4ZM44.979 33 37 33.58c.084 1.163.788 3.953 4.28 3.7 3.216-.234 3.808-2.784 3.699-4.28Z" })] }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M33.5 23a1 1 0 1 0-2 0v1.018l-9.75 1.712a1 1 0 1 0 .346 1.97l.156-.028-3.18 7.957a1 1 0 0 0-.06.217c-.244 1.286.1 2.593.992 3.576.904.995 2.293 1.578 3.997 1.578 1.704 0 3.092-.583 3.996-1.578.893-.983 1.236-2.292.991-3.58a.996.996 0 0 0-.07-.238l-3.652-8.461 6.234-1.095V43H28a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2h-3.5V25.697l6.005-1.054-3.423 7.962a1 1 0 0 0-.07.245c-.243 1.284.1 2.59.99 3.572C37.907 37.417 39.294 38 41 38c3.633 0 5.495-3.13 4.982-5.696a.996.996 0 0 0-.07-.216l-3.35-7.982.69-.12a1 1 0 0 0-.347-1.97l-9.404 1.65V23Zm10.034 8.59-2.39-5.695-2.582 6.006 4.972-.311ZM26.479 35l-2.597-6.018L21.477 35h5.002Zm12.005.078a2.09 2.09 0 0 1-.53-1.136l6.084-.38C43.857 34.784 42.827 36 40.999 36c-1.247 0-2.057-.417-2.515-.922ZM20.963 37c.065.4.242.77.522 1.078.459.505 1.27.922 2.516.922 1.245 0 2.056-.417 2.515-.922.28-.308.457-.678.522-1.078h-6.075Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M14.93 7c.936 0 1.814.437 2.38 1.173l.116.163.812 1.219c.163.243.422.401.708.437l.124.008H41a4.999 4.999 0 0 1 4.995 4.783L46 16h-.47c2.923 0 5.346 2.103 5.465 4.792L51 21v17.764c0 1.75-.988 3.348-2.553 4.13a1 1 0 1 1-.894-1.788 2.618 2.618 0 0 0 1.44-2.157l.007-.185V21c0-1.574-1.427-2.905-3.271-2.995l-.2-.005H16.471c-1.874 0-3.365 1.277-3.466 2.832L13 21v18c0 .729-.195 1.413-.536 2.001L16 40.929a1 1 0 0 1 .117 1.993l-.117.007L9 43a4 4 0 0 1-3.995-3.8L5 39V10a3 3 0 0 1 2.824-2.995L8 7h6.93Zm0 2H8a1 1 0 0 0-.993.883L7 10v29a1.886 1.886 0 0 0 .034.367c.015.084.036.167.062.247l.045.125.056.128.08.15.063.099.097.131.134.152.168.153.09.07.13.086.111.063.184.085.216.073.159.037.104.016.116.012L9 41a2.001 2.001 0 0 0 1.995-1.85L11 39V21c0-2.718 2.35-4.889 5.247-4.996L16.47 16H44v-1a3 3 0 0 0-2.824-2.995L41 12H19.07a3.003 3.003 0 0 1-2.38-1.173l-.116-.163-.812-1.219a1.004 1.004 0 0 0-.708-.437L14.93 9Zm-1.43 1a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Z" })] }));
|
|
3
|
+
export default SvgLegalPolicy;
|
|
@@ -50,6 +50,7 @@ export { default as JobMigrateData } from './JobMigrateData';
|
|
|
50
50
|
export { default as Keynote } from './Keynote';
|
|
51
51
|
export { default as LegalContract } from './LegalContract';
|
|
52
52
|
export { default as LegalFolder } from './LegalFolder';
|
|
53
|
+
export { default as LegalPolicy } from './LegalPolicy';
|
|
53
54
|
export { default as LimitedApp } from './LimitedApp';
|
|
54
55
|
export { default as LineChart } from './LineChart';
|
|
55
56
|
export { default as LocationSecurity } from './LocationSecurity';
|
|
@@ -50,6 +50,7 @@ export { default as JobMigrateData } from './JobMigrateData';
|
|
|
50
50
|
export { default as Keynote } from './Keynote';
|
|
51
51
|
export { default as LegalContract } from './LegalContract';
|
|
52
52
|
export { default as LegalFolder } from './LegalFolder';
|
|
53
|
+
export { default as LegalPolicy } from './LegalPolicy';
|
|
53
54
|
export { default as LimitedApp } from './LimitedApp';
|
|
54
55
|
export { default as LineChart } from './LineChart';
|
|
55
56
|
export { default as LocationSecurity } from './LocationSecurity';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.30.0",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build-local-all": "yarn nx clone-repo && yarn build-local && yarn lint-local && yarn lint-local-css",
|
|
@@ -105,5 +105,5 @@
|
|
|
105
105
|
"react": "^18.3.0",
|
|
106
106
|
"react-dom": "^18.3.0"
|
|
107
107
|
},
|
|
108
|
-
"gitHead": "
|
|
108
|
+
"gitHead": "84b0da3b7df701ce396ed038ab4297e2da27d64f"
|
|
109
109
|
}
|
package/tokens/px-tokens.d.ts
CHANGED
package/tokens/px-tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 21 Nov 2024 09:37:36 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BackgroundBackground = '#ffffff';
|
|
@@ -230,7 +230,7 @@ export const SurfaceCtaSurfaceDisabled = '#b2cff2';
|
|
|
230
230
|
export const SurfaceRadiotileSurface = '#ffffff';
|
|
231
231
|
export const SurfaceRadiotileSurfaceHover = '#f4f4f4';
|
|
232
232
|
export const SurfaceRadiotileSurfaceSelected = '#f2f7fd';
|
|
233
|
-
export const SurfaceToggletextSurfaceOn = '#
|
|
233
|
+
export const SurfaceToggletextSurfaceOn = '#e5effa';
|
|
234
234
|
export const SurfaceToggletextSurfaceOnHover = '#ccdff7';
|
|
235
235
|
export const SurfaceToggletextSurfaceOnPressed = '#b2cff2';
|
|
236
236
|
export const SurfaceToggletextSurfaceOnAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
@@ -313,12 +313,12 @@ export const BorderCtaBorderOutlineDisabled = '#646464';
|
|
|
313
313
|
export const BorderRadiotileBorder = '#bcbcbc';
|
|
314
314
|
export const BorderRadiotileBorderHover = '#bcbcbc';
|
|
315
315
|
export const BorderRadiotileBorderSelected = '#0061d5';
|
|
316
|
-
export const BorderToggletextBorderOff = '#
|
|
317
|
-
export const BorderToggletextBorderOffHover = '#
|
|
318
|
-
export const BorderToggletextBorderOffPressed = '#
|
|
319
|
-
export const BorderToggletextBorderOn = '#
|
|
320
|
-
export const BorderToggletextBorderOnHover = '#
|
|
321
|
-
export const BorderToggletextBorderOnPressed = '#
|
|
316
|
+
export const BorderToggletextBorderOff = '#ffffff';
|
|
317
|
+
export const BorderToggletextBorderOffHover = '#f4f4f4';
|
|
318
|
+
export const BorderToggletextBorderOffPressed = '#e8e8e8';
|
|
319
|
+
export const BorderToggletextBorderOn = '#99c0ee';
|
|
320
|
+
export const BorderToggletextBorderOnHover = '#99c0ee';
|
|
321
|
+
export const BorderToggletextBorderOnPressed = '#99c0ee';
|
|
322
322
|
export const BorderToggletextBorderOnAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
323
323
|
export const BorderToggletextBorderOnAiHover = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
324
324
|
export const BorderToggletextBorderOnAiPressed = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
@@ -375,7 +375,7 @@ export const TextCtaLinkSecondaryHover = '#6F6F6F';
|
|
|
375
375
|
export const TextCtaPromo = '#4826c2';
|
|
376
376
|
export const TextCtaLinkDisabled = '#b2cff2';
|
|
377
377
|
export const TextTextOnLightDisabled = '#bcbcbc';
|
|
378
|
-
export const TextToggletextText = '#
|
|
378
|
+
export const TextToggletextText = '#004EAA';
|
|
379
379
|
export const OverlaySidepanelOverlay = 'rgba(0,0,0,0.5)';
|
|
380
380
|
export const OverlayModalOverlay = 'rgba(0,0,0,0.8)';
|
|
381
381
|
export const BrandBoxPrimary = '#0061d5';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 21 Nov 2024 09:37:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -388,7 +388,7 @@
|
|
|
388
388
|
--brand-box-primary: var(--box-blue-100);
|
|
389
389
|
--overlay-modal-overlay: var(--black-opacity-80);
|
|
390
390
|
--overlay-sidepanel-overlay: var(--black-opacity-50);
|
|
391
|
-
--text-toggletext-text: var(--box-blue-
|
|
391
|
+
--text-toggletext-text: var(--box-blue-120);
|
|
392
392
|
--text-text-on-light-disabled: var(--gray-30);
|
|
393
393
|
--text-cta-link-disabled: var(--box-blue-30);
|
|
394
394
|
--text-cta-promo: var(--grimace-100);
|
|
@@ -445,12 +445,12 @@
|
|
|
445
445
|
--border-toggletext-border-on-ai-pressed: var(--brand-box-ai-100);
|
|
446
446
|
--border-toggletext-border-on-ai-hover: var(--brand-box-ai-100);
|
|
447
447
|
--border-toggletext-border-on-ai: var(--brand-box-ai-100);
|
|
448
|
-
--border-toggletext-border-on-pressed: var(--box-blue-
|
|
449
|
-
--border-toggletext-border-on-hover: var(--box-blue-
|
|
450
|
-
--border-toggletext-border-on: var(--box-blue-
|
|
451
|
-
--border-toggletext-border-off-pressed: var(--gray-
|
|
452
|
-
--border-toggletext-border-off-hover: var(--gray-
|
|
453
|
-
--border-toggletext-border-off: var(--gray-
|
|
448
|
+
--border-toggletext-border-on-pressed: var(--box-blue-40);
|
|
449
|
+
--border-toggletext-border-on-hover: var(--box-blue-40);
|
|
450
|
+
--border-toggletext-border-on: var(--box-blue-40);
|
|
451
|
+
--border-toggletext-border-off-pressed: var(--gray-10);
|
|
452
|
+
--border-toggletext-border-off-hover: var(--gray-05);
|
|
453
|
+
--border-toggletext-border-off: var(--gray-white);
|
|
454
454
|
--border-radiotile-border-selected: var(--box-blue-100);
|
|
455
455
|
--border-radiotile-border-hover: var(--gray-30);
|
|
456
456
|
--border-radiotile-border: var(--gray-30);
|
|
@@ -532,7 +532,7 @@
|
|
|
532
532
|
--surface-toggletext-surface-on-ai: var(--brand-box-ai-100);
|
|
533
533
|
--surface-toggletext-surface-on-pressed: var(--box-blue-30);
|
|
534
534
|
--surface-toggletext-surface-on-hover: var(--box-blue-20);
|
|
535
|
-
--surface-toggletext-surface-on: var(--box-blue-
|
|
535
|
+
--surface-toggletext-surface-on: var(--box-blue-10);
|
|
536
536
|
--surface-radiotile-surface-selected: var(--box-blue-05);
|
|
537
537
|
--surface-radiotile-surface-hover: var(--gray-05);
|
|
538
538
|
--surface-radiotile-surface: var(--gray-white);
|
package/tokens/tokens.js
CHANGED
|
@@ -225,7 +225,7 @@ export const SurfaceCtaSurfaceDisabled = '#b2cff2';
|
|
|
225
225
|
export const SurfaceRadiotileSurface = '#ffffff';
|
|
226
226
|
export const SurfaceRadiotileSurfaceHover = '#f4f4f4';
|
|
227
227
|
export const SurfaceRadiotileSurfaceSelected = '#f2f7fd';
|
|
228
|
-
export const SurfaceToggletextSurfaceOn = '#
|
|
228
|
+
export const SurfaceToggletextSurfaceOn = '#e5effa';
|
|
229
229
|
export const SurfaceToggletextSurfaceOnHover = '#ccdff7';
|
|
230
230
|
export const SurfaceToggletextSurfaceOnPressed = '#b2cff2';
|
|
231
231
|
export const SurfaceToggletextSurfaceOnAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
@@ -308,12 +308,12 @@ export const BorderCtaBorderOutlineDisabled = '#646464';
|
|
|
308
308
|
export const BorderRadiotileBorder = '#bcbcbc';
|
|
309
309
|
export const BorderRadiotileBorderHover = '#bcbcbc';
|
|
310
310
|
export const BorderRadiotileBorderSelected = '#0061d5';
|
|
311
|
-
export const BorderToggletextBorderOff = '#
|
|
312
|
-
export const BorderToggletextBorderOffHover = '#
|
|
313
|
-
export const BorderToggletextBorderOffPressed = '#
|
|
314
|
-
export const BorderToggletextBorderOn = '#
|
|
315
|
-
export const BorderToggletextBorderOnHover = '#
|
|
316
|
-
export const BorderToggletextBorderOnPressed = '#
|
|
311
|
+
export const BorderToggletextBorderOff = '#ffffff';
|
|
312
|
+
export const BorderToggletextBorderOffHover = '#f4f4f4';
|
|
313
|
+
export const BorderToggletextBorderOffPressed = '#e8e8e8';
|
|
314
|
+
export const BorderToggletextBorderOn = '#99c0ee';
|
|
315
|
+
export const BorderToggletextBorderOnHover = '#99c0ee';
|
|
316
|
+
export const BorderToggletextBorderOnPressed = '#99c0ee';
|
|
317
317
|
export const BorderToggletextBorderOnAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
318
318
|
export const BorderToggletextBorderOnAiHover = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
319
319
|
export const BorderToggletextBorderOnAiPressed = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
|
|
@@ -370,7 +370,7 @@ export const TextCtaLinkSecondaryHover = '#6F6F6F';
|
|
|
370
370
|
export const TextCtaPromo = '#4826c2';
|
|
371
371
|
export const TextCtaLinkDisabled = '#b2cff2';
|
|
372
372
|
export const TextTextOnLightDisabled = '#bcbcbc';
|
|
373
|
-
export const TextToggletextText = '#
|
|
373
|
+
export const TextToggletextText = '#004EAA';
|
|
374
374
|
export const OverlaySidepanelOverlay = 'rgba(0,0,0,0.5)';
|
|
375
375
|
export const OverlayModalOverlay = 'rgba(0,0,0,0.8)';
|
|
376
376
|
export const BrandBoxPrimary = '#0061d5';
|
package/tokens/tokens.json
CHANGED
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
"SurfaceRadiotileSurface": "#ffffff",
|
|
227
227
|
"SurfaceRadiotileSurfaceHover": "#f4f4f4",
|
|
228
228
|
"SurfaceRadiotileSurfaceSelected": "#f2f7fd",
|
|
229
|
-
"SurfaceToggletextSurfaceOn": "#
|
|
229
|
+
"SurfaceToggletextSurfaceOn": "#e5effa",
|
|
230
230
|
"SurfaceToggletextSurfaceOnHover": "#ccdff7",
|
|
231
231
|
"SurfaceToggletextSurfaceOnPressed": "#b2cff2",
|
|
232
232
|
"SurfaceToggletextSurfaceOnAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
|
|
@@ -309,12 +309,12 @@
|
|
|
309
309
|
"BorderRadiotileBorder": "#bcbcbc",
|
|
310
310
|
"BorderRadiotileBorderHover": "#bcbcbc",
|
|
311
311
|
"BorderRadiotileBorderSelected": "#0061d5",
|
|
312
|
-
"BorderToggletextBorderOff": "#
|
|
313
|
-
"BorderToggletextBorderOffHover": "#
|
|
314
|
-
"BorderToggletextBorderOffPressed": "#
|
|
315
|
-
"BorderToggletextBorderOn": "#
|
|
316
|
-
"BorderToggletextBorderOnHover": "#
|
|
317
|
-
"BorderToggletextBorderOnPressed": "#
|
|
312
|
+
"BorderToggletextBorderOff": "#ffffff",
|
|
313
|
+
"BorderToggletextBorderOffHover": "#f4f4f4",
|
|
314
|
+
"BorderToggletextBorderOffPressed": "#e8e8e8",
|
|
315
|
+
"BorderToggletextBorderOn": "#99c0ee",
|
|
316
|
+
"BorderToggletextBorderOnHover": "#99c0ee",
|
|
317
|
+
"BorderToggletextBorderOnPressed": "#99c0ee",
|
|
318
318
|
"BorderToggletextBorderOnAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
|
|
319
319
|
"BorderToggletextBorderOnAiHover": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
|
|
320
320
|
"BorderToggletextBorderOnAiPressed": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
"TextCtaPromo": "#4826c2",
|
|
372
372
|
"TextCtaLinkDisabled": "#b2cff2",
|
|
373
373
|
"TextTextOnLightDisabled": "#bcbcbc",
|
|
374
|
-
"TextToggletextText": "#
|
|
374
|
+
"TextToggletextText": "#004EAA",
|
|
375
375
|
"OverlaySidepanelOverlay": "rgba(0,0,0,0.5)",
|
|
376
376
|
"OverlayModalOverlay": "rgba(0,0,0,0.8)",
|
|
377
377
|
"BrandBoxPrimary": "#0061d5",
|
package/tokens/tokens.scss
CHANGED
|
@@ -225,7 +225,7 @@ $surface-cta-surface-disabled: #b2cff2 !default;
|
|
|
225
225
|
$surface-radiotile-surface: #ffffff !default;
|
|
226
226
|
$surface-radiotile-surface-hover: #f4f4f4 !default;
|
|
227
227
|
$surface-radiotile-surface-selected: #f2f7fd !default;
|
|
228
|
-
$surface-toggletext-surface-on: #
|
|
228
|
+
$surface-toggletext-surface-on: #e5effa !default;
|
|
229
229
|
$surface-toggletext-surface-on-hover: #ccdff7 !default;
|
|
230
230
|
$surface-toggletext-surface-on-pressed: #b2cff2 !default;
|
|
231
231
|
$surface-toggletext-surface-on-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
|
|
@@ -308,12 +308,12 @@ $border-cta-border-outline-disabled: #646464 !default;
|
|
|
308
308
|
$border-radiotile-border: #bcbcbc !default;
|
|
309
309
|
$border-radiotile-border-hover: #bcbcbc !default;
|
|
310
310
|
$border-radiotile-border-selected: #0061d5 !default;
|
|
311
|
-
$border-toggletext-border-off: #
|
|
312
|
-
$border-toggletext-border-off-hover: #
|
|
313
|
-
$border-toggletext-border-off-pressed: #
|
|
314
|
-
$border-toggletext-border-on: #
|
|
315
|
-
$border-toggletext-border-on-hover: #
|
|
316
|
-
$border-toggletext-border-on-pressed: #
|
|
311
|
+
$border-toggletext-border-off: #ffffff !default;
|
|
312
|
+
$border-toggletext-border-off-hover: #f4f4f4 !default;
|
|
313
|
+
$border-toggletext-border-off-pressed: #e8e8e8 !default;
|
|
314
|
+
$border-toggletext-border-on: #99c0ee !default;
|
|
315
|
+
$border-toggletext-border-on-hover: #99c0ee !default;
|
|
316
|
+
$border-toggletext-border-on-pressed: #99c0ee !default;
|
|
317
317
|
$border-toggletext-border-on-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
|
|
318
318
|
$border-toggletext-border-on-ai-hover: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
|
|
319
319
|
$border-toggletext-border-on-ai-pressed: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
|
|
@@ -370,7 +370,7 @@ $text-cta-link-secondary-hover: #6f6f6f !default;
|
|
|
370
370
|
$text-cta-promo: #4826c2 !default;
|
|
371
371
|
$text-cta-link-disabled: #b2cff2 !default;
|
|
372
372
|
$text-text-on-light-disabled: #bcbcbc !default;
|
|
373
|
-
$text-toggletext-text: #
|
|
373
|
+
$text-toggletext-text: #004eaa !default;
|
|
374
374
|
$overlay-sidepanel-overlay: rgba(0, 0, 0, 0.5) !default;
|
|
375
375
|
$overlay-modal-overlay: rgba(0, 0, 0, 0.8) !default;
|
|
376
376
|
$brand-box-primary: #0061d5 !default;
|