@box/blueprint-web-assets 4.5.0 → 4.7.0

package/icons/Fill/CreateReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCreateReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCreateReport;

package/icons/Fill/CreateReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgCreateReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 2v.5A1.5 1.5 0 0 0 5.5 4h5A1.5 1.5 0 0 0 12 2.5V2h1a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1Zm4 10.5a.5.5 0 0 1-.5-.5v-2h-2a.5.5 0 0 1 0-1h2V7a.5.5 0 0 1 1 0v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-.5.5Z", clipRule: "evenodd" })] }));
+export default SvgCreateReport;

package/icons/Fill/DownloadReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDownloadReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgDownloadReport;

package/icons/Fill/DownloadReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgDownloadReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 2v.5A1.5 1.5 0 0 0 5.5 4h5A1.5 1.5 0 0 0 12 2.5V2h1a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1Zm7.25 11a.25.25 0 1 1 0 .5h-6.5a.25.25 0 1 1 0-.5h6.5ZM8.5 6a.5.5 0 0 1 .5.5v.001L8.995 8.5 10 8.5a.5.5 0 0 1 .423.767l-.033.045-2 2.5a.5.5 0 0 1-.78 0l-2-2.5A.5.5 0 0 1 6 8.5h1.002l.005-2.001a.5.5 0 0 1 .5-.499H8.5Z", clipRule: "evenodd" })] }));
+export default SvgDownloadReport;

package/icons/Fill/Reports.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgReports: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgReports;

package/icons/Fill/Reports.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgReports = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 2.5V2H3a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-1v.5A1.5 1.5 0 0 1 10.5 4h-5A1.5 1.5 0 0 1 4 2.5ZM4.5 7a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1ZM4 9.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM7.5 7a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM7 9.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Z", clipRule: "evenodd" })] }));
+export default SvgReports;

package/icons/Fill/ScheduleReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgScheduleReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgScheduleReport;

package/icons/Fill/ScheduleReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgScheduleReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1ZM8.5 8a.5.5 0 0 0-1 0v1.376a.7.7 0 0 0 .387.627l.89.444a.5.5 0 1 0 .447-.894L8.5 9.19V8Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 2v.5A1.5 1.5 0 0 0 5.5 4h5A1.5 1.5 0 0 0 12 2.5V2h1a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h1Zm7.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z", clipRule: "evenodd" })] }));
+export default SvgScheduleReport;

package/icons/Fill/index.d.ts

@@ -61,11 +61,13 @@ export { default as Collection } from './Collection';
 export { default as CollectionBolt } from './CollectionBolt';
 export { default as CollectionPlus } from './CollectionPlus';
 export { default as CollectionStar } from './CollectionStar';
+export { default as CreateReport } from './CreateReport';
 export { default as CreditCard } from './CreditCard';
 export { default as Crop } from './Crop';
 export { default as Divide } from './Divide';
 export { default as DocGen } from './DocGen';
 export { default as Download } from './Download';
+export { default as DownloadReport } from './DownloadReport';
 export { default as DragDots } from './DragDots';
 export { default as Dropdown } from './Dropdown';
 export { default as Ellipsis } from './Ellipsis';
@@ -157,8 +159,10 @@ export { default as Radio } from './Radio';
 export { default as Region } from './Region';
 export { default as Relay } from './Relay';
 export { default as RelayClassic } from './RelayClassic';
+export { default as Reports } from './Reports';
 export { default as RibbonStar } from './RibbonStar';
 export { default as Rocket } from './Rocket';
+export { default as ScheduleReport } from './ScheduleReport';
 export { default as Scribble } from './Scribble';
 export { default as Search } from './Search';
 export { default as Settings } from './Settings';

package/icons/Fill/index.js

@@ -61,11 +61,13 @@ export { default as Collection } from './Collection';
 export { default as CollectionBolt } from './CollectionBolt';
 export { default as CollectionPlus } from './CollectionPlus';
 export { default as CollectionStar } from './CollectionStar';
+export { default as CreateReport } from './CreateReport';
 export { default as CreditCard } from './CreditCard';
 export { default as Crop } from './Crop';
 export { default as Divide } from './Divide';
 export { default as DocGen } from './DocGen';
 export { default as Download } from './Download';
+export { default as DownloadReport } from './DownloadReport';
 export { default as DragDots } from './DragDots';
 export { default as Dropdown } from './Dropdown';
 export { default as Ellipsis } from './Ellipsis';
@@ -157,8 +159,10 @@ export { default as Radio } from './Radio';
 export { default as Region } from './Region';
 export { default as Relay } from './Relay';
 export { default as RelayClassic } from './RelayClassic';
+export { default as Reports } from './Reports';
 export { default as RibbonStar } from './RibbonStar';
 export { default as Rocket } from './Rocket';
+export { default as ScheduleReport } from './ScheduleReport';
 export { default as Scribble } from './Scribble';
 export { default as Search } from './Search';
 export { default as Settings } from './Settings';

package/icons/Line/CreateReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCreateReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgCreateReport;

package/icons/Line/CreateReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgCreateReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M7.5 11.5a.5.5 0 0 0 1 0v-2h2a.5.5 0 0 0 0-1h-2v-2a.5.5 0 0 0-1 0v2h-2a.5.5 0 0 0 0 1h2v2Z" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M4.5 2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1h1A1.5 1.5 0 0 1 14 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5v-10A1.5 1.5 0 0 1 3.5 2h1Zm6 2a1 1 0 0 0 1-1h1a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h1a1 1 0 0 0 1 1h5Zm0-2h-5v1h5V2Z", clipRule: "evenodd" })] }));
+export default SvgCreateReport;

package/icons/Line/DownloadReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDownloadReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgDownloadReport;

package/icons/Line/DownloadReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgDownloadReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M11.5 12.75a.25.25 0 0 0-.25-.25h-6.5a.25.25 0 1 0 0 .5h6.5a.25.25 0 0 0 .25-.25ZM9 6a.5.5 0 0 0-.5-.5h-.993a.5.5 0 0 0-.5.499l-.005 2L6 8a.5.5 0 0 0-.39.812l2 2.5c.2.25.58.25.78 0l2-2.5.033-.045A.5.5 0 0 0 10 8H8.995L9 6V6Z" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M4.5 2a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1h1A1.5 1.5 0 0 1 14 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5v-10A1.5 1.5 0 0 1 3.5 2h1Zm6 2a1 1 0 0 0 1-1h1a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h1a1 1 0 0 0 1 1h5Zm0-2h-5v1h5V2Z", clipRule: "evenodd" })] }));
+export default SvgDownloadReport;

package/icons/Line/Reports.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgReports: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgReports;

package/icons/Line/Reports.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgReports = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M4 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM4.5 9a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1ZM7 7.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5ZM7.5 9a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M5.5 1a1 1 0 0 0-1 1h-1A1.5 1.5 0 0 0 2 3.5v10A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 12.5 2h-1a1 1 0 0 0-1-1h-5Zm6 2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1h-1a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5h-1Zm-6-1h5v1h-5V2Z", clipRule: "evenodd" })] }));
+export default SvgReports;

package/icons/Line/ScheduleReport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgScheduleReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgScheduleReport;

package/icons/Line/ScheduleReport.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgScheduleReport = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", role: "img", ...props, children: [_jsx("path", { fill: props.color || '#222222', d: "M8 7a.5.5 0 0 1 .5.5v1.191l.724.362a.5.5 0 1 1-.448.894l-.89-.445a.7.7 0 0 1-.386-.626V7.5A.5.5 0 0 1 8 7Z" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M8 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM5 9a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#222222', fillRule: "evenodd", d: "M5.5 1a1 1 0 0 0-1 1h-1A1.5 1.5 0 0 0 2 3.5v10A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 12.5 2h-1a1 1 0 0 0-1-1h-5Zm6 2a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1h-1a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5h-1Zm-6-1h5v1h-5V2Z", clipRule: "evenodd" })] }));
+export default SvgScheduleReport;

package/icons/Line/index.d.ts

@@ -52,7 +52,9 @@ export { default as Collection } from './Collection';
 export { default as CollectionBolt } from './CollectionBolt';
 export { default as CollectionPlus } from './CollectionPlus';
 export { default as CollectionStar } from './CollectionStar';
+export { default as CreateReport } from './CreateReport';
 export { default as Download } from './Download';
+export { default as DownloadReport } from './DownloadReport';
 export { default as Dropdown } from './Dropdown';
 export { default as EllipsisBubble } from './EllipsisBubble';
 export { default as Envelope } from './Envelope';
@@ -98,7 +100,9 @@ export { default as Printer } from './Printer';
 export { default as QuestionBadge } from './QuestionBadge';
 export { default as Redirect } from './Redirect';
 export { default as Relay } from './Relay';
+export { default as Reports } from './Reports';
 export { default as Rocket } from './Rocket';
+export { default as ScheduleReport } from './ScheduleReport';
 export { default as Scribble } from './Scribble';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';

package/icons/Line/index.js

@@ -52,7 +52,9 @@ export { default as Collection } from './Collection';
 export { default as CollectionBolt } from './CollectionBolt';
 export { default as CollectionPlus } from './CollectionPlus';
 export { default as CollectionStar } from './CollectionStar';
+export { default as CreateReport } from './CreateReport';
 export { default as Download } from './Download';
+export { default as DownloadReport } from './DownloadReport';
 export { default as Dropdown } from './Dropdown';
 export { default as EllipsisBubble } from './EllipsisBubble';
 export { default as Envelope } from './Envelope';
@@ -98,7 +100,9 @@ export { default as Printer } from './Printer';
 export { default as QuestionBadge } from './QuestionBadge';
 export { default as Redirect } from './Redirect';
 export { default as Relay } from './Relay';
+export { default as Reports } from './Reports';
 export { default as Rocket } from './Rocket';
+export { default as ScheduleReport } from './ScheduleReport';
 export { default as Scribble } from './Scribble';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';

package/icons/Logo/Reporting.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgReporting = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: _jsxs("g", { children: [_jsx("path", { fill: "#4E4E4E", fillRule: "evenodd", d: "M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 0 0 3.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801A5.452 5.452 0 0 0 31.2 28.93c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0 0 28.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 0 0 .801 3.07C.278 4.047 0 5.017 0 7.692Z", clipRule: "evenodd" }), _jsx("path", { fill: "white", d: "M20 5H7v18h4V8h9V5Z" }), _jsx("path", { fill: "white", fillRule: "evenodd", d: "M23 9H12v18h13V11a2 2 0 0 0-2-2Zm-8 8.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-.5 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm.5-4.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Z", clipRule: "evenodd" }), _jsx("path", { fill: "#4E4E4E", fillRule: "evenodd", d: "M6 4h15v4h2a3 3 0 0 1 3 3v17H11v-4H6V4Zm6 5v18h13V11a2 2 0 0 0-2-2H12Zm8-1h-9v15H7V5h13v3Zm2 9.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1Zm-7 2a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7Zm-.5-3.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Z", clipRule: "evenodd" })] }) }));
+const SvgReporting = (props) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: _jsxs("g", { children: [_jsx("path", { fill: "#4E4E4E", fillRule: "evenodd", d: "M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 0 0 3.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801A5.452 5.452 0 0 0 31.2 28.93c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0 0 28.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 0 0 .801 3.07C.278 4.047 0 5.017 0 7.692Z", clipRule: "evenodd" }), _jsx("path", { fill: "white", d: "M11.75 5.75A.75.75 0 0 1 12.5 5h7a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-.75.75h-7a.75.75 0 0 1-.75-.75v-1.5Z" }), _jsx("path", { fill: "white", fillRule: "evenodd", d: "M10.25 7.25V6.5H8.5A1.5 1.5 0 0 0 7 8v16.5A1.5 1.5 0 0 0 8.5 26h15a1.5 1.5 0 0 0 1.5-1.5V8a1.5 1.5 0 0 0-1.5-1.5h-1.75v.75A2.25 2.25 0 0 1 19.5 9.5h-7a2.25 2.25 0 0 1-2.25-2.25Zm.5 6.75a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5h-1.5ZM10 17.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75ZM15.25 14a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5h-6Zm-.75 3.75a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75Z", clipRule: "evenodd" })] }) }));
 export default SvgReporting;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.5.0",
+    "version": "4.7.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && yarn lint-local && yarn lint-local-css",
@@ -100,5 +100,5 @@
     "devDependencies": {
         "chalk": "4.1.2"
     },
-    "gitHead": "7b6c05f2ce15d1f742a4c4fa2749d1fa61a5ca3b"
+    "gitHead": "aee3555665cf4cfac603dff10666a79fe1d91753"
 }

package/tokens/px-tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Mar 2024 12:52:31 GMT
+ * Generated on Thu, 14 Mar 2024 16:57:56 GMT
  */
 
 export const BackgroundBackground: string;
@@ -217,6 +217,8 @@ export const SurfaceCtaSurfacePromoHover: string;
 export const SurfaceCtaSurfacePromoPressed: string;
 export const SurfaceCtaSurfacePromoFocus: string;
 export const SurfaceCtaSurfacePromoFocusPressed: string;
+export const SurfaceContentbuttonSurfaceSurfaceSelected: string;
+export const SurfaceContentswitcherSurface: string;
 export const BorderCtaBorderSecondary: string;
 export const BorderCtaBorderSecondaryPressed: string;
 export const BorderCtaBorderSecondaryHover: string;
@@ -281,6 +283,9 @@ export const BorderFilterchipBorderMultiOn: string;
 export const BorderCollapsibleBorder: string;
 export const BorderBadgeBorder: string;
 export const BorderToggleBorder: string;
+export const BorderCardBorderAi: string;
+export const BorderCtaBorderAi: string;
+export const BorderContentbuttonBorderSelected: string;
 export const IconIconOnLight: string;
 export const IconIconOnLightSecondary: string;
 export const IconIconOnLightTertiary: string;

package/tokens/px-tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Mar 2024 12:52:31 GMT
+ * Generated on Thu, 14 Mar 2024 16:57:56 GMT
  */
 
 export const BackgroundBackground = '#ffffff';
@@ -142,11 +142,11 @@ export const SurfaceInputchipSurface = '#e8e8e8';
 export const SurfaceInputchipSurfaceHover = '#e8e8e8';
 export const SurfaceInputchipSurfaceError = '#fdebee';
 export const SurfaceFilterchipSurfaceMulti = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0,0,0,0.04)';
+export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0,0,0,0.08)';
 export const SurfaceFilterchipSurfaceMultiOn = '#e5effa';
 export const SurfaceFilterchipSurfaceMultiOnHover = '#e5effa';
 export const SurfaceFilterchipSurfaceSingle = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0,0,0,0.04)';
+export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0,0,0,0.08)';
 export const SurfaceFilterchipSurfaceSingleOn = '#0061d5';
 export const SurfaceFilterchipSurfaceSingleOnHover = '#0061d5';
 export const SurfaceSlidertrackSurface = '#6F6F6F';
@@ -217,6 +217,8 @@ export const SurfaceCtaSurfacePromoHover = '#4826c2';
 export const SurfaceCtaSurfacePromoPressed = '#3a1e9b';
 export const SurfaceCtaSurfacePromoFocus = '#4826c2';
 export const SurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
+export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
+export const SurfaceContentswitcherSurface = '#e8e8e8';
 export const BorderCtaBorderSecondary = '#bcbcbc';
 export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
 export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -281,6 +283,9 @@ export const BorderFilterchipBorderMultiOn = '#91c2fd';
 export const BorderCollapsibleBorder = '#d3d3d3';
 export const BorderBadgeBorder = '#ffffff';
 export const BorderToggleBorder = '#bcbcbc';
+export const BorderCardBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const BorderCtaBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const BorderContentbuttonBorderSelected = '#909090';
 export const IconIconOnLight = '#222222';
 export const IconIconOnLightSecondary = '#6F6F6F';
 export const IconIconOnLightTertiary = '#909090';

package/tokens/tokens-css-vars.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Mar 2024 12:52:31 GMT
+ * Generated on Thu, 14 Mar 2024 16:57:56 GMT
  */
 
 :root {
@@ -317,6 +317,8 @@
     --gray-30: #bcbcbc;
     --gray-20: #d3d3d3;
     --gray-10: #e8e8e8;
+    --border-cta-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
+    --border-card-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
     --surface-badge-video-surface: #009aed;
     --surface-badge-keynote-surface: #0a84ff;
     --surface-badge-pages-surface: #ff9500;
@@ -413,6 +415,7 @@
     --icon-icon-on-light-tertiary: var(--gray-50);
     --icon-icon-on-light-secondary: var(--gray-65);
     --icon-icon-on-light: var(--gray-100);
+    --border-contentbutton-border-selected: var(--gray-50);
     --border-toggle-border: var(--gray-30);
     --border-badge-border: var(--gray-white);
     --border-collapsible-border: var(--gray-20);
@@ -477,6 +480,8 @@
     --border-cta-border-secondary-hover: var(--gray-30);
     --border-cta-border-secondary-pressed: var(--gray-30);
     --border-cta-border-secondary: var(--gray-30);
+    --surface-contentswitcher-surface: var(--gray-10);
+    --surface-contentbutton-surface-surface-selected: var(--gray-white);
     --surface-cta-surface-promo-focus-pressed: var(--grimace-120);
     --surface-cta-surface-promo-focus: var(--grimace-100);
     --surface-cta-surface-promo-pressed: var(--grimace-120);
@@ -541,11 +546,11 @@
     --surface-slidertrack-surface: var(--gray-65);
     --surface-filterchip-surface-single-on-hover: var(--box-blue-100);
     --surface-filterchip-surface-single-on: var(--box-blue-100);
-    --surface-filterchip-surface-single-hover: var(--black-opacity-04);
+    --surface-filterchip-surface-single-hover: var(--black-opacity-08);
     --surface-filterchip-surface-single: var(--black-opacity-04);
     --surface-filterchip-surface-multi-on-hover: var(--box-blue-10);
     --surface-filterchip-surface-multi-on: var(--box-blue-10);
-    --surface-filterchip-surface-multi-hover: var(--black-opacity-04);
+    --surface-filterchip-surface-multi-hover: var(--black-opacity-08);
     --surface-filterchip-surface-multi: var(--black-opacity-04);
     --surface-inputchip-surface-error: var(--watermelon-red-10);
     --surface-inputchip-surface-hover: var(--gray-10);

package/tokens/tokens.d.ts

@@ -212,6 +212,8 @@ export const SurfaceCtaSurfacePromoHover: string;
 export const SurfaceCtaSurfacePromoPressed: string;
 export const SurfaceCtaSurfacePromoFocus: string;
 export const SurfaceCtaSurfacePromoFocusPressed: string;
+export const SurfaceContentbuttonSurfaceSurfaceSelected: string;
+export const SurfaceContentswitcherSurface: string;
 export const BorderCtaBorderSecondary: string;
 export const BorderCtaBorderSecondaryPressed: string;
 export const BorderCtaBorderSecondaryHover: string;
@@ -276,6 +278,9 @@ export const BorderFilterchipBorderMultiOn: string;
 export const BorderCollapsibleBorder: string;
 export const BorderBadgeBorder: string;
 export const BorderToggleBorder: string;
+export const BorderCardBorderAi: string;
+export const BorderCtaBorderAi: string;
+export const BorderContentbuttonBorderSelected: string;
 export const IconIconOnLight: string;
 export const IconIconOnLightSecondary: string;
 export const IconIconOnLightTertiary: string;

package/tokens/tokens.js

@@ -137,11 +137,11 @@ export const SurfaceInputchipSurface = '#e8e8e8';
 export const SurfaceInputchipSurfaceHover = '#e8e8e8';
 export const SurfaceInputchipSurfaceError = '#fdebee';
 export const SurfaceFilterchipSurfaceMulti = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0,0,0,0.04)';
+export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0,0,0,0.08)';
 export const SurfaceFilterchipSurfaceMultiOn = '#e5effa';
 export const SurfaceFilterchipSurfaceMultiOnHover = '#e5effa';
 export const SurfaceFilterchipSurfaceSingle = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0,0,0,0.04)';
+export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0,0,0,0.08)';
 export const SurfaceFilterchipSurfaceSingleOn = '#0061d5';
 export const SurfaceFilterchipSurfaceSingleOnHover = '#0061d5';
 export const SurfaceSlidertrackSurface = '#6F6F6F';
@@ -212,6 +212,8 @@ export const SurfaceCtaSurfacePromoHover = '#4826c2';
 export const SurfaceCtaSurfacePromoPressed = '#3a1e9b';
 export const SurfaceCtaSurfacePromoFocus = '#4826c2';
 export const SurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
+export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
+export const SurfaceContentswitcherSurface = '#e8e8e8';
 export const BorderCtaBorderSecondary = '#bcbcbc';
 export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
 export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -276,6 +278,9 @@ export const BorderFilterchipBorderMultiOn = '#91c2fd';
 export const BorderCollapsibleBorder = '#d3d3d3';
 export const BorderBadgeBorder = '#ffffff';
 export const BorderToggleBorder = '#bcbcbc';
+export const BorderCardBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const BorderCtaBorderAi = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
+export const BorderContentbuttonBorderSelected = '#909090';
 export const IconIconOnLight = '#222222';
 export const IconIconOnLightSecondary = '#6F6F6F';
 export const IconIconOnLightTertiary = '#909090';

package/tokens/tokens.json

@@ -138,11 +138,11 @@
     "SurfaceInputchipSurfaceHover": "#e8e8e8",
     "SurfaceInputchipSurfaceError": "#fdebee",
     "SurfaceFilterchipSurfaceMulti": "rgba(0,0,0,0.04)",
-    "SurfaceFilterchipSurfaceMultiHover": "rgba(0,0,0,0.04)",
+    "SurfaceFilterchipSurfaceMultiHover": "rgba(0,0,0,0.08)",
     "SurfaceFilterchipSurfaceMultiOn": "#e5effa",
     "SurfaceFilterchipSurfaceMultiOnHover": "#e5effa",
     "SurfaceFilterchipSurfaceSingle": "rgba(0,0,0,0.04)",
-    "SurfaceFilterchipSurfaceSingleHover": "rgba(0,0,0,0.04)",
+    "SurfaceFilterchipSurfaceSingleHover": "rgba(0,0,0,0.08)",
     "SurfaceFilterchipSurfaceSingleOn": "#0061d5",
     "SurfaceFilterchipSurfaceSingleOnHover": "#0061d5",
     "SurfaceSlidertrackSurface": "#6F6F6F",
@@ -213,6 +213,8 @@
     "SurfaceCtaSurfacePromoPressed": "#3a1e9b",
     "SurfaceCtaSurfacePromoFocus": "#4826c2",
     "SurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
+    "SurfaceContentbuttonSurfaceSurfaceSelected": "#ffffff",
+    "SurfaceContentswitcherSurface": "#e8e8e8",
     "BorderCtaBorderSecondary": "#bcbcbc",
     "BorderCtaBorderSecondaryPressed": "#bcbcbc",
     "BorderCtaBorderSecondaryHover": "#bcbcbc",
@@ -277,6 +279,9 @@
     "BorderCollapsibleBorder": "#d3d3d3",
     "BorderBadgeBorder": "#ffffff",
     "BorderToggleBorder": "#bcbcbc",
+    "BorderCardBorderAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
+    "BorderCtaBorderAi": "linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)",
+    "BorderContentbuttonBorderSelected": "#909090",
     "IconIconOnLight": "#222222",
     "IconIconOnLightSecondary": "#6F6F6F",
     "IconIconOnLightTertiary": "#909090",

package/tokens/tokens.scss

@@ -137,11 +137,11 @@ $surface-inputchip-surface: #e8e8e8 !default;
 $surface-inputchip-surface-hover: #e8e8e8 !default;
 $surface-inputchip-surface-error: #fdebee !default;
 $surface-filterchip-surface-multi: rgba(0, 0, 0, 0.04) !default;
-$surface-filterchip-surface-multi-hover: rgba(0, 0, 0, 0.04) !default;
+$surface-filterchip-surface-multi-hover: rgba(0, 0, 0, 0.08) !default;
 $surface-filterchip-surface-multi-on: #e5effa !default;
 $surface-filterchip-surface-multi-on-hover: #e5effa !default;
 $surface-filterchip-surface-single: rgba(0, 0, 0, 0.04) !default;
-$surface-filterchip-surface-single-hover: rgba(0, 0, 0, 0.04) !default;
+$surface-filterchip-surface-single-hover: rgba(0, 0, 0, 0.08) !default;
 $surface-filterchip-surface-single-on: #0061d5 !default;
 $surface-filterchip-surface-single-on-hover: #0061d5 !default;
 $surface-slidertrack-surface: #6f6f6f !default;
@@ -212,6 +212,8 @@ $surface-cta-surface-promo-hover: #4826c2 !default;
 $surface-cta-surface-promo-pressed: #3a1e9b !default;
 $surface-cta-surface-promo-focus: #4826c2 !default;
 $surface-cta-surface-promo-focus-pressed: #3a1e9b !default;
+$surface-contentbutton-surface-surface-selected: #ffffff !default;
+$surface-contentswitcher-surface: #e8e8e8 !default;
 $border-cta-border-secondary: #bcbcbc !default;
 $border-cta-border-secondary-pressed: #bcbcbc !default;
 $border-cta-border-secondary-hover: #bcbcbc !default;
@@ -276,6 +278,9 @@ $border-filterchip-border-multi-on: #91c2fd !default;
 $border-collapsible-border: #d3d3d3 !default;
 $border-badge-border: #ffffff !default;
 $border-toggle-border: #bcbcbc !default;
+$border-card-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
+$border-cta-border-ai: linear-gradient(135deg, #fe03dc 0%, #2784fa 100%) !default;
+$border-contentbutton-border-selected: #909090 !default;
 $icon-icon-on-light: #222222 !default;
 $icon-icon-on-light-secondary: #6f6f6f !default;
 $icon-icon-on-light-tertiary: #909090 !default;
@@ -910,6 +915,8 @@ $tokens: (
         'cta-surface-promo-pressed': $surface-cta-surface-promo-pressed,
         'cta-surface-promo-focus': $surface-cta-surface-promo-focus,
         'cta-surface-promo-focus-pressed': $surface-cta-surface-promo-focus-pressed,
+        'contentbutton-surface-surface-selected': $surface-contentbutton-surface-surface-selected,
+        'contentswitcher-surface': $surface-contentswitcher-surface,
     ),
     'Border': (
         'cta-border-secondary': $border-cta-border-secondary,
@@ -976,6 +983,9 @@ $tokens: (
         'collapsible-border': $border-collapsible-border,
         'badge-border': $border-badge-border,
         'toggle-border': $border-toggle-border,
+        'card-border-ai': $border-card-border-ai,
+        'cta-border-ai': $border-cta-border-ai,
+        'contentbutton-border-selected': $border-contentbutton-border-selected,
     ),
     'Icon': (
         'icon-on-light': $icon-icon-on-light,