@box/blueprint-web-assets 4.89.6 → 4.90.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/dist/icons/Content/FileMarkdown.d.ts +3 -0
- package/dist/icons/Content/FileMarkdown.js +5 -0
- package/dist/icons/Content/index.d.ts +1 -0
- package/dist/icons/Content/index.js +1 -0
- package/dist/icons/Medium/BatchSend.d.ts +3 -0
- package/dist/icons/Medium/BatchSend.js +5 -0
- package/dist/icons/Medium/BoxDev.d.ts +3 -0
- package/dist/icons/Medium/BoxDev.js +5 -0
- package/dist/icons/Medium/Circle.d.ts +3 -0
- package/dist/icons/Medium/Circle.js +5 -0
- package/dist/icons/Medium/CreditCard.d.ts +3 -0
- package/dist/icons/Medium/CreditCard.js +5 -0
- package/dist/icons/Medium/Initials.js +1 -1
- package/dist/icons/Medium/Numbers.d.ts +3 -0
- package/dist/icons/Medium/Numbers.js +5 -0
- package/dist/icons/Medium/Pencil.js +1 -1
- package/dist/icons/Medium/PencilCrossed.d.ts +3 -0
- package/dist/icons/Medium/PencilCrossed.js +5 -0
- package/dist/icons/Medium/Taxonomy.d.ts +3 -0
- package/dist/icons/Medium/Taxonomy.js +5 -0
- package/dist/icons/Medium/index.d.ts +7 -0
- package/dist/icons/Medium/index.js +7 -0
- package/dist/icons/MediumFilled/CloudUp.d.ts +3 -0
- package/dist/icons/MediumFilled/CloudUp.js +5 -0
- package/dist/icons/MediumFilled/CreditCard.d.ts +3 -0
- package/dist/icons/MediumFilled/CreditCard.js +5 -0
- package/dist/icons/MediumFilled/index.d.ts +2 -0
- package/dist/icons/MediumFilled/index.js +2 -0
- package/dist/tokens/mixins-modern.scss +41 -57
- package/package.json +2 -2
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgFileMarkdown = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "#222222", d: "M9 3h9.586a1 1 0 0 1 .707.293l6.415 6.414a1 1 0 0 1 .293.707V26A3 3 0 0 1 23 29H9a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Z" }), _jsx("path", { fill: "url(#FileMarkdown_svg__a)", fillOpacity: 0.3, d: "M9 3h9.586a1 1 0 0 1 .707.293l6.415 6.414a1 1 0 0 1 .293.707V26A3 3 0 0 1 23 29H9a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3Z" }), _jsx("path", { fill: "white", d: "M21.997 18.498c0 .362-.063.696-.189 1.002a2.342 2.342 0 0 1-.525.793 2.42 2.42 0 0 1-.82.522 2.907 2.907 0 0 1-1.06.185H17.46v-5h1.942c.39 0 .743.063 1.06.189a2.298 2.298 0 0 1 1.345 1.314c.127.304.19.636.19.995Zm-1.188 0c0-.247-.032-.47-.096-.669a1.4 1.4 0 0 0-.278-.504 1.16 1.16 0 0 0-.439-.32 1.477 1.477 0 0 0-.594-.113h-.775v3.216h.775c.222 0 .42-.037.594-.11a1.21 1.21 0 0 0 .44-.32c.12-.139.213-.308.277-.507.064-.2.096-.423.096-.673ZM15.621 16v5h-1.023v-2.876c0-.066.002-.138.004-.216.005-.078.011-.157.02-.237l-1.328 2.57a.432.432 0 0 1-.405.244h-.157a.47.47 0 0 1-.24-.061.44.44 0 0 1-.165-.182l-1.328-2.578.017.244c.004.078.007.15.007.216V21H10v-5h.885c.05 0 .094.001.13.003.04.003.074.01.104.021.03.012.056.03.079.055a.36.36 0 0 1 .072.1l1.287 2.536c.045.087.089.177.13.27.043.095.085.19.124.289a3.816 3.816 0 0 1 .257-.57l1.283-2.525a.418.418 0 0 1 .069-.1.239.239 0 0 1 .082-.055.335.335 0 0 1 .1-.02c.039-.003.083-.004.134-.004h.885Z" }), _jsx("path", { fill: "white", fillOpacity: 0.3, d: "m19.286 3.286 5.01 5.009 1.412 1.412a1 1 0 0 1 .203.293H21a2 2 0 0 1-2-2V3.09a1 1 0 0 1 .286.196Z" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "FileMarkdown_svg__a", x1: 26, x2: 6, y1: 3, y2: 29, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.151, stopColor: "#2486FC" }), _jsx("stop", { offset: 1, stopColor: "#FE1CE0" })] }) })] }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgFileMarkdown);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -15,6 +15,7 @@ export { default as FileIllustrator } from './FileIllustrator';
|
|
|
15
15
|
export { default as FileImage } from './FileImage';
|
|
16
16
|
export { default as FileIndesign } from './FileIndesign';
|
|
17
17
|
export { default as FileKeynote } from './FileKeynote';
|
|
18
|
+
export { default as FileMarkdown } from './FileMarkdown';
|
|
18
19
|
export { default as FileNumbers } from './FileNumbers';
|
|
19
20
|
export { default as FilePdf } from './FilePdf';
|
|
20
21
|
export { default as FilePages } from './FilePages';
|
|
@@ -15,6 +15,7 @@ export { default as FileIllustrator } from './FileIllustrator';
|
|
|
15
15
|
export { default as FileImage } from './FileImage';
|
|
16
16
|
export { default as FileIndesign } from './FileIndesign';
|
|
17
17
|
export { default as FileKeynote } from './FileKeynote';
|
|
18
|
+
export { default as FileMarkdown } from './FileMarkdown';
|
|
18
19
|
export { default as FileNumbers } from './FileNumbers';
|
|
19
20
|
export { default as FilePdf } from './FilePdf';
|
|
20
21
|
export { default as FilePages } from './FilePages';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgBatchSend = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M14.999 7.5a3.001 3.001 0 0 1 3.001 3v7a3 3 0 0 1-3 3H5a3 3 0 0 1-3.001-3v-7c0-1.66 1.348-3 3.002-3h9.998ZM4.116 10.03A.994.994 0 0 0 4 10.5v7a1 1 0 0 0 .897.995L5 18.5h10a1 1 0 0 0 1-1v-7a.994.994 0 0 0-.118-.469l-3.76 3.762a3 3 0 0 1-4.243 0L4.116 10.03Zm5.177 2.349a1 1 0 0 0 1.414 0L13.586 9.5H6.414l2.879 2.879Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M18.001 3.5a4 4 0 0 1 4 4v6a1 1 0 1 1-2 0v-6a2 2 0 0 0-2-2h-10a1 1 0 1 1 0-2h10Z" })] }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgBatchSend);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgBoxDev = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M14.958 4c.526 0 1.035.16 1.462.451l.178.133.007.007.009.007.159.145.006.006.004.005 5.468 5.424.004.004a2.59 2.59 0 0 1 .16 3.457l-.005.007-.006.007-.141.159-.009.008-.007.008-5.46 5.416a2.593 2.593 0 0 1-3.471.17l-.016-.012-.16-.146-.007-.006-.007-.007-1.131-1.136-1.154 1.14a2.606 2.606 0 0 1-3.475.17l-.008-.006-.007-.006-.162-.146-.008-.007-.006-.007-5.425-5.423-.002-.002a2.586 2.586 0 0 1-.161-3.459l.004-.006.006-.006.142-.159.008-.008.007-.008 5.421-5.419.19-.17a2.602 2.602 0 0 1 3.11-.135l.178.133.008.006.007.006.162.146.007.007.008.007 1.134 1.136 1.15-1.138A2.59 2.59 0 0 1 14.958 4Zm0 2.087c-.102 0-.2.032-.279.087l-.076.065-1.141 1.132 2.796 2.797a2.56 2.56 0 0 1 .171 3.48l-.013.016-.146.156-.006.007-.006.005-.896.878a1.055 1.055 0 0 1-1.487-.014 1.04 1.04 0 0 1-.108-1.329l.01-.014.01-.012.078-.093.012-.014.012-.013.894-.873a.48.48 0 0 0 .054-.63l-.07-.08-5.41-5.409a.498.498 0 0 0-.631-.055l-.072.062-5.408 5.406h.001a.505.505 0 0 0-.06.645l.068.08 5.406 5.405.074.06a.5.5 0 0 0 .562-.01l.072-.062 1.15-1.135-2.784-2.796a2.564 2.564 0 0 1-.166-3.473l.012-.013.145-.158.005-.007.897-.884c.388-.382.998-.4 1.408-.063l.08.073c.359.365.398.926.11 1.33l-.008.012-.01.011-.076.092-.013.015-.013.014-.89.873a.487.487 0 0 0-.055.633l.068.078 5.386 5.412.073.06a.491.491 0 0 0 .546-.007l.074-.062 5.444-5.403a.51.51 0 0 0 .063-.647l-.065-.077L15.3 6.23a.488.488 0 0 0-.342-.142Z", clipRule: "evenodd" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgBoxDev);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgCircle);
|
|
5
|
+
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 SvgCreditCard = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M11 13a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2h4Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM4 16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6H4v6ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" })] }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgCreditCard);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
const SvgInitials = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M21.001 20a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h18.
|
|
3
|
+
const SvgInitials = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M21.001 20a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h18.001ZM7.5 2a1 1 0 0 1 0 2H7v6c0 1.493 0 2.7-.032 3.658-.032.945-.096 1.724-.248 2.334-.156.624-.438 1.21-1.01 1.59C5.176 17.94 4.55 18 4 18a1 1 0 0 1 0-2c.451 0 .575-.065.602-.082.005-.003.022-.014.05-.063.034-.056.081-.16.128-.347.098-.39.159-.987.19-1.916C5 12.675 5 11.507 5 10V4H3.5a1 1 0 0 1 0-2h4ZM21 2a1 1 0 1 1 0 2c-.451 0-.575.065-.602.082-.005.003-.022.014-.05.063-.034.055-.081.16-.128.347-.098.39-.159.987-.19 1.916C20 7.325 20 8.493 20 10v4.977c.038.124.072.242.099.356.157.668.135 1.2.021 1.612a1.974 1.974 0 0 1-.209.496 1.532 1.532 0 0 1-.184.245l-.015.016-.002.003h-.001a1.01 1.01 0 0 1-.417.251l-.062.016-.034.008-.031.004A1.008 1.008 0 0 1 19 18c-.057 0-.112-.007-.166-.016-.01-.001-.02-.002-.031-.005l-.034-.007-.062-.016a.996.996 0 0 1-.455-.294 1.01 1.01 0 0 1-.078-.098l-.016-.026a.986.986 0 0 1-.074-.136c-.01-.02-.017-.042-.024-.063a.649.649 0 0 1-.025-.078.855.855 0 0 1-.031-.179l-.001-.018c-.001-.02-.003-.042-.003-.064v-1.692c-.343-.908-1.2-2.39-3.24-4.635A30.738 30.738 0 0 1 13 8.568V10c0 1.493 0 2.7-.032 3.658-.032.945-.096 1.724-.248 2.334-.156.624-.439 1.21-1.01 1.59-.535.358-1.161.418-1.71.418a1 1 0 1 1 0-2c.451 0 .575-.065.602-.082.005-.003.022-.014.05-.063.034-.056.081-.16.128-.347.098-.39.159-.987.19-1.916.03-.917.03-2.085.03-3.592V5.021a5.362 5.362 0 0 1-.099-.354c-.157-.668-.135-1.2-.021-1.612.056-.204.132-.369.209-.496a1.544 1.544 0 0 1 .184-.246l.015-.015.002-.003a1 1 0 0 1 .234-.175l.042-.02a.995.995 0 0 1 .141-.057l.062-.016.034-.007.006-.001.089-.014a1.012 1.012 0 0 1 .267.01l.026.004.01.002.03.006.061.016a.99.99 0 0 1 .14.057l.043.02a1.002 1.002 0 0 1 .44.477l.022.055.01.027A1 1 0 0 1 13 3v1.691c.342.908 1.2 2.391 3.24 4.636A30.73 30.73 0 0 1 18 11.431V10c0-1.493 0-2.7.032-3.658.032-.945.096-1.724.248-2.334.156-.624.438-1.21 1.01-1.59C19.824 2.06 20.45 2 21 2Z" }) }));
|
|
4
4
|
const ForwardRef = forwardRef(SvgInitials);
|
|
5
5
|
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgNumbers = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M17.014 2.836a1 1 0 0 1 1.972.328L18.346 7H21a1 1 0 1 1 0 2h-2.986l-1 6H20a1 1 0 0 1 0 2h-3.32l-.694 4.164a1 1 0 0 1-1.972-.328l.64-3.836H7.68l-.695 4.164a1 1 0 0 1-1.972-.328L5.654 17H3a1 1 0 1 1 0-2h2.986l1-6H4a1 1 0 1 1 0-2h3.32l.694-4.164a1 1 0 0 1 1.972.328L9.346 7h6.973l.695-4.164ZM8.014 15h6.972l1-6H9.014l-1 6Z", clipRule: "evenodd" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgNumbers);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
const SvgPencil = (props, ref) => (_jsx("svg", { width: "1em", height: "1em",
|
|
3
|
+
const SvgPencil = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M15.523 2.907a3 3 0 0 1 4.242 0l1.328 1.328a3 3 0 0 1 0 4.242l-10.85 10.851c-.44.44-.975.77-1.564.967l-4.615 1.538c-1.172.39-2.287-.725-1.897-1.897l1.538-4.615a4.001 4.001 0 0 1 .967-1.563l10.85-10.851ZM6.086 15.172c-.22.22-.385.487-.483.781L4.38 19.62l3.666-1.221a2 2 0 0 0 .782-.484L17 9.741l-2.74-2.742-8.173 8.173Zm12.33-6.845 1.263-1.264a1 1 0 0 0 0-1.413L18.35 4.322a1 1 0 0 0-1.413-.001l-1.264 1.264 2.742 2.742Z", clipRule: "evenodd" }) }));
|
|
4
4
|
const ForwardRef = forwardRef(SvgPencil);
|
|
5
5
|
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgPencilCrossed = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M3.793 3.793a1 1 0 0 1 1.414 0l15 15a1 1 0 1 1-1.414 1.414l-4.715-4.715-3.836 3.836a4.02 4.02 0 0 1-1.564.967l-4.614 1.538c-1.172.39-2.288-.725-1.897-1.898l1.539-4.614a4 4 0 0 1 .966-1.563l3.835-3.836-4.714-4.715a1 1 0 0 1 0-1.414ZM6.086 15.17c-.22.22-.386.49-.484.784L4.38 19.619l3.666-1.22c.294-.1.562-.266.782-.485l3.835-3.837-2.741-2.741-3.836 3.835Zm9.429-12.262a3 3 0 0 1 4.242-.001l1.33 1.329a3 3 0 0 1-.001 4.241l-3.73 3.73a1 1 0 0 1-1.414-1.413l1.052-1.052L14.253 7l-1.045 1.048a1 1 0 0 1-1.416-1.412l1.75-1.757.003-.001 1.97-1.971Zm2.828 1.413a1 1 0 0 0-1.414 0l-1.263 1.264 2.742 2.743 1.264-1.264a1 1 0 0 0 0-1.414l-1.329-1.33Z", clipRule: "evenodd" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgPencilCrossed);
|
|
5
|
+
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 SvgTaxonomy = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M16 15a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h8Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 10a4 4 0 0 1 4 4v4a4 4 0 0 1-3.794 3.995L18 22H6l-.206-.005a4.001 4.001 0 0 1-3.79-3.789L2 18v-4a4 4 0 0 1 4-4h12ZM6 12a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M18.102 6.005a1 1 0 0 1 0 1.99L18 8H6a1 1 0 0 1 0-2h12l.102.005ZM16 2a1 1 0 1 1 0 2H8a1 1 0 0 1 0-2h8Z" })] }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgTaxonomy);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -27,12 +27,14 @@ export { default as AvatarCircle } from './AvatarCircle';
|
|
|
27
27
|
export { default as AvatarPlus } from './AvatarPlus';
|
|
28
28
|
export { default as AvatarTwo } from './AvatarTwo';
|
|
29
29
|
export { default as BarChart } from './BarChart';
|
|
30
|
+
export { default as BatchSend } from './BatchSend';
|
|
30
31
|
export { default as Bell } from './Bell';
|
|
31
32
|
export { default as BellOff } from './BellOff';
|
|
32
33
|
export { default as Bold } from './Bold';
|
|
33
34
|
export { default as BoldUnderlineItalic } from './BoldUnderlineItalic';
|
|
34
35
|
export { default as BoxAi } from './BoxAi';
|
|
35
36
|
export { default as BoxAiAdvancedMonotone } from './BoxAiAdvancedMonotone';
|
|
37
|
+
export { default as BoxDev } from './BoxDev';
|
|
36
38
|
export { default as BoxLeftArrow } from './BoxLeftArrow';
|
|
37
39
|
export { default as Brain } from './Brain';
|
|
38
40
|
export { default as Briefcase } from './Briefcase';
|
|
@@ -58,6 +60,7 @@ export { default as ChevronDownCircle } from './ChevronDownCircle';
|
|
|
58
60
|
export { default as ChevronLeft } from './ChevronLeft';
|
|
59
61
|
export { default as ChevronRight } from './ChevronRight';
|
|
60
62
|
export { default as ChevronUp } from './ChevronUp';
|
|
63
|
+
export { default as Circle } from './Circle';
|
|
61
64
|
export { default as Clipboard } from './Clipboard';
|
|
62
65
|
export { default as ClipboardArrow } from './ClipboardArrow';
|
|
63
66
|
export { default as ClipboardList } from './ClipboardList';
|
|
@@ -76,6 +79,7 @@ export { default as Comment } from './Comment';
|
|
|
76
79
|
export { default as Compass } from './Compass';
|
|
77
80
|
export { default as Compose } from './Compose';
|
|
78
81
|
export { default as ConditionalSplit } from './ConditionalSplit';
|
|
82
|
+
export { default as CreditCard } from './CreditCard';
|
|
79
83
|
export { default as DashedSquareBubble } from './DashedSquareBubble';
|
|
80
84
|
export { default as DocGen } from './DocGen';
|
|
81
85
|
export { default as Download } from './Download';
|
|
@@ -126,12 +130,14 @@ export { default as Narrow } from './Narrow';
|
|
|
126
130
|
export { default as Nav } from './Nav';
|
|
127
131
|
export { default as Notes } from './Notes';
|
|
128
132
|
export { default as NumberList } from './NumberList';
|
|
133
|
+
export { default as Numbers } from './Numbers';
|
|
129
134
|
export { default as Outline } from './Outline';
|
|
130
135
|
export { default as Page } from './Page';
|
|
131
136
|
export { default as PaperAirplane } from './PaperAirplane';
|
|
132
137
|
export { default as PaperClip } from './PaperClip';
|
|
133
138
|
export { default as PaperStamp } from './PaperStamp';
|
|
134
139
|
export { default as Pencil } from './Pencil';
|
|
140
|
+
export { default as PencilCrossed } from './PencilCrossed';
|
|
135
141
|
export { default as PencilScribble } from './PencilScribble';
|
|
136
142
|
export { default as Plus } from './Plus';
|
|
137
143
|
export { default as PositionCenter } from './PositionCenter';
|
|
@@ -160,6 +166,7 @@ export { default as Strikethrough } from './Strikethrough';
|
|
|
160
166
|
export { default as Table } from './Table';
|
|
161
167
|
export { default as Tag } from './Tag';
|
|
162
168
|
export { default as Tasks } from './Tasks';
|
|
169
|
+
export { default as Taxonomy } from './Taxonomy';
|
|
163
170
|
export { default as Template } from './Template';
|
|
164
171
|
export { default as TextHighlight } from './TextHighlight';
|
|
165
172
|
export { default as TextInput } from './TextInput';
|
|
@@ -27,12 +27,14 @@ export { default as AvatarCircle } from './AvatarCircle';
|
|
|
27
27
|
export { default as AvatarPlus } from './AvatarPlus';
|
|
28
28
|
export { default as AvatarTwo } from './AvatarTwo';
|
|
29
29
|
export { default as BarChart } from './BarChart';
|
|
30
|
+
export { default as BatchSend } from './BatchSend';
|
|
30
31
|
export { default as Bell } from './Bell';
|
|
31
32
|
export { default as BellOff } from './BellOff';
|
|
32
33
|
export { default as Bold } from './Bold';
|
|
33
34
|
export { default as BoldUnderlineItalic } from './BoldUnderlineItalic';
|
|
34
35
|
export { default as BoxAi } from './BoxAi';
|
|
35
36
|
export { default as BoxAiAdvancedMonotone } from './BoxAiAdvancedMonotone';
|
|
37
|
+
export { default as BoxDev } from './BoxDev';
|
|
36
38
|
export { default as BoxLeftArrow } from './BoxLeftArrow';
|
|
37
39
|
export { default as Brain } from './Brain';
|
|
38
40
|
export { default as Briefcase } from './Briefcase';
|
|
@@ -58,6 +60,7 @@ export { default as ChevronDownCircle } from './ChevronDownCircle';
|
|
|
58
60
|
export { default as ChevronLeft } from './ChevronLeft';
|
|
59
61
|
export { default as ChevronRight } from './ChevronRight';
|
|
60
62
|
export { default as ChevronUp } from './ChevronUp';
|
|
63
|
+
export { default as Circle } from './Circle';
|
|
61
64
|
export { default as Clipboard } from './Clipboard';
|
|
62
65
|
export { default as ClipboardArrow } from './ClipboardArrow';
|
|
63
66
|
export { default as ClipboardList } from './ClipboardList';
|
|
@@ -76,6 +79,7 @@ export { default as Comment } from './Comment';
|
|
|
76
79
|
export { default as Compass } from './Compass';
|
|
77
80
|
export { default as Compose } from './Compose';
|
|
78
81
|
export { default as ConditionalSplit } from './ConditionalSplit';
|
|
82
|
+
export { default as CreditCard } from './CreditCard';
|
|
79
83
|
export { default as DashedSquareBubble } from './DashedSquareBubble';
|
|
80
84
|
export { default as DocGen } from './DocGen';
|
|
81
85
|
export { default as Download } from './Download';
|
|
@@ -126,12 +130,14 @@ export { default as Narrow } from './Narrow';
|
|
|
126
130
|
export { default as Nav } from './Nav';
|
|
127
131
|
export { default as Notes } from './Notes';
|
|
128
132
|
export { default as NumberList } from './NumberList';
|
|
133
|
+
export { default as Numbers } from './Numbers';
|
|
129
134
|
export { default as Outline } from './Outline';
|
|
130
135
|
export { default as Page } from './Page';
|
|
131
136
|
export { default as PaperAirplane } from './PaperAirplane';
|
|
132
137
|
export { default as PaperClip } from './PaperClip';
|
|
133
138
|
export { default as PaperStamp } from './PaperStamp';
|
|
134
139
|
export { default as Pencil } from './Pencil';
|
|
140
|
+
export { default as PencilCrossed } from './PencilCrossed';
|
|
135
141
|
export { default as PencilScribble } from './PencilScribble';
|
|
136
142
|
export { default as Plus } from './Plus';
|
|
137
143
|
export { default as PositionCenter } from './PositionCenter';
|
|
@@ -160,6 +166,7 @@ export { default as Strikethrough } from './Strikethrough';
|
|
|
160
166
|
export { default as Table } from './Table';
|
|
161
167
|
export { default as Tag } from './Tag';
|
|
162
168
|
export { default as Tasks } from './Tasks';
|
|
169
|
+
export { default as Taxonomy } from './Taxonomy';
|
|
163
170
|
export { default as Template } from './Template';
|
|
164
171
|
export { default as TextHighlight } from './TextHighlight';
|
|
165
172
|
export { default as TextInput } from './TextInput';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgCloudUp = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M11 3a7 7 0 0 1 7 7l-.001.015c0 .005.004.009.009.01a5.5 5.5 0 0 1 0 10.95.01.01 0 0 0-.008.01v.005a.01.01 0 0 1-.01.01H15a2 2 0 0 1-2-2v-4.586l2.293 2.293a1 1 0 1 0 1.414-1.414l-3.93-3.93-.083-.075a1.1 1.1 0 0 0-1.388 0l-.083.075-3.93 3.93a1 1 0 1 0 1.414 1.414L11 14.414V19a2 2 0 0 1-2 2H7A6 6 0 0 1 3.999 9.804a.01.01 0 0 0 .005-.01A7 7 0 0 1 11 3Z" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgCloudUp);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgCreditCard = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM7 13a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2H7ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgCreditCard);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -9,9 +9,11 @@ export { default as Canvas } from './Canvas';
|
|
|
9
9
|
export { default as Checkmark } from './Checkmark';
|
|
10
10
|
export { default as CheckmarkCircle } from './CheckmarkCircle';
|
|
11
11
|
export { default as Clock } from './Clock';
|
|
12
|
+
export { default as CloudUp } from './CloudUp';
|
|
12
13
|
export { default as Collapse } from './Collapse';
|
|
13
14
|
export { default as Collections } from './Collections';
|
|
14
15
|
export { default as Comment } from './Comment';
|
|
16
|
+
export { default as CreditCard } from './CreditCard';
|
|
15
17
|
export { default as Duplicate } from './Duplicate';
|
|
16
18
|
export { default as Element } from './Element';
|
|
17
19
|
export { default as Expand } from './Expand';
|
|
@@ -9,9 +9,11 @@ export { default as Canvas } from './Canvas';
|
|
|
9
9
|
export { default as Checkmark } from './Checkmark';
|
|
10
10
|
export { default as CheckmarkCircle } from './CheckmarkCircle';
|
|
11
11
|
export { default as Clock } from './Clock';
|
|
12
|
+
export { default as CloudUp } from './CloudUp';
|
|
12
13
|
export { default as Collapse } from './Collapse';
|
|
13
14
|
export { default as Collections } from './Collections';
|
|
14
15
|
export { default as Comment } from './Comment';
|
|
16
|
+
export { default as CreditCard } from './CreditCard';
|
|
15
17
|
export { default as Duplicate } from './Duplicate';
|
|
16
18
|
export { default as Element } from './Element';
|
|
17
19
|
export { default as Expand } from './Expand';
|
|
@@ -1,176 +1,161 @@
|
|
|
1
|
-
|
|
1
|
+
$bp-lato-font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
|
|
2
|
+
'Helvetica Neue', sans-serif;
|
|
3
|
+
|
|
4
|
+
@mixin bp-lato-title-mondo {
|
|
2
5
|
font-weight: var(--bp-font-weight-black);
|
|
3
6
|
font-size: var(--bp-font-size-11);
|
|
4
|
-
font-family:
|
|
5
|
-
'Helvetica Neue', sans-serif;
|
|
7
|
+
font-family: $bp-lato-font-family;
|
|
6
8
|
font-style: normal;
|
|
7
9
|
line-height: var(--bp-font-line-height-07);
|
|
8
10
|
letter-spacing: normal;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
|
-
@mixin bp-title-xlarge {
|
|
13
|
+
@mixin bp-lato-title-xlarge {
|
|
12
14
|
font-weight: var(--bp-font-weight-black);
|
|
13
15
|
font-size: var(--bp-font-size-10);
|
|
14
|
-
font-family:
|
|
15
|
-
'Helvetica Neue', sans-serif;
|
|
16
|
+
font-family: $bp-lato-font-family;
|
|
16
17
|
font-style: normal;
|
|
17
18
|
line-height: var(--bp-font-line-height-06);
|
|
18
19
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
19
20
|
}
|
|
20
21
|
|
|
21
|
-
@mixin bp-title-large {
|
|
22
|
+
@mixin bp-lato-title-large {
|
|
22
23
|
font-weight: var(--bp-font-weight-bold);
|
|
23
24
|
font-size: var(--bp-font-size-09);
|
|
24
|
-
font-family:
|
|
25
|
-
'Helvetica Neue', sans-serif;
|
|
25
|
+
font-family: $bp-lato-font-family;
|
|
26
26
|
font-style: normal;
|
|
27
27
|
line-height: var(--bp-font-line-height-05);
|
|
28
28
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
@mixin bp-title-medium {
|
|
31
|
+
@mixin bp-lato-title-medium {
|
|
32
32
|
font-weight: var(--bp-font-weight-bold);
|
|
33
33
|
font-size: var(--bp-font-size-08);
|
|
34
|
-
font-family:
|
|
35
|
-
'Helvetica Neue', sans-serif;
|
|
34
|
+
font-family: $bp-lato-font-family;
|
|
36
35
|
line-height: var(--bp-font-line-height-05);
|
|
37
36
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
38
37
|
}
|
|
39
38
|
|
|
40
|
-
@mixin bp-title-small {
|
|
39
|
+
@mixin bp-lato-title-small {
|
|
41
40
|
font-weight: var(--bp-font-weight-bold);
|
|
42
41
|
font-size: var(--bp-font-size-07);
|
|
43
|
-
font-family:
|
|
44
|
-
'Helvetica Neue', sans-serif;
|
|
42
|
+
font-family: $bp-lato-font-family;
|
|
45
43
|
line-height: var(--bp-font-line-height-04);
|
|
46
44
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
47
45
|
}
|
|
48
46
|
|
|
49
|
-
@mixin bp-subtitle {
|
|
47
|
+
@mixin bp-lato-subtitle {
|
|
50
48
|
font-weight: var(--bp-font-weight-bold);
|
|
51
49
|
font-size: var(--bp-font-size-06);
|
|
52
|
-
font-family:
|
|
53
|
-
'Helvetica Neue', sans-serif;
|
|
50
|
+
font-family: $bp-lato-font-family;
|
|
54
51
|
font-style: normal;
|
|
55
52
|
line-height: var(--bp-font-line-height-04);
|
|
56
53
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
57
54
|
}
|
|
58
55
|
|
|
59
|
-
@mixin bp-body-large-bold {
|
|
56
|
+
@mixin bp-lato-body-large-bold {
|
|
60
57
|
font-weight: var(--bp-font-weight-bold);
|
|
61
58
|
font-size: var(--bp-font-size-07);
|
|
62
|
-
font-family:
|
|
63
|
-
'Helvetica Neue', sans-serif;
|
|
59
|
+
font-family: $bp-lato-font-family;
|
|
64
60
|
font-style: normal;
|
|
65
61
|
line-height: var(--bp-font-line-height-05);
|
|
66
62
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
67
63
|
}
|
|
68
64
|
|
|
69
|
-
@mixin bp-body-large {
|
|
65
|
+
@mixin bp-lato-body-large {
|
|
70
66
|
font-weight: var(--bp-font-weight-regular);
|
|
71
67
|
font-size: var(--bp-font-size-07);
|
|
72
|
-
font-family:
|
|
73
|
-
'Helvetica Neue', sans-serif;
|
|
68
|
+
font-family: $bp-lato-font-family;
|
|
74
69
|
font-style: normal;
|
|
75
70
|
line-height: var(--bp-font-line-height-05);
|
|
76
71
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
77
72
|
}
|
|
78
73
|
|
|
79
|
-
@mixin bp-body-default-bold {
|
|
74
|
+
@mixin bp-lato-body-default-bold {
|
|
80
75
|
font-weight: var(--bp-font-weight-bold);
|
|
81
76
|
font-size: var(--bp-font-size-05);
|
|
82
|
-
font-family:
|
|
83
|
-
'Helvetica Neue', sans-serif;
|
|
77
|
+
font-family: $bp-lato-font-family;
|
|
84
78
|
font-style: normal;
|
|
85
79
|
line-height: var(--bp-font-line-height-04);
|
|
86
80
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
87
81
|
}
|
|
88
82
|
|
|
89
|
-
@mixin bp-body-default-semibold {
|
|
83
|
+
@mixin bp-lato-body-default-semibold {
|
|
90
84
|
font-weight: var(--bp-font-weight-semibold);
|
|
91
85
|
font-size: var(--bp-font-size-05);
|
|
92
|
-
font-family:
|
|
93
|
-
'Helvetica Neue', sans-serif;
|
|
86
|
+
font-family: $bp-lato-font-family;
|
|
94
87
|
font-style: normal;
|
|
95
88
|
line-height: var(--bp-font-line-height-04);
|
|
96
89
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
97
90
|
}
|
|
98
91
|
|
|
99
|
-
@mixin bp-body-default {
|
|
92
|
+
@mixin bp-lato-body-default {
|
|
100
93
|
font-weight: var(--bp-font-weight-regular);
|
|
101
94
|
font-size: var(--bp-font-size-05);
|
|
102
|
-
font-family:
|
|
103
|
-
'Helvetica Neue', sans-serif;
|
|
95
|
+
font-family: $bp-lato-font-family;
|
|
104
96
|
font-style: normal;
|
|
105
97
|
line-height: var(--bp-font-line-height-04);
|
|
106
98
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
107
99
|
}
|
|
108
100
|
|
|
109
|
-
@mixin bp-body-small-semibold {
|
|
101
|
+
@mixin bp-lato-body-small-semibold {
|
|
110
102
|
font-weight: var(--bp-font-weight-semibold);
|
|
111
103
|
font-size: var(--bp-font-size-04);
|
|
112
|
-
font-family:
|
|
113
|
-
'Helvetica Neue', sans-serif;
|
|
104
|
+
font-family: $bp-lato-font-family;
|
|
114
105
|
font-style: normal;
|
|
115
106
|
line-height: var(--bp-font-line-height-04);
|
|
116
107
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
117
108
|
}
|
|
118
109
|
|
|
119
|
-
@mixin bp-body-small {
|
|
110
|
+
@mixin bp-lato-body-small {
|
|
120
111
|
font-weight: var(--bp-font-weight-regular);
|
|
121
112
|
font-size: var(--bp-font-size-04);
|
|
122
|
-
font-family:
|
|
123
|
-
'Helvetica Neue', sans-serif;
|
|
113
|
+
font-family: $bp-lato-font-family;
|
|
124
114
|
font-style: normal;
|
|
125
115
|
line-height: var(--bp-font-line-height-04);
|
|
126
116
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
127
117
|
}
|
|
128
118
|
|
|
129
|
-
@mixin bp-caption-bold {
|
|
119
|
+
@mixin bp-lato-caption-bold {
|
|
130
120
|
font-weight: var(--bp-font-weight-bold);
|
|
131
121
|
font-size: var(--bp-font-size-03);
|
|
132
|
-
font-family:
|
|
133
|
-
'Helvetica Neue', sans-serif;
|
|
122
|
+
font-family: $bp-lato-font-family;
|
|
134
123
|
font-style: normal;
|
|
135
124
|
line-height: var(--bp-font-line-height-02);
|
|
136
125
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
137
126
|
}
|
|
138
127
|
|
|
139
|
-
@mixin bp-caption-default {
|
|
128
|
+
@mixin bp-lato-caption-default {
|
|
140
129
|
font-weight: var(--bp-font-weight-regular);
|
|
141
130
|
font-size: var(--bp-font-size-03);
|
|
142
|
-
font-family:
|
|
143
|
-
'Helvetica Neue', sans-serif;
|
|
131
|
+
font-family: $bp-lato-font-family;
|
|
144
132
|
font-style: normal;
|
|
145
133
|
line-height: var(--bp-font-line-height-02);
|
|
146
134
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
147
135
|
}
|
|
148
136
|
|
|
149
|
-
@mixin bp-label-bold {
|
|
137
|
+
@mixin bp-lato-label-bold {
|
|
150
138
|
font-weight: var(--bp-font-weight-bold);
|
|
151
139
|
font-size: var(--bp-font-size-02);
|
|
152
|
-
font-family:
|
|
153
|
-
'Helvetica Neue', sans-serif;
|
|
140
|
+
font-family: $bp-lato-font-family;
|
|
154
141
|
font-style: normal;
|
|
155
142
|
line-height: var(--bp-font-line-height-03);
|
|
156
143
|
letter-spacing: var(--bp-font-letter-spacing-02);
|
|
157
144
|
}
|
|
158
145
|
|
|
159
|
-
@mixin bp-label-default {
|
|
146
|
+
@mixin bp-lato-label-default {
|
|
160
147
|
font-weight: var(--bp-font-weight-regular);
|
|
161
148
|
font-size: var(--bp-font-size-02);
|
|
162
|
-
font-family:
|
|
163
|
-
'Helvetica Neue', sans-serif;
|
|
149
|
+
font-family: $bp-lato-font-family;
|
|
164
150
|
font-style: normal;
|
|
165
151
|
line-height: var(--bp-font-line-height-03);
|
|
166
152
|
letter-spacing: var(--bp-font-letter-spacing-02);
|
|
167
153
|
}
|
|
168
154
|
|
|
169
|
-
@mixin bp-link-default {
|
|
155
|
+
@mixin bp-lato-link-default {
|
|
170
156
|
font-weight: var(--bp-font-weight-regular);
|
|
171
157
|
font-size: var(--bp-font-size-05);
|
|
172
|
-
font-family:
|
|
173
|
-
'Helvetica Neue', sans-serif;
|
|
158
|
+
font-family: $bp-lato-font-family;
|
|
174
159
|
font-style: normal;
|
|
175
160
|
line-height: var(--bp-font-line-height-04);
|
|
176
161
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
|
@@ -181,11 +166,10 @@
|
|
|
181
166
|
text-underline-offset: auto;
|
|
182
167
|
}
|
|
183
168
|
|
|
184
|
-
@mixin bp-notification-default {
|
|
169
|
+
@mixin bp-lato-notification-default {
|
|
185
170
|
font-weight: var(--bp-font-weight-bold);
|
|
186
171
|
font-size: var(--bp-font-size-01);
|
|
187
|
-
font-family:
|
|
188
|
-
'Helvetica Neue', sans-serif;
|
|
172
|
+
font-family: $bp-lato-font-family;
|
|
189
173
|
font-style: normal;
|
|
190
174
|
line-height: var(--bp-font-line-height-02);
|
|
191
175
|
letter-spacing: var(--bp-font-letter-spacing-01);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.90.0",
|
|
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.
|
|
142
|
+
"@box/storybook-utils": "^0.14.42",
|
|
143
143
|
"@types/react": "^18.0.0",
|
|
144
144
|
"@types/react-dom": "^18.0.0",
|
|
145
145
|
"chalk": "4.1.2",
|