@box/blueprint-web-assets 4.9.0 → 4.10.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/ArrowRightSquare.d.ts +3 -0
- package/icons/Fill/ArrowRightSquare.js +3 -0
- package/icons/Fill/index.d.ts +1 -0
- package/icons/Fill/index.js +1 -0
- package/icons/Line/ArrowRightSquare.d.ts +3 -0
- package/icons/Line/ArrowRightSquare.js +3 -0
- package/icons/Line/ArrowUpRightSquare.js +1 -1
- package/icons/Line/AvatarXBadge.js +1 -1
- package/icons/Line/BoxAi.js +1 -1
- package/icons/Line/Calendar.js +1 -1
- package/icons/Line/FileDefault.js +1 -1
- package/icons/Line/Filter.js +1 -1
- package/icons/Line/FontColor.d.ts +3 -0
- package/icons/Line/FontColor.js +3 -0
- package/icons/Line/Grid.js +1 -1
- package/icons/Line/Hubs.js +1 -1
- package/icons/Line/LargeList.js +1 -1
- package/icons/Line/index.d.ts +2 -0
- package/icons/Line/index.js +2 -0
- package/package.json +2 -2
- package/tokens/px-tokens.d.ts +1 -1
- package/tokens/px-tokens.js +3 -3
- package/tokens/tokens-css-vars.scss +3 -3
- package/tokens/tokens.js +2 -2
- package/tokens/tokens.json +2 -2
- package/tokens/tokens.scss +2 -2
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgArrowRightSquare = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M7.793 4.793a1 1 0 0 1 1.414 0l2.5 2.5a1 1 0 0 1 0 1.414l-2.5 2.5a1 1 0 0 1-1.414-1.414L8.586 9H2a1 1 0 0 1 0-2h6.586l-.793-.793a1 1 0 0 1 0-1.414Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 3a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1a1 1 0 1 1 2 0v1h7V3H6v1a1 1 0 0 1-2 0V3Z", clipRule: "evenodd" })] }));
|
|
3
|
+
export default SvgArrowRightSquare;
|
package/icons/Fill/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export { default as ArrowDown } from './ArrowDown';
|
|
|
16
16
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
17
17
|
export { default as ArrowMerge } from './ArrowMerge';
|
|
18
18
|
export { default as ArrowRight } from './ArrowRight';
|
|
19
|
+
export { default as ArrowRightSquare } from './ArrowRightSquare';
|
|
19
20
|
export { default as ArrowUp } from './ArrowUp';
|
|
20
21
|
export { default as ArrowUpRightBubble } from './ArrowUpRightBubble';
|
|
21
22
|
export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
|
package/icons/Fill/index.js
CHANGED
|
@@ -16,6 +16,7 @@ export { default as ArrowDown } from './ArrowDown';
|
|
|
16
16
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
17
17
|
export { default as ArrowMerge } from './ArrowMerge';
|
|
18
18
|
export { default as ArrowRight } from './ArrowRight';
|
|
19
|
+
export { default as ArrowRightSquare } from './ArrowRightSquare';
|
|
19
20
|
export { default as ArrowUp } from './ArrowUp';
|
|
20
21
|
export { default as ArrowUpRightBubble } from './ArrowUpRightBubble';
|
|
21
22
|
export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const SvgArrowRightSquare = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M5.5 3a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 5.5 2h8A1.5 1.5 0 0 1 15 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 13.5v-2a.5.5 0 0 1 1 0v2a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5h-8Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M8.147 5.146a.5.5 0 0 1 .707 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.707-.708L10.293 9H1.5a.5.5 0 0 1 0-1h8.793L8.147 5.854a.5.5 0 0 1 0-.708Z", clipRule: "evenodd" })] }));
|
|
3
|
+
export default SvgArrowRightSquare;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgArrowUpRightSquare = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgArrowUpRightSquare = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M6.5 3c.25 0 .5.25.5.5s-.25.5-.5.5h-3c-.25 0-.5.25-.5.5v8c0 .25.25.5.5.5h8c.25 0 .5-.25.5-.5v-3a.5.5 0 0 1 1 0v3c0 .75-.75 1.5-1.5 1.5h-8c-.847 0-1.5-.75-1.5-1.5v-8C2 3.75 2.75 3 3.5 3h3Zm7-1c.25 0 .5.25.5.5v5c0 .25-.224.5-.5.5-.291 0-.5-.25-.5-.5V3.706L7.854 8.854a.5.5 0 0 1-.708 0c-.205-.206-.196-.5 0-.708L12.292 3H8.5c-.25 0-.5-.25-.5-.5s.25-.5.5-.5h5Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgArrowUpRightSquare;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
const SvgAvatarXBadge = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsxs("g", { fill:
|
|
2
|
+
const SvgAvatarXBadge = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsxs("g", { fill: props.color || '#222222', children: [_jsx("path", { d: "M7.998 0c1.117 0 2.18.229 3.146.642-.28.22-.52.49-.707.795A7 7 0 1 0 14.56 5.56c.305-.185.575-.425.795-.705A8 8 0 1 1 7.998 0Z" }), _jsx("path", { d: "M7.998 9.5c1.21 0 2.293.413 3.232 1.096.56.407.953.817 1.168 1.104a.5.5 0 0 1-.8.6 3.316 3.316 0 0 0-.234-.267 5.408 5.408 0 0 0-.722-.629c-.78-.567-1.665-.904-2.644-.904-.98 0-1.865.337-2.644.904-.275.2-.517.415-.722.63-.083.084-.16.173-.234.266a.5.5 0 0 1-.8-.6c.215-.287.607-.697 1.168-1.104C5.705 9.913 6.788 9.5 7.998 9.5Z" }), _jsx("path", { fillRule: "evenodd", d: "M7.998 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm0 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z", clipRule: "evenodd" }), _jsx("path", { d: "M14.412 1.586a.5.5 0 0 0-.707 0l-.707.707-.707-.707a.5.5 0 0 0-.707.707L12.29 3l-.707.707a.5.5 0 0 0 .707.707l.707-.707.707.707a.5.5 0 0 0 .707-.707L13.705 3l.707-.707a.5.5 0 0 0 0-.707Z" })] }) }));
|
|
3
3
|
export default SvgAvatarXBadge;
|
package/icons/Line/BoxAi.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgBoxAi = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgBoxAi = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M9.773 14.662c-.426.453-1.023.838-1.772.838-.749 0-1.346-.385-1.772-.838-.425-.453-.761-1.052-1.022-1.707a8.547 8.547 0 0 1-.065-.168l-.183.03c-.717.11-1.422.127-2.04-.003-.618-.13-1.262-.437-1.636-1.064-.375-.627-.328-1.32-.136-1.903.193-.582.561-1.163 1.018-1.709.039-.046.078-.092.119-.138a8.724 8.724 0 0 1-.119-.138c-.456-.546-.825-1.127-1.018-1.71-.192-.583-.239-1.275.136-1.902.374-.627 1.018-.934 1.636-1.065.618-.13 1.323-.111 2.04-.002l.183.03.065-.168c.26-.656.597-1.254 1.022-1.707C6.655.885 7.252.5 8.001.5c.749 0 1.346.385 1.772.838.425.453.761 1.051 1.022 1.707l.065.168.183-.03c.717-.11 1.421-.128 2.04.003.618.13 1.262.437 1.636 1.064.375.627.328 1.32.136 1.902-.193.583-.562 1.164-1.018 1.71a8.93 8.93 0 0 1-.118.138c.04.046.08.092.118.138.457.546.825 1.127 1.018 1.71.192.582.239 1.275-.136 1.902-.374.627-1.018.934-1.636 1.064-.618.13-1.323.112-2.04.003l-.183-.03a9.092 9.092 0 0 1-.065.168c-.26.655-.597 1.255-1.022 1.707Zm.071-2.103C9.375 13.757 8.723 14.5 8.001 14.5s-1.374-.743-1.843-1.941A14.872 14.872 0 0 0 8 11.916c.631.266 1.251.481 1.843.643Zm1.32-.736c1.307.206 2.299.031 2.66-.573.36-.604.021-1.522-.818-2.514-.44.415-.944.826-1.497 1.222a13.651 13.651 0 0 1-.346 1.865Zm1.842-4.56c.84-.991 1.178-1.909.817-2.513-.36-.604-1.352-.78-2.66-.573.152.577.268 1.204.346 1.865.553.396 1.057.807 1.497 1.222Zm-1.395.129c.248.202.48.405.695.608-.214.203-.447.406-.695.608a17.463 17.463 0 0 0 0-1.216Zm-1.085-.802a16.12 16.12 0 0 1 0 2.82A17.304 17.304 0 0 1 8 10.818a17.451 17.451 0 0 1-2.525-1.41 16.114 16.114 0 0 1 0-2.818A17.329 17.329 0 0 1 8 5.18a17.457 17.457 0 0 1 2.525 1.41Zm-.175-1.308c-.057-.31-.123-.606-.198-.886-.288.078-.587.17-.892.278a18.872 18.872 0 0 1 1.09.608ZM8 4.084a14.879 14.879 0 0 1 1.843-.643C9.375 2.243 8.723 1.5 8.001 1.5s-1.374.743-1.843 1.941A14.88 14.88 0 0 1 8 4.084Zm-2.152.312c.288.078.587.17.892.278a18.905 18.905 0 0 0-1.09.608c.057-.31.123-.606.198-.886Zm-1.01-.219c-1.308-.206-2.3-.031-2.66.573-.361.604-.022 1.522.817 2.514.44-.415.943-.826 1.497-1.222.078-.661.194-1.288.346-1.865ZM2.996 8.736c-.84.992-1.179 1.91-.818 2.514.361.604 1.353.779 2.66.573a13.638 13.638 0 0 1-.345-1.865 14.437 14.437 0 0 1-1.497-1.222Zm1.395-.128c-.248-.202-.48-.405-.695-.608.215-.203.447-.406.695-.608a17.475 17.475 0 0 0 0 1.216Zm1.26 2.11c.057.31.123.605.198.886.288-.078.587-.17.892-.278a18.703 18.703 0 0 1-1.09-.608Zm4.502.886a12.69 12.69 0 0 1-.892-.278 18.686 18.686 0 0 0 1.09-.608c-.057.31-.123.605-.198.886Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgBoxAi;
|
package/icons/Line/Calendar.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgCalendar = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgCalendar = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M4.5 1a.5.5 0 0 0-.5.5V2H3a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-1v-.5a.5.5 0 0 0-1 0V2H5v-.5a.5.5 0 0 0-.5-.5ZM11 3.5V3H5v.5a.5.5 0 0 1-1 0V3H3a1 1 0 0 0-1 1v1h12V4a1 1 0 0 0-1-1h-1v.5a.5.5 0 0 1-1 0ZM2 13V6h12v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1Zm2.5-5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1ZM7 11.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM4.5 11a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgCalendar;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgFileDefault = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgFileDefault = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M3.5 1A1.5 1.5 0 0 0 2 2.5v11A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V5.914a1.5 1.5 0 0 0-.44-1.06l-3.414-3.415A1.5 1.5 0 0 0 9.086 1H3.5ZM3 2.5a.5.5 0 0 1 .5-.5H9v2.5A1.5 1.5 0 0 0 10.5 6H13v7.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-11ZM12.293 5 10 2.707V4.5a.5.5 0 0 0 .5.5h1.793Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgFileDefault;
|
package/icons/Line/Filter.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgFilter = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgFilter = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M12 4.5c0 .168-.028.33-.079.481L11.915 5a1.5 1.5 0 0 1-2.836-.981L9.085 4A1.5 1.5 0 0 1 12 4.5ZM10.5 7a2.5 2.5 0 0 0 2.45-2h1.55a.5.5 0 0 0 0-1h-1.55a2.5 2.5 0 0 0-4.9 0H1.5a.5.5 0 0 0 0 1h6.55a2.5 2.5 0 0 0 2.45 2ZM8 11.5A1.498 1.498 0 0 1 6.5 13 1.5 1.5 0 1 1 8 11.5Zm.95.5h5.55a.5.5 0 0 0 0-1H8.95a2.5 2.5 0 0 0-4.9 0H1.5a.5.5 0 0 0 0 1h2.55a2.5 2.5 0 0 0 4.9 0Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgFilter;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
const SvgFontColor = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "m10.84 14.656-.017-.016a1.865 1.865 0 0 1-.524-.78l-.003-.007-.615-1.807H6.32l-.61 1.793c-.113.343-.318.6-.537.789a1.49 1.49 0 0 1-1 .372h-.538c-1.156 0-1.946-1.29-1.514-2.472L5.847 2.316C6.137 1.52 6.837 1 7.613 1h.774c.777 0 1.476.52 1.766 1.316l3.727 10.212C14.312 13.71 13.523 15 12.366 15h-.53c-.325 0-.672-.087-.977-.33l-.018-.014ZM8.412 2c.397.011.752.281.9.69L13.04 12.9c.192.526-.159 1.099-.673 1.099h-.53a.696.696 0 0 1-.447-.141.867.867 0 0 1-.247-.365l-.832-2.448H5.69l-.832 2.448a.774.774 0 0 1-.247.348.638.638 0 0 1-.44.158h-.537c-.514 0-.865-.573-.673-1.099L6.688 2.69c.148-.405.5-.674.893-.688L7.613 2h.798ZM6.246 8.943h3.555l-1.38-3.466a27.33 27.33 0 0 1-.151-.446l-.005-.014a41.196 41.196 0 0 1-.053-.162 21.767 21.767 0 0 1-.216-.789c-.072.283-.144.545-.216.789-.016.06-.032.117-.049.173l-.005.019a7.353 7.353 0 0 1-.146.447L6.246 8.943ZM8.01 6.932l-.39 1.01h.793l-.403-1.01Z", clipRule: "evenodd" }) }));
|
|
3
|
+
export default SvgFontColor;
|
package/icons/Line/Grid.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgGrid = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgGrid = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M3 3h3v3H3V3ZM2 3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Zm1 7h3v3H3v-3Zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3Zm11-7h-3v3h3V3Zm-3-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3Zm0 8h3v3h-3v-3Zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgGrid;
|
package/icons/Line/Hubs.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
const SvgHubs = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill:
|
|
2
|
+
const SvgHubs = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M14 5.465A.499.499 0 0 0 13.342 5l-7 2.287A.491.491 0 0 0 6 7.752v5.776c0 .335.334.571.658.465l7-2.287A.491.491 0 0 0 14 11.24V5.465Zm-.974-1.395C13.997 3.752 15 4.46 15 5.465v5.776c0 .633-.413 1.195-1.026 1.395l-7 2.287C6.003 15.241 5 14.533 5 13.528V7.752c0-.633.413-1.195 1.026-1.395l7-2.287Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M9.974 1.335a.488.488 0 0 1-.316.62L2.342 4.346A.491.491 0 0 0 2 4.811v6.156c0 .27-.224.49-.5.49s-.5-.22-.5-.49V4.811c0-.633.413-1.195 1.026-1.395l7.316-2.39a.502.502 0 0 1 .632.31Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M11.974 2.806a.488.488 0 0 1-.316.62l-7.316 2.39A.491.491 0 0 0 4 6.283v6.156c0 .27-.224.49-.5.49s-.5-.22-.5-.49V6.282c0-.633.413-1.195 1.026-1.395l7.316-2.391a.502.502 0 0 1 .632.31Z", clipRule: "evenodd" })] }));
|
|
3
3
|
export default SvgHubs;
|
package/icons/Line/LargeList.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgLargeList = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill:
|
|
2
|
+
const SvgLargeList = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M2 3h3v3H2V3ZM1 3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3Zm1 7h3v3H2v-3Zm-1 0a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3Zm6.5-5a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7ZM7 11.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5Z", clipRule: "evenodd" }) }));
|
|
3
3
|
export default SvgLargeList;
|
package/icons/Line/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export { default as ArrowCurvedBackward } from './ArrowCurvedBackward';
|
|
|
15
15
|
export { default as ArrowDown } from './ArrowDown';
|
|
16
16
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
17
17
|
export { default as ArrowRight } from './ArrowRight';
|
|
18
|
+
export { default as ArrowRightSquare } from './ArrowRightSquare';
|
|
18
19
|
export { default as ArrowUp } from './ArrowUp';
|
|
19
20
|
export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
|
|
20
21
|
export { default as ArrowUpRightSquareAlt } from './ArrowUpRightSquareAlt';
|
|
@@ -67,6 +68,7 @@ export { default as FileUpload } from './FileUpload';
|
|
|
67
68
|
export { default as Filter } from './Filter';
|
|
68
69
|
export { default as Folder } from './Folder';
|
|
69
70
|
export { default as FolderFile } from './FolderFile';
|
|
71
|
+
export { default as FontColor } from './FontColor';
|
|
70
72
|
export { default as Form } from './Form';
|
|
71
73
|
export { default as Gear } from './Gear';
|
|
72
74
|
export { default as GlobeBadge } from './GlobeBadge';
|
package/icons/Line/index.js
CHANGED
|
@@ -15,6 +15,7 @@ export { default as ArrowCurvedBackward } from './ArrowCurvedBackward';
|
|
|
15
15
|
export { default as ArrowDown } from './ArrowDown';
|
|
16
16
|
export { default as ArrowLeft } from './ArrowLeft';
|
|
17
17
|
export { default as ArrowRight } from './ArrowRight';
|
|
18
|
+
export { default as ArrowRightSquare } from './ArrowRightSquare';
|
|
18
19
|
export { default as ArrowUp } from './ArrowUp';
|
|
19
20
|
export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
|
|
20
21
|
export { default as ArrowUpRightSquareAlt } from './ArrowUpRightSquareAlt';
|
|
@@ -67,6 +68,7 @@ export { default as FileUpload } from './FileUpload';
|
|
|
67
68
|
export { default as Filter } from './Filter';
|
|
68
69
|
export { default as Folder } from './Folder';
|
|
69
70
|
export { default as FolderFile } from './FolderFile';
|
|
71
|
+
export { default as FontColor } from './FontColor';
|
|
70
72
|
export { default as Form } from './Form';
|
|
71
73
|
export { default as Gear } from './Gear';
|
|
72
74
|
export { default as GlobeBadge } from './GlobeBadge';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.10.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",
|
|
@@ -100,5 +100,5 @@
|
|
|
100
100
|
"devDependencies": {
|
|
101
101
|
"chalk": "4.1.2"
|
|
102
102
|
},
|
|
103
|
-
"gitHead": "
|
|
103
|
+
"gitHead": "e6204fec0c0aa02d916e994e704b330b7629a13b"
|
|
104
104
|
}
|
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 Tue, 14 May 2024 10:34:41 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const BackgroundBackground = '#ffffff';
|
|
@@ -164,7 +164,7 @@ export const SurfaceDaySurfaceSelectedHover = '#003c84';
|
|
|
164
164
|
export const SurfaceTabSurfaceHover = '#f4f4f4';
|
|
165
165
|
export const SurfaceTabSurfacePressed = '#e8e8e8';
|
|
166
166
|
export const SurfaceAccordionSurface = '#ffffff';
|
|
167
|
-
export const SurfaceAccordionSurfaceHover = '#
|
|
167
|
+
export const SurfaceAccordionSurfaceHover = '#f4f4f4';
|
|
168
168
|
export const SurfaceBadgeImageSurface = '#26c281';
|
|
169
169
|
export const SurfaceBadgeCanvasSurface = '#f1811a';
|
|
170
170
|
export const SurfaceBadgeBoxnoteSurface = '#e8e8e8';
|
|
@@ -318,7 +318,7 @@ export const TextTextOnLightSecondaryHover = '#4e4e4e';
|
|
|
318
318
|
export const TextTextOnDark = '#ffffff';
|
|
319
319
|
export const TextTextBrandOnColor = '#ffffff';
|
|
320
320
|
export const TextCtaLink = '#0061d5';
|
|
321
|
-
export const TextCtaLinkHover = '#
|
|
321
|
+
export const TextCtaLinkHover = '#1d6bca';
|
|
322
322
|
export const TextCtaLinkPressed = '#2486fc';
|
|
323
323
|
export const TextNavTextOnDark = '#ffffff';
|
|
324
324
|
export const TextNavTextOnDarkHover = '#ffffff';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 14 May 2024 10:34:42 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
--text-nav-text-on-dark-hover: var(--gray-white);
|
|
383
383
|
--text-nav-text-on-dark: var(--gray-white);
|
|
384
384
|
--text-cta-link-pressed: var(--light-blue-100);
|
|
385
|
-
--text-cta-link-hover: var(--
|
|
385
|
+
--text-cta-link-hover: var(--light-blue-120);
|
|
386
386
|
--text-cta-link: var(--box-blue-100);
|
|
387
387
|
--text-text-brand-on-color: var(--gray-white);
|
|
388
388
|
--text-text-on-dark: var(--gray-white);
|
|
@@ -528,7 +528,7 @@
|
|
|
528
528
|
--surface-badge-boxnote-surface: var(--gray-10);
|
|
529
529
|
--surface-badge-canvas-surface: var(--orange-100);
|
|
530
530
|
--surface-badge-image-surface: var(--green-light-100);
|
|
531
|
-
--surface-accordion-surface-hover: var(--gray-
|
|
531
|
+
--surface-accordion-surface-hover: var(--gray-05);
|
|
532
532
|
--surface-accordion-surface: var(--gray-white);
|
|
533
533
|
--surface-tab-surface-pressed: var(--gray-10);
|
|
534
534
|
--surface-tab-surface-hover: var(--gray-05);
|
package/tokens/tokens.js
CHANGED
|
@@ -159,7 +159,7 @@ export const SurfaceDaySurfaceSelectedHover = '#003c84';
|
|
|
159
159
|
export const SurfaceTabSurfaceHover = '#f4f4f4';
|
|
160
160
|
export const SurfaceTabSurfacePressed = '#e8e8e8';
|
|
161
161
|
export const SurfaceAccordionSurface = '#ffffff';
|
|
162
|
-
export const SurfaceAccordionSurfaceHover = '#
|
|
162
|
+
export const SurfaceAccordionSurfaceHover = '#f4f4f4';
|
|
163
163
|
export const SurfaceBadgeImageSurface = '#26c281';
|
|
164
164
|
export const SurfaceBadgeCanvasSurface = '#f1811a';
|
|
165
165
|
export const SurfaceBadgeBoxnoteSurface = '#e8e8e8';
|
|
@@ -313,7 +313,7 @@ export const TextTextOnLightSecondaryHover = '#4e4e4e';
|
|
|
313
313
|
export const TextTextOnDark = '#ffffff';
|
|
314
314
|
export const TextTextBrandOnColor = '#ffffff';
|
|
315
315
|
export const TextCtaLink = '#0061d5';
|
|
316
|
-
export const TextCtaLinkHover = '#
|
|
316
|
+
export const TextCtaLinkHover = '#1d6bca';
|
|
317
317
|
export const TextCtaLinkPressed = '#2486fc';
|
|
318
318
|
export const TextNavTextOnDark = '#ffffff';
|
|
319
319
|
export const TextNavTextOnDarkHover = '#ffffff';
|
package/tokens/tokens.json
CHANGED
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
"SurfaceTabSurfaceHover": "#f4f4f4",
|
|
161
161
|
"SurfaceTabSurfacePressed": "#e8e8e8",
|
|
162
162
|
"SurfaceAccordionSurface": "#ffffff",
|
|
163
|
-
"SurfaceAccordionSurfaceHover": "#
|
|
163
|
+
"SurfaceAccordionSurfaceHover": "#f4f4f4",
|
|
164
164
|
"SurfaceBadgeImageSurface": "#26c281",
|
|
165
165
|
"SurfaceBadgeCanvasSurface": "#f1811a",
|
|
166
166
|
"SurfaceBadgeBoxnoteSurface": "#e8e8e8",
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
"TextTextOnDark": "#ffffff",
|
|
315
315
|
"TextTextBrandOnColor": "#ffffff",
|
|
316
316
|
"TextCtaLink": "#0061d5",
|
|
317
|
-
"TextCtaLinkHover": "#
|
|
317
|
+
"TextCtaLinkHover": "#1d6bca",
|
|
318
318
|
"TextCtaLinkPressed": "#2486fc",
|
|
319
319
|
"TextNavTextOnDark": "#ffffff",
|
|
320
320
|
"TextNavTextOnDarkHover": "#ffffff",
|
package/tokens/tokens.scss
CHANGED
|
@@ -159,7 +159,7 @@ $surface-day-surface-selected-hover: #003c84 !default;
|
|
|
159
159
|
$surface-tab-surface-hover: #f4f4f4 !default;
|
|
160
160
|
$surface-tab-surface-pressed: #e8e8e8 !default;
|
|
161
161
|
$surface-accordion-surface: #ffffff !default;
|
|
162
|
-
$surface-accordion-surface-hover: #
|
|
162
|
+
$surface-accordion-surface-hover: #f4f4f4 !default;
|
|
163
163
|
$surface-badge-image-surface: #26c281 !default;
|
|
164
164
|
$surface-badge-canvas-surface: #f1811a !default;
|
|
165
165
|
$surface-badge-boxnote-surface: #e8e8e8 !default;
|
|
@@ -313,7 +313,7 @@ $text-text-on-light-secondary-hover: #4e4e4e !default;
|
|
|
313
313
|
$text-text-on-dark: #ffffff !default;
|
|
314
314
|
$text-text-brand-on-color: #ffffff !default;
|
|
315
315
|
$text-cta-link: #0061d5 !default;
|
|
316
|
-
$text-cta-link-hover: #
|
|
316
|
+
$text-cta-link-hover: #1d6bca !default;
|
|
317
317
|
$text-cta-link-pressed: #2486fc !default;
|
|
318
318
|
$text-nav-text-on-dark: #ffffff !default;
|
|
319
319
|
$text-nav-text-on-dark-hover: #ffffff !default;
|