@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.
- package/icons/Fill/ArrowCurveForward.d.ts +3 -0
- package/icons/Fill/ArrowCurveForward.js +3 -0
- package/icons/Fill/NavigationCollapse.d.ts +3 -0
- package/icons/Fill/NavigationCollapse.js +3 -0
- package/icons/Fill/NavigationExpand.d.ts +3 -0
- package/icons/Fill/NavigationExpand.js +3 -0
- package/icons/Fill/Taxonomy.d.ts +3 -0
- package/icons/Fill/Taxonomy.js +3 -0
- package/icons/Fill/index.d.ts +4 -0
- package/icons/Fill/index.js +4 -0
- package/icons/Line/ArrowClock.js +2 -2
- package/icons/Line/ArrowCurveForward.js +1 -1
- package/icons/Line/ArrowsRotating.js +1 -1
- package/icons/Line/BarChart.js +1 -1
- package/icons/Line/BoxNotes.d.ts +3 -0
- package/icons/Line/BoxNotes.js +3 -0
- package/icons/Line/Canvas.d.ts +3 -0
- package/icons/Line/Canvas.js +3 -0
- package/icons/Line/Notification.d.ts +3 -0
- package/icons/Line/Notification.js +3 -0
- package/icons/Line/Taxonomy.d.ts +3 -0
- package/icons/Line/Taxonomy.js +3 -0
- package/icons/Line/index.d.ts +4 -0
- package/icons/Line/index.js +4 -0
- package/illustrations/Medium/FormsDragandDrop.d.ts +3 -0
- package/illustrations/Medium/FormsDragandDrop.js +3 -0
- package/illustrations/Medium/FormsZeroState.d.ts +3 -0
- package/illustrations/Medium/FormsZeroState.js +3 -0
- package/illustrations/Medium/index.d.ts +2 -0
- package/illustrations/Medium/index.js +2 -0
- package/package.json +3 -2
- package/tokens/px-tokens.d.ts +3 -1
- package/tokens/px-tokens.js +6 -4
- package/tokens/tokens-css-vars.scss +6 -4
- package/tokens/tokens.d.ts +2 -0
- package/tokens/tokens.js +5 -3
- package/tokens/tokens.json +5 -3
- package/tokens/tokens.scss +7 -3
|
@@ -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 { 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 { 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 { 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;
|
package/icons/Fill/index.d.ts
CHANGED
|
@@ -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';
|
package/icons/Fill/index.js
CHANGED
|
@@ -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';
|
package/icons/Line/ArrowClock.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
const SvgArrowClock = (props) => (
|
|
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: "
|
|
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.
|
|
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;
|
package/icons/Line/BarChart.js
CHANGED
|
@@ -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: "
|
|
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 { 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 { 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 { 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 { 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;
|
package/icons/Line/index.d.ts
CHANGED
|
@@ -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';
|
package/icons/Line/index.js
CHANGED
|
@@ -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 { 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 { 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.
|
|
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
|
}
|
package/tokens/px-tokens.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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;
|
package/tokens/px-tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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 = '#
|
|
48
|
-
export const SurfaceToggleSurfaceOnHover = '#
|
|
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 = '#
|
|
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
|
|
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-
|
|
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-
|
|
663
|
-
--surface-toggle-surface-on: var(--box-blue-
|
|
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);
|
package/tokens/tokens.d.ts
CHANGED
|
@@ -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 = '#
|
|
43
|
-
export const SurfaceToggleSurfaceOnHover = '#
|
|
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 = '#
|
|
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';
|
package/tokens/tokens.json
CHANGED
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"SurfaceInputSurfaceErrorHover": "#ffffff",
|
|
41
41
|
"SurfaceInputSurfaceErrorFocus": "#ffffff",
|
|
42
42
|
"SurfaceToggleSurfaceOffHover": "#f4f4f4",
|
|
43
|
-
"SurfaceToggleSurfaceOn": "#
|
|
44
|
-
"SurfaceToggleSurfaceOnHover": "#
|
|
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": "#
|
|
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",
|
package/tokens/tokens.scss
CHANGED
|
@@ -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: #
|
|
43
|
-
$surface-toggle-surface-on-hover: #
|
|
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: #
|
|
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,
|