@box/blueprint-web-assets 4.19.0 → 4.20.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.
Files changed (38) hide show
  1. package/icons/Fill/ArrowCurveForward.d.ts +3 -0
  2. package/icons/Fill/ArrowCurveForward.js +3 -0
  3. package/icons/Fill/NavigationCollapse.d.ts +3 -0
  4. package/icons/Fill/NavigationCollapse.js +3 -0
  5. package/icons/Fill/NavigationExpand.d.ts +3 -0
  6. package/icons/Fill/NavigationExpand.js +3 -0
  7. package/icons/Fill/Taxonomy.d.ts +3 -0
  8. package/icons/Fill/Taxonomy.js +3 -0
  9. package/icons/Fill/index.d.ts +4 -0
  10. package/icons/Fill/index.js +4 -0
  11. package/icons/Line/ArrowClock.js +2 -2
  12. package/icons/Line/ArrowCurveForward.js +1 -1
  13. package/icons/Line/ArrowsRotating.js +1 -1
  14. package/icons/Line/BarChart.js +1 -1
  15. package/icons/Line/BoxNotes.d.ts +3 -0
  16. package/icons/Line/BoxNotes.js +3 -0
  17. package/icons/Line/Canvas.d.ts +3 -0
  18. package/icons/Line/Canvas.js +3 -0
  19. package/icons/Line/Notification.d.ts +3 -0
  20. package/icons/Line/Notification.js +3 -0
  21. package/icons/Line/Taxonomy.d.ts +3 -0
  22. package/icons/Line/Taxonomy.js +3 -0
  23. package/icons/Line/index.d.ts +4 -0
  24. package/icons/Line/index.js +4 -0
  25. package/illustrations/Medium/FormsDragandDrop.d.ts +3 -0
  26. package/illustrations/Medium/FormsDragandDrop.js +3 -0
  27. package/illustrations/Medium/FormsZeroState.d.ts +3 -0
  28. package/illustrations/Medium/FormsZeroState.js +3 -0
  29. package/illustrations/Medium/index.d.ts +2 -0
  30. package/illustrations/Medium/index.js +2 -0
  31. package/package.json +3 -2
  32. package/tokens/px-tokens.d.ts +3 -1
  33. package/tokens/px-tokens.js +6 -4
  34. package/tokens/tokens-css-vars.scss +6 -4
  35. package/tokens/tokens.d.ts +2 -0
  36. package/tokens/tokens.js +5 -3
  37. package/tokens/tokens.json +5 -3
  38. package/tokens/tokens.scss +7 -3
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgArrowCurveForward: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgArrowCurveForward;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const SvgArrowCurveForward = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M8.293 1.293a1 1 0 0 0 0 1.414L8.586 3H8a5.5 5.5 0 1 0 5.5 5.5 1 1 0 1 0-2 0A3.5 3.5 0 1 1 8 5h.586l-.293.293a1 1 0 0 0 1.414 1.414l1.93-1.93C11.837 4.596 12 4.295 12 4c0-.294-.162-.595-.364-.778l-1.929-1.93a1 1 0 0 0-1.414 0Z" }) }));
3
+ export default SvgArrowCurveForward;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNavigationCollapse: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgNavigationCollapse;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const SvgNavigationCollapse = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", role: "img", ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M3 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H3Zm14 2H9v10h8V5ZM5.752 7.188a.75.75 0 1 1 .993 1.124L4.832 10l1.913 1.688a.75.75 0 1 1-.993 1.124l-2.465-2.175a.85.85 0 0 1 0-1.274l2.465-2.175Z", clipRule: "evenodd" }) }));
3
+ export default SvgNavigationCollapse;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNavigationExpand: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgNavigationExpand;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const SvgNavigationExpand = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 20 20", role: "img", ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M3 3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H3Zm14 2H9v10h8V5ZM4.246 7.188a.75.75 0 1 0-.992 1.124L5.166 10l-1.912 1.688a.75.75 0 1 0 .992 1.124l2.465-2.175a.85.85 0 0 0 0-1.274L4.246 7.188Z", clipRule: "evenodd" }) }));
3
+ export default SvgNavigationExpand;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgTaxonomy: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgTaxonomy;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgTaxonomy = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M5 .5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 5 .5ZM3 2.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M1 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V6Zm5.832.945a1 1 0 0 0-1.802.313l-1 4a1 1 0 0 0 1.94.485l.452-1.807.746 1.119a1 1 0 0 0 1.664 0l.746-1.12.452 1.808a1 1 0 0 0 1.94-.486l-1-4a1 1 0 0 0-1.802-.312L8 8.697 6.832 6.945Z", clipRule: "evenodd" })] }));
3
+ export default SvgTaxonomy;
@@ -13,6 +13,7 @@ export { default as ArrowArchedRight } from './ArrowArchedRight';
13
13
  export { default as ArrowBadge } from './ArrowBadge';
14
14
  export { default as ArrowBadgeLeft } from './ArrowBadgeLeft';
15
15
  export { default as ArrowBadgeRight } from './ArrowBadgeRight';
16
+ export { default as ArrowCurveForward } from './ArrowCurveForward';
16
17
  export { default as ArrowDown } from './ArrowDown';
17
18
  export { default as ArrowLeft } from './ArrowLeft';
18
19
  export { default as ArrowMerge } from './ArrowMerge';
@@ -144,6 +145,8 @@ export { default as Lock } from './Lock';
144
145
  export { default as Metadata } from './Metadata';
145
146
  export { default as Minus } from './Minus';
146
147
  export { default as Move } from './Move';
148
+ export { default as NavigationCollapse } from './NavigationCollapse';
149
+ export { default as NavigationExpand } from './NavigationExpand';
147
150
  export { default as Numbers } from './Numbers';
148
151
  export { default as Offline } from './Offline';
149
152
  export { default as Outline } from './Outline';
@@ -184,6 +187,7 @@ export { default as Star } from './Star';
184
187
  export { default as Switches } from './Switches';
185
188
  export { default as Tag } from './Tag';
186
189
  export { default as Task } from './Task';
190
+ export { default as Taxonomy } from './Taxonomy';
187
191
  export { default as Text } from './Text';
188
192
  export { default as TextBold } from './TextBold';
189
193
  export { default as TextInput } from './TextInput';
@@ -13,6 +13,7 @@ export { default as ArrowArchedRight } from './ArrowArchedRight';
13
13
  export { default as ArrowBadge } from './ArrowBadge';
14
14
  export { default as ArrowBadgeLeft } from './ArrowBadgeLeft';
15
15
  export { default as ArrowBadgeRight } from './ArrowBadgeRight';
16
+ export { default as ArrowCurveForward } from './ArrowCurveForward';
16
17
  export { default as ArrowDown } from './ArrowDown';
17
18
  export { default as ArrowLeft } from './ArrowLeft';
18
19
  export { default as ArrowMerge } from './ArrowMerge';
@@ -144,6 +145,8 @@ export { default as Lock } from './Lock';
144
145
  export { default as Metadata } from './Metadata';
145
146
  export { default as Minus } from './Minus';
146
147
  export { default as Move } from './Move';
148
+ export { default as NavigationCollapse } from './NavigationCollapse';
149
+ export { default as NavigationExpand } from './NavigationExpand';
147
150
  export { default as Numbers } from './Numbers';
148
151
  export { default as Offline } from './Offline';
149
152
  export { default as Outline } from './Outline';
@@ -184,6 +187,7 @@ export { default as Star } from './Star';
184
187
  export { default as Switches } from './Switches';
185
188
  export { default as Tag } from './Tag';
186
189
  export { default as Task } from './Task';
190
+ export { default as Taxonomy } from './Taxonomy';
187
191
  export { default as Text } from './Text';
188
192
  export { default as TextBold } from './TextBold';
189
193
  export { default as TextInput } from './TextInput';
@@ -1,3 +1,3 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- const SvgArrowClock = (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: "M8.5 1.5a6.5 6.5 0 1 1-4.146 11.505.5.5 0 0 1 .638-.77A5.5 5.5 0 1 0 3.09 7H5l-2.5 3L0 7h2.076A6.502 6.502 0 0 1 8.5 1.5Zm0 3A.5.5 0 0 1 9 5v3.5h1.732a.5.5 0 0 1 0 1h-2a.501.501 0 0 1-.116-.014A.5.5 0 0 1 8 9V5a.5.5 0 0 1 .5-.5Z", clipRule: "evenodd" }) }));
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgArrowClock = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M8 3.5a4.5 4.5 0 0 0-4.5 4.499l.384-.4.858-.921a.529.529 0 0 1 .41-.178.59.59 0 0 1 .433 1.005L3.474 9.57a.664.664 0 0 1-.472.209.685.685 0 0 1-.487-.209L.427 7.513a.545.545 0 0 1-.178-.418.59.59 0 0 1 .595-.595c.17 0 .318.07.418.186l.75.78.488.518a5.5 5.5 0 1 1 1.65 3.944.5.5 0 0 1 .7-.714A4.5 4.5 0 1 0 8 3.5Z" }), _jsx("path", { fill: props.color || '#222222', d: "M9.223 9.916a.5.5 0 0 0 .554-.832L8.5 8.232V5.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 .223.416l1.5 1Z" })] }));
3
3
  export default SvgArrowClock;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- const SvgArrowCurveForward = (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: "M11.978 8H10l2.5 2.5L15 8h-2.019a6.5 6.5 0 1 0-2.332 5.504.5.5 0 0 0-.639-.77A5.5 5.5 0 1 1 11.978 8v.001Z", clipRule: "evenodd" }) }));
2
+ const SvgArrowCurveForward = (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: "M7.65 1.239a.543.543 0 0 1-.172-.424.59.59 0 0 1 .616-.574c.162.005.3.064.411.192l1.983 2.159.007.007c.071.078.124.168.155.265.022.07.032.145.03.222a.608.608 0 0 1-.048.215.727.727 0 0 1-.177.249L8.318 5.588a.59.59 0 0 1-.99-.468.529.529 0 0 1 .192-.404l.95-.825.398-.356L7.99 3.5a4.553 4.553 0 0 0-.65.048A4.501 4.501 0 0 0 8 12.5c2.464 0 4.492-2.25 4.5-4.485l-.03-.485a.5.5 0 0 1 1-.06l.03.5v.048c-.01 2.754-2.453 5.482-5.5 5.482a5.5 5.5 0 0 1-.498-10.978c.133-.012.268-.019.403-.021h.01l.073-.001h.032l.9.036-.515-.52-.351-.361-.404-.416Z", clipRule: "evenodd" }) }));
3
3
  export default SvgArrowCurveForward;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- const SvgArrowsRotating = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("g", { children: _jsx("path", { fill: props.color || '#222222', d: "m13.784 6.089.07.057 2 2a.5.5 0 0 1-.638.765l-.07-.057L14 7.706V8a6 6 0 0 1-10.41 4.068l-.216-.246a.5.5 0 0 1 .698-.71l.084.085.016.02a5 5 0 0 0 8.824-3L13 8l-.001-.292-1.145 1.146a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07 2-2a.5.5 0 0 1 .638-.057ZM8 2c1.7 0 3.285.712 4.41 1.932l.216.246a.5.5 0 0 1-.698.71l-.084-.085-.016-.02a5 5 0 0 0-8.823 3L3 8v.293l1.146-1.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07-2 2a.5.5 0 0 1-.638.057l-.07-.057-2-2a.5.5 0 0 1 .638-.765l.07.057L2 8.293V8a6 6 0 0 1 6-6Z" }) }) }));
2
+ const SvgArrowsRotating = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: _jsx("g", { children: _jsx("path", { fill: props.color || '#222222', d: "m13.783 6.089.07.057 2 2a.5.5 0 0 1-.638.765l-.07-.057-1.147-1.148.001.294a6 6 0 0 1-10.41 4.068l-.216-.246a.5.5 0 0 1 .698-.71l.084.085.016.02a5 5 0 0 0 8.824-3L12.998 8l-.001-.292-1.145 1.146a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.058-.07 2-2a.5.5 0 0 1 .637-.057ZM8 2c1.7 0 3.285.712 4.41 1.932l.216.246a.5.5 0 0 1-.698.71l-.084-.085-.016-.02a5 5 0 0 0-8.824 3L3 8v.293l1.146-1.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07-2 2a.5.5 0 0 1-.638.057l-.07-.057-2-2a.5.5 0 0 1 .638-.765l.07.057 1.146 1.147V8a6 6 0 0 1 6-6Z" }) }) }));
3
3
  export default SvgArrowsRotating;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- const SvgBarChart = (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 9v3h1.99c.012 0 .01.002.01 0V9H2.01C1.997 9 2 8.998 2 9ZM1 9a1 1 0 0 1 1.01-1h1.98C4.55 8 5 8.444 5 9v3a1 1 0 0 1-1.01 1H2.01C1.45 13 1 12.556 1 12V9Zm6-1.997v4.994c0 .006-.003.003.01.003h1.98c.012 0 .01.002.01-.003V7.003C9 6.997 9.003 7 8.99 7H7.01C6.997 7 7 6.998 7 7.003Zm-1 0C6 6.45 6.443 6 7.01 6h1.98C9.55 6 10 6.438 10 7.003v4.994C10 12.55 9.557 13 8.99 13H7.01A.997.997 0 0 1 6 11.997V7.003Zm6-3.008v8.01c0-.01.006-.005.01-.005h1.98c.013 0 .01.003.01.005v-8.01c0 .01-.006.005-.01.005h-1.98c-.014 0-.01-.003-.01-.005Zm-1 0c0-.55.443-.995 1.01-.995h1.98c.56 0 1.01.456 1.01.995v8.01c0 .55-.443.995-1.01.995h-1.98c-.56 0-1.01-.456-1.01-.995v-8.01Z", clipRule: "evenodd" }) }));
2
+ const SvgBarChart = (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: "M1.999 11v3h1.99c.012 0 .01.002.01 0v-3h-1.99c-.013 0-.01-.002-.01 0Zm-1 0a1 1 0 0 1 1.01-1h1.98c.56 0 1.01.444 1.01 1v3a1 1 0 0 1-1.01 1h-1.98c-.56 0-1.01-.444-1.01-1v-3Zm6-2.997v5.994c0 .006-.003.003.01.003h1.98c.012 0 .01.002.01-.003V8.003c0-.006.003-.003-.01-.003h-1.98c-.013 0-.01-.002-.01.003Zm-1 0C5.999 7.45 6.442 7 7.009 7h1.98c.56 0 1.01.438 1.01 1.003v5.994c0 .553-.443 1.003-1.01 1.003h-1.98a.997.997 0 0 1-1.01-1.003V8.003Zm6-5.008v11.01c0-.01.006-.005.01-.005h1.98c.013 0 .01.003.01.005V2.995c0 .01-.006.005-.01.005h-1.98c-.014 0-.01-.003-.01-.005Zm-1 0c0-.55.443-.995 1.01-.995h1.98c.56 0 1.01.456 1.01.995v11.01c0 .55-.443.995-1.01.995h-1.98c-.56 0-1.01-.456-1.01-.995V2.995Z", clipRule: "evenodd" }) }));
3
3
  export default SvgBarChart;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgBoxNotes: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgBoxNotes;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgBoxNotes = (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", { fillRule: "evenodd", d: "M14.76 3.865c.466-.807.223-1.82-.542-2.261l-.693-.4c-.765-.442-1.763-.146-2.229.661l-5.235 9.068c-.164.284-.263.6-.29.923l-.252 3.122a.489.489 0 0 0 .774.447l2.577-1.78c.267-.184.491-.428.655-.711l5.235-9.069Zm-1.762-1.748.693.4c.287.166.378.546.203.848l-.475.822-1.732-1 .475-.822c.175-.302.55-.413.836-.248ZM11.16 4.101l-4.233 7.332c-.082.142-.132.3-.145.462l-.168 2.08L8.33 12.79c.134-.092.246-.214.328-.355L12.892 5.1l-1.732-1Z", clipRule: "evenodd" }), _jsx("path", { d: "M1.5 1.999a.5.5 0 0 0 0 1h7a.5.5 0 1 0 0-1h-7ZM1 6.499a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM1.5 9.999a.5.5 0 0 0 0 1h3a.5.5 0 1 0 0-1h-3Z" })] }) }));
3
+ export default SvgBoxNotes;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgCanvas: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgCanvas;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgCanvas = (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", { fillRule: "evenodd", d: "M7 3.999a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM1 10.999c0-.943 0-1.414.293-1.707.293-.293.764-.293 1.707-.293h2c.943 0 1.414 0 1.707.293.293.293.293.764.293 1.707v2c0 .943 0 1.414-.293 1.707C6.414 15 5.943 15 5 15H3c-.943 0-1.414 0-1.707-.293C1 14.413 1 13.942 1 13v-2Zm1.036-.972c.19-.026.464-.028.964-.028h2c.5 0 .774.002.964.028h.007l.001.008c.026.19.028.464.028.964v2c0 .5-.002.774-.028.964v.007l-.008.001C5.774 13.997 5.5 14 5 14H3c-.5 0-.774-.002-.964-.028h-.007l-.001-.008c-.026-.19-.028-.464-.028-.964v-2c0-.5.002-.774.028-.964v-.007l.008-.001ZM10.622 1.564a1 1 0 0 1 1.756 0l2.158 3.956A1 1 0 0 1 13.658 7H9.342a1 1 0 0 1-.878-1.48l2.158-3.956Zm.878.48L9.342 5.998h4.316L11.5 2.043Z", clipRule: "evenodd" }), _jsx("path", { d: "M10.496 9.65a.302.302 0 0 1 .204-.14c.104-.022.268-.015.505.057.478.146 1.09.503 1.77.994.936.675 1.896 1.521 2.707 2.235l.002.001.316.278v-1.332c-.748-.654-1.616-1.398-2.44-1.993-.699-.504-1.42-.944-2.065-1.14-.324-.098-.669-.148-.999-.08-.349.073-.644.27-.85.592-.18.28-.17.598-.12.848.052.257.163.527.292.788.23.465.568.995.891 1.501l.115.18c.368.58.698 1.116.885 1.56.082.196.124.347.137.456a4.538 4.538 0 0 1-.9-.484 6.747 6.747 0 0 1-.922-.74c-.28-.272-.476-.525-.573-.726a.5.5 0 1 0-.902.433c.17.354.462.702.777 1.009.322.313.696.609 1.062.854.363.244.737.451 1.06.573.159.06.332.11.498.122.148.01.414 0 .615-.209.24-.25.303-.565.287-.85-.016-.274-.105-.559-.218-.826-.224-.535-.603-1.142-.962-1.708l-.113-.177c-.33-.518-.636-.999-.84-1.412-.115-.23-.182-.41-.208-.541a.4.4 0 0 1-.011-.123Z" })] }) }));
3
+ export default SvgCanvas;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgNotification: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgNotification;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ const SvgNotification = (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: "M9.75 13h-3.5c0 .05.002.416.007.465.028.313.146.602.327.842.319.42.834.693 1.416.693a1.77 1.77 0 0 0 1.416-.693c.181-.24.299-.529.327-.842.005-.049.007-.415.007-.465Zm4.5 0c.538 0 .816-.51.734-.99-.093-.547-.47-.919-.953-1.153-.431-.21-.781-.755-.781-1.232V6.733c0-2.946-1.418-4.575-3.497-5.05C9.753.757 8.963 0 8.003 0S6.25.757 6.25 1.683c-2.364.471-3.5 2.104-3.5 5.05v2.893c0 .469-.355 1.02-.779 1.224-.485.23-.862.615-.955 1.16-.082.48.196.99.734.99h12.5Zm-12.163-.99h11.826c-.074-.14-.212-.205-.347-.27a2.435 2.435 0 0 1-.965-.882 2.331 2.331 0 0 1-.38-1.233V6.733c0-1.324-.319-2.252-.78-2.88-.455-.617-1.104-1.019-1.926-1.207l-.792-.18v-.783c0-.378-.328-.693-.72-.693-.394 0-.724.317-.724.693v.806l-.82.164c-.966.192-1.585.594-1.99 1.177-.424.611-.69 1.537-.69 2.903v2.893c0 .46-.167.892-.382 1.23-.216.337-.54.675-.965.88l-.004.001c-.136.065-.268.134-.341.273Z", clipRule: "evenodd" }) }));
3
+ export default SvgNotification;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgTaxonomy: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgTaxonomy;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgTaxonomy = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M5.5 1a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM4 3.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM10.455 7.797l.03.085 1 4a.5.5 0 0 1-.94.328l-.03-.086-.728-2.903-1.372 2.06a.5.5 0 0 1-.772.073l-.06-.074L6.21 9.221l-.726 2.903a.5.5 0 0 1-.517.378l-.09-.014a.5.5 0 0 1-.377-.517l.014-.09 1-4a.5.5 0 0 1 .845-.226l.056.07L8 10.101l1.584-2.374a.5.5 0 0 1 .872.07Z" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M12 5H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM3 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7Z", clipRule: "evenodd" })] }));
3
+ export default SvgTaxonomy;
@@ -34,6 +34,7 @@ export { default as Bandwidth } from './Bandwidth';
34
34
  export { default as BarChart } from './BarChart';
35
35
  export { default as BoxAi } from './BoxAi';
36
36
  export { default as BoxDev } from './BoxDev';
37
+ export { default as BoxNotes } from './BoxNotes';
37
38
  export { default as BoxSignBadge } from './BoxSignBadge';
38
39
  export { default as Briefcase } from './Briefcase';
39
40
  export { default as Bug } from './Bug';
@@ -41,6 +42,7 @@ export { default as Buildings } from './Buildings';
41
42
  export { default as Calendar } from './Calendar';
42
43
  export { default as CalendarPause } from './CalendarPause';
43
44
  export { default as CalendarRecurring } from './CalendarRecurring';
45
+ export { default as Canvas } from './Canvas';
44
46
  export { default as Card } from './Card';
45
47
  export { default as Checkmark } from './Checkmark';
46
48
  export { default as CheckmarkBadge } from './CheckmarkBadge';
@@ -91,6 +93,7 @@ export { default as Megaphone } from './Megaphone';
91
93
  export { default as MetadataBadge } from './MetadataBadge';
92
94
  export { default as Minus } from './Minus';
93
95
  export { default as Move } from './Move';
96
+ export { default as Notification } from './Notification';
94
97
  export { default as Outline } from './Outline';
95
98
  export { default as PaperAirplane } from './PaperAirplane';
96
99
  export { default as Pencil } from './Pencil';
@@ -117,6 +120,7 @@ export { default as SidebarSquaresLeft } from './SidebarSquaresLeft';
117
120
  export { default as Sign } from './Sign';
118
121
  export { default as Skip } from './Skip';
119
122
  export { default as Star } from './Star';
123
+ export { default as Taxonomy } from './Taxonomy';
120
124
  export { default as Template } from './Template';
121
125
  export { default as TextInput } from './TextInput';
122
126
  export { default as TextLeft } from './TextLeft';
@@ -34,6 +34,7 @@ export { default as Bandwidth } from './Bandwidth';
34
34
  export { default as BarChart } from './BarChart';
35
35
  export { default as BoxAi } from './BoxAi';
36
36
  export { default as BoxDev } from './BoxDev';
37
+ export { default as BoxNotes } from './BoxNotes';
37
38
  export { default as BoxSignBadge } from './BoxSignBadge';
38
39
  export { default as Briefcase } from './Briefcase';
39
40
  export { default as Bug } from './Bug';
@@ -41,6 +42,7 @@ export { default as Buildings } from './Buildings';
41
42
  export { default as Calendar } from './Calendar';
42
43
  export { default as CalendarPause } from './CalendarPause';
43
44
  export { default as CalendarRecurring } from './CalendarRecurring';
45
+ export { default as Canvas } from './Canvas';
44
46
  export { default as Card } from './Card';
45
47
  export { default as Checkmark } from './Checkmark';
46
48
  export { default as CheckmarkBadge } from './CheckmarkBadge';
@@ -91,6 +93,7 @@ export { default as Megaphone } from './Megaphone';
91
93
  export { default as MetadataBadge } from './MetadataBadge';
92
94
  export { default as Minus } from './Minus';
93
95
  export { default as Move } from './Move';
96
+ export { default as Notification } from './Notification';
94
97
  export { default as Outline } from './Outline';
95
98
  export { default as PaperAirplane } from './PaperAirplane';
96
99
  export { default as Pencil } from './Pencil';
@@ -117,6 +120,7 @@ export { default as SidebarSquaresLeft } from './SidebarSquaresLeft';
117
120
  export { default as Sign } from './Sign';
118
121
  export { default as Skip } from './Skip';
119
122
  export { default as Star } from './Star';
123
+ export { default as Taxonomy } from './Taxonomy';
120
124
  export { default as Template } from './Template';
121
125
  export { default as TextInput } from './TextInput';
122
126
  export { default as TextLeft } from './TextLeft';
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFormsDragandDrop: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgFormsDragandDrop;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgFormsDragandDrop = (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: "M101 52.633v60.254A9.113 9.113 0 0 1 91.887 122H61.954c6.517 4.604 14.46 7 23.046 7 19.728 0 36.131-13.973 39.412-32.762A7.967 7.967 0 0 1 121 97h-8a8 8 0 0 1-8-8v-8a8.002 8.002 0 0 1 5.21-7.5A8.003 8.003 0 0 1 105 66v-8c0-1.062.207-2.075.582-3.002A39.763 39.763 0 0 0 101 52.633ZM29 76.467C19.334 69.792 13 58.636 13 46 13 25.566 29.566 9 50 9c12.636 0 23.792 6.334 30.467 16H38.113A9.113 9.113 0 0 0 29 34.113v42.354Z" }), _jsx("path", { d: "M33 34.928A5.928 5.928 0 0 1 38.928 29h52.144A5.928 5.928 0 0 1 97 34.928V50H33V34.928ZM38 65.09A4.09 4.09 0 0 1 42.09 61h15.82A4.09 4.09 0 0 1 62 65.09v3.82A4.09 4.09 0 0 1 57.91 73H42.09A4.09 4.09 0 0 1 38 68.91v-3.82ZM38 81.09A4.09 4.09 0 0 1 42.09 77h45.82A4.09 4.09 0 0 1 92 81.09v8.82A4.09 4.09 0 0 1 87.91 94H85.24a8.003 8.003 0 0 0-.468-2.216l-2.736-7.518a8 8 0 0 0-10.253-4.781l-7.518 2.736a8 8 0 0 0-4.781 10.254L60.04 94H42.09A4.09 4.09 0 0 1 38 89.91v-8.82ZM61.496 98H42.09a4.09 4.09 0 0 0-4.09 4.09v7.82a4.09 4.09 0 0 0 4.09 4.09h45.82a4.09 4.09 0 0 0 4.09-4.09v-4.922h-1.993v3.888c0 1.512-.997 2.79-2.451 3.068-1.489.285-2.84-.567-3.472-1.909l-.004-.007-3.74-8.126c-.115.047-.23.092-.348.135l-7.517 2.736a7.999 7.999 0 0 1-10.254-4.781L61.496 98ZM72.09 61A4.09 4.09 0 0 0 68 65.09v3.82A4.09 4.09 0 0 0 72.09 73h15.82A4.09 4.09 0 0 0 92 68.91v-3.82A4.09 4.09 0 0 0 87.91 61H72.09Z" })] }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M42.09 78c-.278 0-.546.037-.8.105a1 1 0 1 1-.517-1.933A5.095 5.095 0 0 1 42.09 76h1.273a1 1 0 1 1 0 2H42.09ZM47.454 77a1 1 0 0 1 1-1H51a1 1 0 1 1 0 2h-2.546a1 1 0 0 1-1-1ZM55.09 77a1 1 0 0 1 1-1h2.546a1 1 0 1 1 0 2h-2.545a1 1 0 0 1-1-1ZM62.727 77a1 1 0 0 1 1-1h2.546a1 1 0 1 1 0 2h-2.546a1 1 0 0 1-1-1ZM70.364 77a1 1 0 0 1 1-1h2.545a1 1 0 0 1 0 2h-2.545a1 1 0 0 1-1-1ZM78 77a1 1 0 0 1 1-1h2.546a1 1 0 0 1 0 2H79a1 1 0 0 1-1-1ZM85.637 77a1 1 0 0 1 1-1h1.273c.454 0 .896.06 1.317.172a1 1 0 0 1-.516 1.933A3.095 3.095 0 0 0 87.91 78h-1.273a1 1 0 0 1-1-1ZM38.397 79.065a1 1 0 0 1 .708 1.224 3.095 3.095 0 0 0-.105.801v1.47a1 1 0 1 1-2 0v-1.47c0-.454.06-.896.172-1.317a1 1 0 0 1 1.225-.708ZM91.603 79.065a1 1 0 0 1 1.225.708c.112.421.172.863.172 1.317v1.47a1 1 0 1 1-2 0v-1.47c0-.278-.037-.546-.105-.8a1 1 0 0 1 .708-1.225ZM38 87.44a1 1 0 0 1 1 1v1.47c0 .278.036.546.105.8a1 1 0 1 1-1.933.517A5.095 5.095 0 0 1 37 89.91v-1.47a1 1 0 0 1 1-1ZM92 87.44a1 1 0 0 1 1 1v1.47c0 .454-.06.896-.172 1.317a1 1 0 0 1-1.933-.516c.069-.255.105-.523.105-.801v-1.47a1 1 0 0 1 1-1ZM40.065 93.603a1 1 0 0 1 1.224-.707c.255.067.523.104.801.104h1.273a1 1 0 1 1 0 2H42.09c-.454 0-.896-.06-1.317-.172a1 1 0 0 1-.708-1.225ZM89.935 93.603a1 1 0 0 1-.708 1.225A5.095 5.095 0 0 1 87.91 95h-1.273a1 1 0 1 1 0-2h1.273c.278 0 .546-.037.8-.105a1 1 0 0 1 1.225.708ZM47.454 94a1 1 0 0 1 1-1H51a1 1 0 1 1 0 2h-2.546a1 1 0 0 1-1-1ZM55.09 94a1 1 0 0 1 1-1h2.546a1 1 0 1 1 0 2h-2.545a1 1 0 0 1-1-1ZM41.557 42A3.557 3.557 0 0 0 38 45.557v5.886A3.557 3.557 0 0 0 41.557 55h5.886A3.557 3.557 0 0 0 51 51.443v-5.886A3.557 3.557 0 0 0 47.443 42h-5.886ZM73.131 88.8a.554.554 0 0 0-.246.166.7.7 0 0 0-.129.307l-.87 4.383-1.596-.975a.557.557 0 0 0-.503-.055.56.56 0 0 0-.336.304.593.593 0 0 0-.008.462.635.635 0 0 0 .11.192.74.74 0 0 0 .2.16l2.076 1.25c.187.11.378.13.574.058a.606.606 0 0 0 .413-.451l1.091-5.023a.838.838 0 0 0 .02-.226.673.673 0 0 0-.038-.19.586.586 0 0 0-.304-.345.565.565 0 0 0-.454-.016Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M61.357 91.802a6 6 0 0 1 3.586-7.69l7.518-2.736a6 6 0 0 1 7.69 3.586l2.736 7.518c.27.742.385 1.502.36 2.246l-.972-.45c-.88-.407-1.917-.399-2.637.267-.748.692-.792 1.75-.365 2.678l1.117 2.425a6.046 6.046 0 0 1-1.089.524l-7.517 2.736a6 6 0 0 1-7.69-3.586l-2.737-7.517Zm12.129-5.458c.524-.19.733-.205.962-.173.229.033.434.129.606.283.172.154.295.324.486.848l2.324 6.385c.19.523.205.733.172.962a1.137 1.137 0 0 1-.282.605c-.154.172-.324.296-.848.487l-6.385 2.324c-.524.19-.734.205-.962.172a1.136 1.136 0 0 1-.606-.282c-.172-.154-.295-.324-.486-.848l-2.324-6.385c-.19-.524-.205-.734-.173-.962.033-.229.129-.434.283-.606.154-.172.324-.296.848-.486l6.385-2.324Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "m94.26 100.926-12.405-5.743c-.472-.219-.912-.232-1.244-.093-.403.168-.65.56-.606 1.08.016.195.073.407.176.632l5.706 12.394c.613 1.304 2.113.921 2.113-.308v-5.471c0-.273.137-.417.394-.417h5.46c1.319-.008 1.56-1.545.407-2.074Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M38.113 25h53.774A9.113 9.113 0 0 1 101 34.113v78.774A9.113 9.113 0 0 1 91.887 122H38.113A9.113 9.113 0 0 1 29 112.887V34.113A9.113 9.113 0 0 1 38.113 25Zm0 2A7.113 7.113 0 0 0 31 34.113v78.774A7.113 7.113 0 0 0 38.113 120h53.774A7.113 7.113 0 0 0 99 112.887V34.113A7.113 7.113 0 0 0 91.887 27H38.113Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M115.372 82.761a.75.75 0 0 1 .752.323l.876 1.314.876-1.314a.75.75 0 0 1 1.352.234l.75 3a.75.75 0 0 1-1.456.364l-.338-1.355-.56.839a.75.75 0 0 1-1.248 0l-.56-.84-.338 1.356a.75.75 0 0 1-1.456-.364l.75-3a.75.75 0 0 1 .6-.557Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M113 75a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6v-8a6 6 0 0 0-6-6h-8Zm9.25 10a5.25 5.25 0 1 1-10.5 0 5.25 5.25 0 0 1 10.5 0ZM107 58a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v8a6 6 0 0 1-6 6h-8a6 6 0 0 1-6-6v-8Zm14.875 9.25a.375.375 0 0 1 0 .75h-9.75a.375.375 0 0 1 0-.75h9.75Zm-5.46-10.219a.749.749 0 0 1 1.17 0l3 3.75A.75.75 0 0 1 120 62h-1.504l-.006 3.001a.75.75 0 0 1-.75.749h-1.49a.75.75 0 0 1-.75-.75v-.001l.006-2.999H114a.75.75 0 0 1-.634-1.15l.048-.068 3.001-3.75Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M118.936 36.258a.553.553 0 0 1 .288-.07c.169 0 .309.056.421.17a.584.584 0 0 1 .167.428.667.667 0 0 1-.029.192.842.842 0 0 1-.096.205l-2.743 4.347a.608.608 0 0 1-.542.282.647.647 0 0 1-.52-.25l-1.522-1.885a.733.733 0 0 1-.135-.219.636.636 0 0 1-.037-.218c0-.173.055-.317.165-.43a.562.562 0 0 1 .42-.171c.184 0 .335.074.454.223l1.165 1.462 2.318-3.821a.696.696 0 0 1 .226-.245Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M113 29a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h8a6 6 0 0 0 6-6v-8a6 6 0 0 0-6-6h-8Zm8.361 5.167c-.204-.109-.406-.167-.963-.167h-6.796c-.557 0-.759.058-.963.167a1.139 1.139 0 0 0-.472.472c-.109.204-.167.406-.167.963v6.796c0 .557.058.759.167.962.109.204.269.364.472.473.204.109.406.167.963.167h6.796c.557 0 .759-.058.963-.167.203-.109.363-.269.472-.472.109-.204.167-.406.167-.963v-6.796c0-.557-.058-.759-.167-.962a1.139 1.139 0 0 0-.472-.473Z", clipRule: "evenodd" })] }));
3
+ export default SvgFormsDragandDrop;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from 'react';
2
+ declare const SvgFormsZeroState: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default SvgFormsZeroState;
@@ -0,0 +1,3 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ const SvgFormsZeroState = (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: "M48 38c0-3 1-4 4-4h40c3 0 4 1 4 4v11H48V38ZM52 69a3 3 0 0 1 3-3h34a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H55a3 3 0 0 1-3-3V69ZM108 124c0 1.657-16.79 3-37.5 3S33 125.657 33 124s16.79-3 37.5-3 37.5 1.343 37.5 3Z" }), _jsx("path", { d: "M100 54.892c6-3.697 10-10.327 10-17.892 0-11.598-9.402-21-21-21-9.144 0-16.922 5.844-19.805 14H94a6 6 0 0 1 6 6v18.892ZM40 67.348v25.304c-.963.228-1.968.348-3 .348-7.18 0-13-5.82-13-13s5.82-13 13-13c1.032 0 2.037.12 3 .348Z" })] }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M52 45a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-7ZM52 60a2 2 0 0 1 2-2h28a2 2 0 1 1 0 4H54a2 2 0 0 1-2-2ZM54 90a2 2 0 1 0 0 4h14a2 2 0 1 0 0-4H54ZM74 92a2 2 0 0 1 2-2h14a2 2 0 1 1 0 4H76a2 2 0 0 1-2-2ZM76.375 80.688a.313.313 0 0 0-.313-.313h-8.124a.313.313 0 0 0 0 .625h8.124c.173 0 .313-.14.313-.313ZM72.487 71.86a.624.624 0 0 0-.974 0l-2.501 3.125-.04.056A.625.625 0 0 0 69.5 76h1.255l-.005 2.499v.001c0 .345.28.625.625.625h1.241a.624.624 0 0 0 .625-.624L73.247 76H74.5a.624.624 0 0 0 .487-1.016l-2.5-3.125Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M52 69a3 3 0 0 1 3-3h34a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H55a3 3 0 0 1-3-3V69Zm37-1a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H55a1 1 0 0 1-1-1V69a1 1 0 0 1 1-1h34Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M50 30a6.003 6.003 0 0 0-5.743 4.257A6.003 6.003 0 0 0 40 40v57a9 9 0 0 0 9 9h41a6.002 6.002 0 0 0 5.743-4.257l-.08.024A6.003 6.003 0 0 0 100 96V36a6 6 0 0 0-6-6H50Zm44 2H50a4 4 0 0 0-4 4v60a4 4 0 0 0 4 4h44a4 4 0 0 0 4-4V36a4 4 0 0 0-4-4Zm-52 8c0-1.48.804-2.773 2-3.465V96a6 6 0 0 0 6 6h43.465A3.998 3.998 0 0 1 90 104H49a7 7 0 0 1-7-7V40Z", clipRule: "evenodd" })] }));
3
+ export default SvgFormsZeroState;
@@ -27,6 +27,8 @@ export { default as FolderFloat } from './FolderFloat';
27
27
  export { default as FolderPlane } from './FolderPlane';
28
28
  export { default as FolderStar } from './FolderStar';
29
29
  export { default as Form } from './Form';
30
+ export { default as FormsDragandDrop } from './FormsDragandDrop';
31
+ export { default as FormsZeroState } from './FormsZeroState';
30
32
  export { default as Handshake } from './Handshake';
31
33
  export { default as HandshakeSecure } from './HandshakeSecure';
32
34
  export { default as HatWand } from './HatWand';
@@ -27,6 +27,8 @@ export { default as FolderFloat } from './FolderFloat';
27
27
  export { default as FolderPlane } from './FolderPlane';
28
28
  export { default as FolderStar } from './FolderStar';
29
29
  export { default as Form } from './Form';
30
+ export { default as FormsDragandDrop } from './FormsDragandDrop';
31
+ export { default as FormsZeroState } from './FormsZeroState';
30
32
  export { default as Handshake } from './Handshake';
31
33
  export { default as HandshakeSecure } from './HandshakeSecure';
32
34
  export { default as HatWand } from './HatWand';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.19.0",
3
+ "version": "4.20.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",
@@ -104,5 +104,6 @@
104
104
  "chalk": "4.1.2",
105
105
  "react": "^18.0.0",
106
106
  "react-dom": "^18.0.0"
107
- }
107
+ },
108
+ "gitHead": "4f81a71cfb50fff054646dfa12c6a4dd9739cb24"
108
109
  }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 20 Aug 2024 09:44:34 GMT
3
+ * Generated on Wed, 28 Aug 2024 22:46:04 GMT
4
4
  */
5
5
 
6
6
  export const BackgroundBackground: string;
@@ -179,6 +179,7 @@ export const SurfaceBadgeTaskapprovalSurface: string;
179
179
  export const SurfaceBadgeAnnotationSurface: string;
180
180
  export const SurfaceBadgeCompletedSurface: string;
181
181
  export const SurfaceBadgeRejectedSurface: string;
182
+ export const SurfaceBadgeErrorSurface: string;
182
183
  export const SurfaceBadgeExternalSurface: string;
183
184
  export const SurfaceBadgeAdminSurface: string;
184
185
  export const SurfaceBadgeCoadminSurface: string;
@@ -291,6 +292,7 @@ export const BorderToggleBorder: string;
291
292
  export const BorderCardBorderAi: string;
292
293
  export const BorderCtaBorderAi: string;
293
294
  export const BorderContentbuttonBorderSelected: string;
295
+ export const BorderToggleBorderOn: string;
294
296
  export const IconIconOnLight: string;
295
297
  export const IconIconOnLightSecondary: string;
296
298
  export const IconIconOnLightTertiary: string;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 20 Aug 2024 09:44:34 GMT
3
+ * Generated on Wed, 28 Aug 2024 22:46:04 GMT
4
4
  */
5
5
 
6
6
  export const BackgroundBackground = '#ffffff';
@@ -44,8 +44,8 @@ export const SurfaceInputSurfaceError = '#ffffff';
44
44
  export const SurfaceInputSurfaceErrorHover = '#ffffff';
45
45
  export const SurfaceInputSurfaceErrorFocus = '#ffffff';
46
46
  export const SurfaceToggleSurfaceOffHover = '#f4f4f4';
47
- export const SurfaceToggleSurfaceOn = '#0061d5';
48
- export const SurfaceToggleSurfaceOnHover = '#3381dd';
47
+ export const SurfaceToggleSurfaceOn = '#e5effa';
48
+ export const SurfaceToggleSurfaceOnHover = '#ccdff7';
49
49
  export const SurfaceMessageSurfaceWarning = '#fdf0d1';
50
50
  export const SurfaceMessageSurfaceWarningSecondary = '#fef7e8';
51
51
  export const SurfaceMessageSurfaceError = '#fbd7dd';
@@ -179,6 +179,7 @@ export const SurfaceBadgeTaskapprovalSurface = '#1d6bca';
179
179
  export const SurfaceBadgeAnnotationSurface = '#f5b31b';
180
180
  export const SurfaceBadgeCompletedSurface = '#26c281';
181
181
  export const SurfaceBadgeRejectedSurface = '#D5324E';
182
+ export const SurfaceBadgeErrorSurface = '#D5324E';
182
183
  export const SurfaceBadgeExternalSurface = '#909090';
183
184
  export const SurfaceBadgeAdminSurface = '#003c84';
184
185
  export const SurfaceBadgeCoadminSurface = '#9f3fed';
@@ -223,7 +224,7 @@ export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
223
224
  export const SurfaceContentswitcherSurface = '#e8e8e8';
224
225
  export const SurfaceToolbarSurface = '#222222';
225
226
  export const SurfaceToggleSurfaceOffPressed = '#e8e8e8';
226
- export const SurfaceToggleSurfaceOnPressed = '#004EAA';
227
+ export const SurfaceToggleSurfaceOnPressed = '#b2cff2';
227
228
  export const BorderCtaBorderSecondary = '#bcbcbc';
228
229
  export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
229
230
  export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -291,6 +292,7 @@ export const BorderToggleBorder = '#bcbcbc';
291
292
  export const BorderCardBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
292
293
  export const BorderCtaBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
293
294
  export const BorderContentbuttonBorderSelected = '#909090';
295
+ export const BorderToggleBorderOn = '#99c0ee';
294
296
  export const IconIconOnLight = '#222222';
295
297
  export const IconIconOnLightSecondary = '#6F6F6F';
296
298
  export const IconIconOnLightTertiary = '#909090';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 20 Aug 2024 09:44:34 GMT
3
+ * Generated on Wed, 28 Aug 2024 22:46:04 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -422,6 +422,7 @@
422
422
  --icon-icon-on-light-tertiary: var(--gray-50);
423
423
  --icon-icon-on-light-secondary: var(--gray-65);
424
424
  --icon-icon-on-light: var(--gray-100);
425
+ --border-toggle-border-on: var(--box-blue-40);
425
426
  --border-contentbutton-border-selected: var(--gray-50);
426
427
  --border-toggle-border: var(--gray-30);
427
428
  --border-badge-border: var(--gray-white);
@@ -487,7 +488,7 @@
487
488
  --border-cta-border-secondary-hover: var(--gray-30);
488
489
  --border-cta-border-secondary-pressed: var(--gray-30);
489
490
  --border-cta-border-secondary: var(--gray-30);
490
- --surface-toggle-surface-on-pressed: var(--box-blue-120);
491
+ --surface-toggle-surface-on-pressed: var(--box-blue-30);
491
492
  --surface-toggle-surface-off-pressed: var(--gray-10);
492
493
  --surface-toolbar-surface: var(--gray-100);
493
494
  --surface-contentswitcher-surface: var(--gray-10);
@@ -526,6 +527,7 @@
526
527
  --surface-badge-coadmin-surface: var(--purple-rain-100);
527
528
  --surface-badge-admin-surface: var(--dark-blue-100);
528
529
  --surface-badge-external-surface: var(--gray-50);
530
+ --surface-badge-error-surface: var(--watermelon-red-110);
529
531
  --surface-badge-rejected-surface: var(--watermelon-red-110);
530
532
  --surface-badge-completed-surface: var(--green-light-100);
531
533
  --surface-badge-annotation-surface: var(--yellorange-100);
@@ -659,8 +661,8 @@
659
661
  --surface-message-surface-error: var(--watermelon-red-20);
660
662
  --surface-message-surface-warning-secondary: var(--yellorange-10);
661
663
  --surface-message-surface-warning: var(--yellorange-20);
662
- --surface-toggle-surface-on-hover: var(--box-blue-80);
663
- --surface-toggle-surface-on: var(--box-blue-100);
664
+ --surface-toggle-surface-on-hover: var(--box-blue-20);
665
+ --surface-toggle-surface-on: var(--box-blue-10);
664
666
  --surface-toggle-surface-off-hover: var(--gray-05);
665
667
  --surface-input-surface-error-focus: var(--gray-white);
666
668
  --surface-input-surface-error-hover: var(--gray-white);
@@ -174,6 +174,7 @@ export const SurfaceBadgeTaskapprovalSurface: string;
174
174
  export const SurfaceBadgeAnnotationSurface: string;
175
175
  export const SurfaceBadgeCompletedSurface: string;
176
176
  export const SurfaceBadgeRejectedSurface: string;
177
+ export const SurfaceBadgeErrorSurface: string;
177
178
  export const SurfaceBadgeExternalSurface: string;
178
179
  export const SurfaceBadgeAdminSurface: string;
179
180
  export const SurfaceBadgeCoadminSurface: string;
@@ -286,6 +287,7 @@ export const BorderToggleBorder: string;
286
287
  export const BorderCardBorderAi: string;
287
288
  export const BorderCtaBorderAi: string;
288
289
  export const BorderContentbuttonBorderSelected: string;
290
+ export const BorderToggleBorderOn: string;
289
291
  export const IconIconOnLight: string;
290
292
  export const IconIconOnLightSecondary: string;
291
293
  export const IconIconOnLightTertiary: string;
package/tokens/tokens.js CHANGED
@@ -39,8 +39,8 @@ export const SurfaceInputSurfaceError = '#ffffff';
39
39
  export const SurfaceInputSurfaceErrorHover = '#ffffff';
40
40
  export const SurfaceInputSurfaceErrorFocus = '#ffffff';
41
41
  export const SurfaceToggleSurfaceOffHover = '#f4f4f4';
42
- export const SurfaceToggleSurfaceOn = '#0061d5';
43
- export const SurfaceToggleSurfaceOnHover = '#3381dd';
42
+ export const SurfaceToggleSurfaceOn = '#e5effa';
43
+ export const SurfaceToggleSurfaceOnHover = '#ccdff7';
44
44
  export const SurfaceMessageSurfaceWarning = '#fdf0d1';
45
45
  export const SurfaceMessageSurfaceWarningSecondary = '#fef7e8';
46
46
  export const SurfaceMessageSurfaceError = '#fbd7dd';
@@ -174,6 +174,7 @@ export const SurfaceBadgeTaskapprovalSurface = '#1d6bca';
174
174
  export const SurfaceBadgeAnnotationSurface = '#f5b31b';
175
175
  export const SurfaceBadgeCompletedSurface = '#26c281';
176
176
  export const SurfaceBadgeRejectedSurface = '#D5324E';
177
+ export const SurfaceBadgeErrorSurface = '#D5324E';
177
178
  export const SurfaceBadgeExternalSurface = '#909090';
178
179
  export const SurfaceBadgeAdminSurface = '#003c84';
179
180
  export const SurfaceBadgeCoadminSurface = '#9f3fed';
@@ -218,7 +219,7 @@ export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
218
219
  export const SurfaceContentswitcherSurface = '#e8e8e8';
219
220
  export const SurfaceToolbarSurface = '#222222';
220
221
  export const SurfaceToggleSurfaceOffPressed = '#e8e8e8';
221
- export const SurfaceToggleSurfaceOnPressed = '#004EAA';
222
+ export const SurfaceToggleSurfaceOnPressed = '#b2cff2';
222
223
  export const BorderCtaBorderSecondary = '#bcbcbc';
223
224
  export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
224
225
  export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -286,6 +287,7 @@ export const BorderToggleBorder = '#bcbcbc';
286
287
  export const BorderCardBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
287
288
  export const BorderCtaBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
288
289
  export const BorderContentbuttonBorderSelected = '#909090';
290
+ export const BorderToggleBorderOn = '#99c0ee';
289
291
  export const IconIconOnLight = '#222222';
290
292
  export const IconIconOnLightSecondary = '#6F6F6F';
291
293
  export const IconIconOnLightTertiary = '#909090';
@@ -40,8 +40,8 @@
40
40
  "SurfaceInputSurfaceErrorHover": "#ffffff",
41
41
  "SurfaceInputSurfaceErrorFocus": "#ffffff",
42
42
  "SurfaceToggleSurfaceOffHover": "#f4f4f4",
43
- "SurfaceToggleSurfaceOn": "#0061d5",
44
- "SurfaceToggleSurfaceOnHover": "#3381dd",
43
+ "SurfaceToggleSurfaceOn": "#e5effa",
44
+ "SurfaceToggleSurfaceOnHover": "#ccdff7",
45
45
  "SurfaceMessageSurfaceWarning": "#fdf0d1",
46
46
  "SurfaceMessageSurfaceWarningSecondary": "#fef7e8",
47
47
  "SurfaceMessageSurfaceError": "#fbd7dd",
@@ -175,6 +175,7 @@
175
175
  "SurfaceBadgeAnnotationSurface": "#f5b31b",
176
176
  "SurfaceBadgeCompletedSurface": "#26c281",
177
177
  "SurfaceBadgeRejectedSurface": "#D5324E",
178
+ "SurfaceBadgeErrorSurface": "#D5324E",
178
179
  "SurfaceBadgeExternalSurface": "#909090",
179
180
  "SurfaceBadgeAdminSurface": "#003c84",
180
181
  "SurfaceBadgeCoadminSurface": "#9f3fed",
@@ -219,7 +220,7 @@
219
220
  "SurfaceContentswitcherSurface": "#e8e8e8",
220
221
  "SurfaceToolbarSurface": "#222222",
221
222
  "SurfaceToggleSurfaceOffPressed": "#e8e8e8",
222
- "SurfaceToggleSurfaceOnPressed": "#004EAA",
223
+ "SurfaceToggleSurfaceOnPressed": "#b2cff2",
223
224
  "BorderCtaBorderSecondary": "#bcbcbc",
224
225
  "BorderCtaBorderSecondaryPressed": "#bcbcbc",
225
226
  "BorderCtaBorderSecondaryHover": "#bcbcbc",
@@ -287,6 +288,7 @@
287
288
  "BorderCardBorderAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
288
289
  "BorderCtaBorderAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
289
290
  "BorderContentbuttonBorderSelected": "#909090",
291
+ "BorderToggleBorderOn": "#99c0ee",
290
292
  "IconIconOnLight": "#222222",
291
293
  "IconIconOnLightSecondary": "#6F6F6F",
292
294
  "IconIconOnLightTertiary": "#909090",
@@ -39,8 +39,8 @@ $surface-input-surface-error: #ffffff !default;
39
39
  $surface-input-surface-error-hover: #ffffff !default;
40
40
  $surface-input-surface-error-focus: #ffffff !default;
41
41
  $surface-toggle-surface-off-hover: #f4f4f4 !default;
42
- $surface-toggle-surface-on: #0061d5 !default;
43
- $surface-toggle-surface-on-hover: #3381dd !default;
42
+ $surface-toggle-surface-on: #e5effa !default;
43
+ $surface-toggle-surface-on-hover: #ccdff7 !default;
44
44
  $surface-message-surface-warning: #fdf0d1 !default;
45
45
  $surface-message-surface-warning-secondary: #fef7e8 !default;
46
46
  $surface-message-surface-error: #fbd7dd !default;
@@ -174,6 +174,7 @@ $surface-badge-taskapproval-surface: #1d6bca !default;
174
174
  $surface-badge-annotation-surface: #f5b31b !default;
175
175
  $surface-badge-completed-surface: #26c281 !default;
176
176
  $surface-badge-rejected-surface: #d5324e !default;
177
+ $surface-badge-error-surface: #d5324e !default;
177
178
  $surface-badge-external-surface: #909090 !default;
178
179
  $surface-badge-admin-surface: #003c84 !default;
179
180
  $surface-badge-coadmin-surface: #9f3fed !default;
@@ -218,7 +219,7 @@ $surface-contentbutton-surface-surface-selected: #ffffff !default;
218
219
  $surface-contentswitcher-surface: #e8e8e8 !default;
219
220
  $surface-toolbar-surface: #222222 !default;
220
221
  $surface-toggle-surface-off-pressed: #e8e8e8 !default;
221
- $surface-toggle-surface-on-pressed: #004eaa !default;
222
+ $surface-toggle-surface-on-pressed: #b2cff2 !default;
222
223
  $border-cta-border-secondary: #bcbcbc !default;
223
224
  $border-cta-border-secondary-pressed: #bcbcbc !default;
224
225
  $border-cta-border-secondary-hover: #bcbcbc !default;
@@ -286,6 +287,7 @@ $border-toggle-border: #bcbcbc !default;
286
287
  $border-card-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
287
288
  $border-cta-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
288
289
  $border-contentbutton-border-selected: #909090 !default;
290
+ $border-toggle-border-on: #99c0ee !default;
289
291
  $icon-icon-on-light: #222222 !default;
290
292
  $icon-icon-on-light-secondary: #6f6f6f !default;
291
293
  $icon-icon-on-light-tertiary: #909090 !default;
@@ -889,6 +891,7 @@ $tokens: (
889
891
  'badge-annotation-surface': $surface-badge-annotation-surface,
890
892
  'badge-completed-surface': $surface-badge-completed-surface,
891
893
  'badge-rejected-surface': $surface-badge-rejected-surface,
894
+ 'badge-error-surface': $surface-badge-error-surface,
892
895
  'badge-external-surface': $surface-badge-external-surface,
893
896
  'badge-admin-surface': $surface-badge-admin-surface,
894
897
  'badge-coadmin-surface': $surface-badge-coadmin-surface,
@@ -1003,6 +1006,7 @@ $tokens: (
1003
1006
  'card-border-ai': $border-card-border-ai,
1004
1007
  'cta-border-ai': $border-cta-border-ai,
1005
1008
  'contentbutton-border-selected': $border-contentbutton-border-selected,
1009
+ 'toggle-border-on': $border-toggle-border-on,
1006
1010
  ),
1007
1011
  'Icon': (
1008
1012
  'icon-on-light': $icon-icon-on-light,