@box/blueprint-web-assets 4.80.4 → 4.81.2

package/dist/icons/Medium/ArrowRightSquareAlt.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/ArrowRightSquareAlt.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgArrowRightSquareAlt = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M12.293 8.293a1 1 0 0 1 1.338-.068l.076.068 3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L13.586 13H8a1 1 0 0 1 0-2h5.586l-1.293-1.293-.068-.076a1 1 0 0 1 .068-1.338Z" }), _jsx("path", { fill: props.color || '#909090', d: "m17 21 .206-.005a4 4 0 0 0 3.79-3.789L21 17V7a4 4 0 0 0-3.794-3.995L17 3H7l-.206.005A4 4 0 0 0 3 7v10l.005.206a4.001 4.001 0 0 0 3.789 3.79L7 21h10Zm2-4a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10Z" })] }));
+const ForwardRef = forwardRef(SvgArrowRightSquareAlt);
+export default ForwardRef;

package/dist/icons/Medium/BubbleAlert.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/BubbleAlert.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgBubbleAlert = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M12 2c3.155 0 5.681.789 7.426 2.388C21.183 5.998 22 8.298 22 11c0 2.703-.817 5.001-2.574 6.612C17.68 19.212 15.155 20 12 20h-.1c-1.357 1.23-3.037 1.98-4.464 2.18-.753.105-1.549.073-2.207-.24C4.497 21.59 4 20.912 4 20c0-.888.437-1.505.663-1.87.133-.214.236-.394.302-.594C2.91 16.223 2 13.937 2 11c0-2.703.817-5.001 2.574-6.612C6.32 2.788 8.845 2 12 2Zm0 2c-2.845 0-4.819.711-6.074 1.862C4.683 7.002 4 8.702 4 11c0 2.745.885 4.297 2.44 5.078.367.185.615.57.606 1.005-.02 1-.4 1.647-.685 2.105C6.072 19.652 6 19.78 6 20c0 .084 0 .091.089.134.164.078.517.142 1.07.065 1.084-.151 2.506-.79 3.609-1.88l.079-.072A1.1 1.1 0 0 1 11.54 18H12c2.845 0 4.819-.711 6.074-1.862C19.316 14.998 20 13.298 20 11c0-2.297-.683-3.999-1.926-5.138C16.82 4.712 14.845 4 12 4Zm0 10a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Z" }) }));
+const ForwardRef = forwardRef(SvgBubbleAlert);
+export default ForwardRef;

package/dist/icons/Medium/Calendar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Calendar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCalendar = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M17 2a1 1 0 0 1 1 1v1.1c2.282.463 4 2.481 4 4.9v8a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V9a5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 2 0v1h8V3a1 1 0 0 1 1-1ZM4 17a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6H4v6ZM7 6a3 3 0 0 0-3 3h16a3 3 0 0 0-3-3H7Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgCalendar);
+export default ForwardRef;

package/dist/icons/Medium/CalendarPause.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/CalendarPause.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCalendarPause = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M17 15a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1Zm4 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M17 2a1 1 0 0 1 1 1v1.1c2.282.463 4 2.481 4 4.9v4a1 1 0 1 1-2 0v-2H4v6a3 3 0 0 0 3 3h6a1 1 0 1 1 0 2H7a5 5 0 0 1-5-5V9a5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 2 0v1h8V3a1 1 0 0 1 1-1ZM7 6a3 3 0 0 0-3 3h16a3 3 0 0 0-3-3H7Z", clipRule: "evenodd" })] }));
+const ForwardRef = forwardRef(SvgCalendarPause);
+export default ForwardRef;

package/dist/icons/Medium/CalendarRecurring.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/CalendarRecurring.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCalendarRecurring = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M17 2a1 1 0 0 1 1 1v1.1c2.282.463 4 2.481 4 4.9v4a1 1 0 1 1-2 0v-2H4v6a3 3 0 0 0 3 3h2a1 1 0 1 1 0 2H7a5 5 0 0 1-5-5V9a5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 2 0v1h8V3a1 1 0 0 1 1-1ZM7 6a3 3 0 0 0-3 3h16a3 3 0 0 0-3-3H7Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M13.957 20.707a1 1 0 0 1-1.414 0l-1.5-1.5a1 1 0 0 1 1.283-1.522c.114-.666.37-1.43.862-2.113.748-1.038 1.986-1.822 3.812-1.822.42 0 .923.065 1.442.219a1 1 0 1 1-.569 1.917A3.17 3.17 0 0 0 17 15.75c-1.174 0-1.811.467-2.189.99a2.94 2.94 0 0 0-.402.822.999.999 0 0 1 1.048 1.645l-1.5 1.5Zm2.941 2.543a5.14 5.14 0 0 1-1.394-.204 1 1 0 0 1 .552-1.923c.322.093.622.127.842.127 1.174 0 1.812-.467 2.189-.99a2.94 2.94 0 0 0 .403-.82 1 1 0 0 1-1.049-1.647l1.5-1.5a1 1 0 0 1 1.414 0l1.5 1.5a1 1 0 0 1-1.282 1.523 5.11 5.11 0 0 1-.863 2.112c-.748 1.038-1.986 1.822-3.812 1.822Z" })] }));
+const ForwardRef = forwardRef(SvgCalendarRecurring);
+export default ForwardRef;

package/dist/icons/Medium/Keyboard.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Keyboard.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgKeyboard = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', d: "M6.75 12.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm7 0a1 1 0 1 1 0 2h-3.5a1 1 0 1 1 0-2h3.5Zm3.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-10.5-3.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm3.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18 5a4 4 0 0 1 4 4v5a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h12ZM6 7a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H6Z", clipRule: "evenodd" })] }));
+const ForwardRef = forwardRef(SvgKeyboard);
+export default ForwardRef;

package/dist/icons/Medium/Printer.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Printer.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPrinter = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M17 2a2 2 0 0 1 2 2v2c0 .042-.003.083-.006.124A4.002 4.002 0 0 1 22 10v4a4 4 0 0 1-3 3.873V20a2 2 0 0 1-2 2H7l-.204-.01A2 2 0 0 1 5 20v-2.127a4.002 4.002 0 0 1-2.995-3.667L2 14v-4a4.002 4.002 0 0 1 3.006-3.876L5 6V4a2 2 0 0 1 2-2h10ZM7 20h10v-6H7v6Zm8-4a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h6ZM6 8a2 2 0 0 0-2 2v4c0 .74.403 1.383 1 1.73V13a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2.73c.597-.347 1-.99 1-1.73v-4a2 2 0 0 0-2-2H6Zm0 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm1-3h10V4H7v2Z" }) }));
+const ForwardRef = forwardRef(SvgPrinter);
+export default ForwardRef;

package/dist/icons/Medium/SquareWithDiagonalStripes.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/SquareWithDiagonalStripes.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgSquareWithDiagonalStripes = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M17.206 3.005A4 4 0 0 1 21 7v10l-.005.206a4 4 0 0 1-3.789 3.79L17 21H7l-.206-.005a4.001 4.001 0 0 1-3.79-3.789L3 17V7a4 4 0 0 1 3.794-3.995L7 3h10l.206.005ZM14.82 19H17a2 2 0 0 0 2-2v-2.18L14.82 19Zm-5.657 0h2.828L19 11.991V9.163L9.163 19Zm-4.11-1.548a2.002 2.002 0 0 0 1.367 1.462L18.914 6.42a2.002 2.002 0 0 0-1.462-1.367l-12.4 12.4ZM5 11.414v3.264L14.678 5h-3.264L5 11.414ZM7 5a2 2 0 0 0-2 2v1.586L8.586 5H7Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgSquareWithDiagonalStripes);
+export default ForwardRef;

package/dist/icons/Medium/Stamp.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Stamp.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgStamp = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M19 20a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h14ZM12 1c1.276 0 2.325.492 3.031 1.375.683.853.969 1.972.969 3.125 0 .413-.103.786-.21 1.098-.088.256-.259.68-.35.931A6.821 6.821 0 0 0 15 10v1h3a4 4 0 0 1 4 4v.5a2.5 2.5 0 0 1-2.5 2.5h-15A2.5 2.5 0 0 1 2 15.5V15a4 4 0 0 1 4-4h3v-1c0-1.1-.216-1.857-.44-2.47-.091-.253-.262-.676-.35-.932C8.103 6.286 8 5.913 8 5.5c0-1.153.286-2.272.969-3.125C9.675 1.492 10.724 1 12 1ZM6 13a2 2 0 0 0-2 2v.5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5V15a2 2 0 0 0-2-2H6Zm6-10c-.724 0-1.175.258-1.469.625C10.214 4.022 10 4.653 10 5.5c0 .087.022.214.102.45.1.29.18.46.338.896.276.76.56 1.755.56 3.154v1h2v-1c0-1.4.284-2.393.56-3.154.159-.436.238-.606.338-.897.08-.235.102-.362.102-.449 0-.847-.214-1.478-.531-1.875C13.175 3.258 12.724 3 12 3Z" }) }));
+const ForwardRef = forwardRef(SvgStamp);
+export default ForwardRef;

package/dist/icons/Medium/Template.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/Medium/Template.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgTemplate = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M18 4a4 4 0 0 1 4 4v8l-.005.206a4 4 0 0 1-3.789 3.79L18 20H6l-.206-.005A4 4 0 0 1 2 16V8a4 4 0 0 1 4-4h12ZM4 10v6a2 2 0 0 0 2 2h8v-8H4Zm12 0v8h2a2 2 0 0 0 2-2v-6h-4ZM6 6a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H6Z" }) }));
+const ForwardRef = forwardRef(SvgTemplate);
+export default ForwardRef;

package/dist/icons/Medium/index.d.ts

@@ -12,6 +12,7 @@ export { default as ArrowCurveForward5 } from './ArrowCurveForward5';
 export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowRightSquareAlt } from './ArrowRightSquareAlt';
 export { default as ArrowUp } from './ArrowUp';
 export { default as ArrowUpRight } from './ArrowUpRight';
 export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
@@ -32,10 +33,14 @@ export { default as BoxLeftArrow } from './BoxLeftArrow';
 export { default as Brain } from './Brain';
 export { default as Briefcase } from './Briefcase';
 export { default as Broom } from './Broom';
+export { default as BubbleAlert } from './BubbleAlert';
 export { default as BubbleQuestion } from './BubbleQuestion';
 export { default as BubbleStar } from './BubbleStar';
 export { default as BubbleText } from './BubbleText';
 export { default as BulletList } from './BulletList';
+export { default as Calendar } from './Calendar';
+export { default as CalendarPause } from './CalendarPause';
+export { default as CalendarRecurring } from './CalendarRecurring';
 export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
@@ -87,6 +92,7 @@ export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Items } from './Items';
+export { default as Keyboard } from './Keyboard';
 export { default as LargeListView } from './LargeListView';
 export { default as Layout } from './Layout';
 export { default as Link } from './Link';
@@ -109,6 +115,7 @@ export { default as PaperStamp } from './PaperStamp';
 export { default as Pencil } from './Pencil';
 export { default as PencilScribble } from './PencilScribble';
 export { default as Plus } from './Plus';
+export { default as Printer } from './Printer';
 export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
@@ -122,10 +129,13 @@ export { default as SidebarChevronRight } from './SidebarChevronRight';
 export { default as Sign } from './Sign';
 export { default as Sparkles } from './Sparkles';
 export { default as Split } from './Split';
+export { default as SquareWithDiagonalStripes } from './SquareWithDiagonalStripes';
+export { default as Stamp } from './Stamp';
 export { default as Strikethrough } from './Strikethrough';
 export { default as Table } from './Table';
 export { default as Tag } from './Tag';
 export { default as Tasks } from './Tasks';
+export { default as Template } from './Template';
 export { default as TextHighlight } from './TextHighlight';
 export { default as ThumbsDown } from './ThumbsDown';
 export { default as ThumbsUp } from './ThumbsUp';

package/dist/icons/Medium/index.js

@@ -12,6 +12,7 @@ export { default as ArrowCurveForward5 } from './ArrowCurveForward5';
 export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowRightSquareAlt } from './ArrowRightSquareAlt';
 export { default as ArrowUp } from './ArrowUp';
 export { default as ArrowUpRight } from './ArrowUpRight';
 export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
@@ -32,10 +33,14 @@ export { default as BoxLeftArrow } from './BoxLeftArrow';
 export { default as Brain } from './Brain';
 export { default as Briefcase } from './Briefcase';
 export { default as Broom } from './Broom';
+export { default as BubbleAlert } from './BubbleAlert';
 export { default as BubbleQuestion } from './BubbleQuestion';
 export { default as BubbleStar } from './BubbleStar';
 export { default as BubbleText } from './BubbleText';
 export { default as BulletList } from './BulletList';
+export { default as Calendar } from './Calendar';
+export { default as CalendarPause } from './CalendarPause';
+export { default as CalendarRecurring } from './CalendarRecurring';
 export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
@@ -87,6 +92,7 @@ export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Items } from './Items';
+export { default as Keyboard } from './Keyboard';
 export { default as LargeListView } from './LargeListView';
 export { default as Layout } from './Layout';
 export { default as Link } from './Link';
@@ -109,6 +115,7 @@ export { default as PaperStamp } from './PaperStamp';
 export { default as Pencil } from './Pencil';
 export { default as PencilScribble } from './PencilScribble';
 export { default as Plus } from './Plus';
+export { default as Printer } from './Printer';
 export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
@@ -122,10 +129,13 @@ export { default as SidebarChevronRight } from './SidebarChevronRight';
 export { default as Sign } from './Sign';
 export { default as Sparkles } from './Sparkles';
 export { default as Split } from './Split';
+export { default as SquareWithDiagonalStripes } from './SquareWithDiagonalStripes';
+export { default as Stamp } from './Stamp';
 export { default as Strikethrough } from './Strikethrough';
 export { default as Table } from './Table';
 export { default as Tag } from './Tag';
 export { default as Tasks } from './Tasks';
+export { default as Template } from './Template';
 export { default as TextHighlight } from './TextHighlight';
 export { default as ThumbsDown } from './ThumbsDown';
 export { default as ThumbsUp } from './ThumbsUp';

package/dist/icons/MediumFilled/Calendar.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/MediumFilled/Calendar.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCalendar = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M17 2a1 1 0 0 1 1 1v1.1c2.282.463 4 2.481 4 4.9v8a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V9a5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 2 0v1h8V3a1 1 0 0 1 1-1ZM6 6a2 2 0 0 0-2 2v1h16V8a2 2 0 0 0-2-2H6Z" }) }));
+const ForwardRef = forwardRef(SvgCalendar);
+export default ForwardRef;

package/dist/icons/MediumFilled/Plus.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/MediumFilled/Plus.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPlus = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M12 1.5A1.5 1.5 0 0 1 13.5 3v7.5H21a1.5 1.5 0 0 1 0 3h-7.5V21a1.5 1.5 0 0 1-3 0v-7.5H3a1.5 1.5 0 0 1 0-3h7.5V3A1.5 1.5 0 0 1 12 1.5Z" }) }));
+const ForwardRef = forwardRef(SvgPlus);
+export default ForwardRef;

package/dist/icons/MediumFilled/Stamp.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/icons/MediumFilled/Stamp.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgStamp = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M19 20a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2h14Zm-.477-7.995A3.667 3.667 0 0 1 22 15.667 2.333 2.333 0 0 1 19.667 18H4.333A2.333 2.333 0 0 1 2 15.667 3.667 3.667 0 0 1 5.667 12h12.666l.19.005ZM12 1c1.276 0 2.325.492 3.031 1.375.683.853.969 1.972.969 3.125 0 .572-.28 1.038-.487 1.339-.113.164-.24.328-.355.477-.12.156-.235.302-.35.46C14.369 8.381 14 9.05 14 10a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1c0-.949-.367-1.618-.809-2.225-.114-.157-.228-.303-.35-.459a10.47 10.47 0 0 1-.354-.477C8.281 6.538 8 6.072 8 5.5c0-1.153.286-2.272.969-3.125C9.675 1.492 10.724 1 12 1Z" }) }));
+const ForwardRef = forwardRef(SvgStamp);
+export default ForwardRef;

package/dist/icons/MediumFilled/index.d.ts

@@ -4,6 +4,7 @@ export { default as Avatar } from './Avatar';
 export { default as AvatarCircle } from './AvatarCircle';
 export { default as BarChart } from './BarChart';
 export { default as Bell } from './Bell';
+export { default as Calendar } from './Calendar';
 export { default as Canvas } from './Canvas';
 export { default as Checkmark } from './Checkmark';
 export { default as CheckmarkCircle } from './CheckmarkCircle';
@@ -32,6 +33,7 @@ export { default as Notes } from './Notes';
 export { default as Page } from './Page';
 export { default as Pause } from './Pause';
 export { default as Play } from './Play';
+export { default as Plus } from './Plus';
 export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
@@ -39,6 +41,7 @@ export { default as Search } from './Search';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';
 export { default as Sparkles } from './Sparkles';
+export { default as Stamp } from './Stamp';
 export { default as Tag } from './Tag';
 export { default as Tasks } from './Tasks';
 export { default as ThumbsDown } from './ThumbsDown';

package/dist/icons/MediumFilled/index.js

@@ -4,6 +4,7 @@ export { default as Avatar } from './Avatar';
 export { default as AvatarCircle } from './AvatarCircle';
 export { default as BarChart } from './BarChart';
 export { default as Bell } from './Bell';
+export { default as Calendar } from './Calendar';
 export { default as Canvas } from './Canvas';
 export { default as Checkmark } from './Checkmark';
 export { default as CheckmarkCircle } from './CheckmarkCircle';
@@ -32,6 +33,7 @@ export { default as Notes } from './Notes';
 export { default as Page } from './Page';
 export { default as Pause } from './Pause';
 export { default as Play } from './Play';
+export { default as Plus } from './Plus';
 export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
@@ -39,6 +41,7 @@ export { default as Search } from './Search';
 export { default as Section } from './Section';
 export { default as Shield } from './Shield';
 export { default as Sparkles } from './Sparkles';
+export { default as Stamp } from './Stamp';
 export { default as Tag } from './Tag';
 export { default as Tasks } from './Tasks';
 export { default as ThumbsDown } from './ThumbsDown';

package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts

@@ -357,6 +357,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/BP2/dark_mode_value/px-tokens.js

@@ -357,6 +357,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/BP2/dark_mode_value/tokens.css

@@ -899,6 +899,7 @@
     --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface: var(--bp-gray-white);
+    --bp-surface-select-surface-read-only: var(--bp-gray-02);
     --bp-surface-side-panel-surface: var(--bp-gray-02);
     --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
     --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);

package/dist/tokens/BP2/dark_mode_value/tokens.d.ts

@@ -353,6 +353,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/BP2/dark_mode_value/tokens.js

@@ -353,6 +353,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/BP2/dark_mode_value/tokens.json

@@ -354,6 +354,7 @@
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurface": "#ffffff",
+    "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
     "BpSurfaceSidePanelSurface": "#fbfbfb",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",

package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts

@@ -358,6 +358,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/BP2/light_mode_value/px-tokens.js

@@ -358,6 +358,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -900,6 +900,7 @@
     --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface: var(--bp-gray-white);
+    --bp-surface-select-surface-read-only: var(--bp-gray-02);
     --bp-surface-side-panel-surface: var(--bp-gray-02);
     --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
     --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);

package/dist/tokens/BP2/light_mode_value/tokens.d.ts

@@ -354,6 +354,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/BP2/light_mode_value/tokens.js

@@ -354,6 +354,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/BP2/light_mode_value/tokens.json

@@ -355,6 +355,7 @@
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurface": "#ffffff",
+    "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
     "BpSurfaceSidePanelSurface": "#fbfbfb",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",

package/dist/tokens/mixins-modern.scss

@@ -1,15 +1,8 @@
 @mixin bp-title-mondo {
     font-weight: var(--bp-font-weight-black);
     font-size: var(--bp-font-size-11);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-07);
     letter-spacing: normal;
@@ -18,15 +11,8 @@
 @mixin bp-title-xlarge {
     font-weight: var(--bp-font-weight-black);
     font-size: var(--bp-font-size-10);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-06);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -35,15 +21,8 @@
 @mixin bp-title-large {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-09);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-05);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -52,15 +31,8 @@
 @mixin bp-title-medium {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-08);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     line-height: var(--bp-font-line-height-05);
     letter-spacing: var(--bp-font-letter-spacing-01);
 }
@@ -68,15 +40,8 @@
 @mixin bp-title-small {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-07);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
 }
@@ -84,15 +49,8 @@
 @mixin bp-subtitle {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-06);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -101,15 +59,8 @@
 @mixin bp-body-large-bold {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-07);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-05);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -118,15 +69,8 @@
 @mixin bp-body-large {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-07);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-05);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -135,15 +79,8 @@
 @mixin bp-body-default-bold {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-05);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -152,15 +89,8 @@
 @mixin bp-body-default-semibold {
     font-weight: var(--bp-font-weight-semibold);
     font-size: var(--bp-font-size-05);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -169,15 +99,8 @@
 @mixin bp-body-default {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-05);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -186,15 +109,8 @@
 @mixin bp-body-small-semibold {
     font-weight: var(--bp-font-weight-semibold);
     font-size: var(--bp-font-size-04);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -203,15 +119,8 @@
 @mixin bp-body-small {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-04);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -220,15 +129,8 @@
 @mixin bp-caption-bold {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-03);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-02);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -237,15 +139,8 @@
 @mixin bp-caption-default {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-03);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-02);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -254,15 +149,8 @@
 @mixin bp-label-bold {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-02);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-03);
     letter-spacing: var(--bp-font-letter-spacing-02);
@@ -271,15 +159,8 @@
 @mixin bp-label-default {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-02);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-03);
     letter-spacing: var(--bp-font-letter-spacing-02);
@@ -288,15 +169,8 @@
 @mixin bp-link-default {
     font-weight: var(--bp-font-weight-regular);
     font-size: var(--bp-font-size-05);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-04);
     letter-spacing: var(--bp-font-letter-spacing-01);
@@ -310,15 +184,8 @@
 @mixin bp-notification-default {
     font-weight: var(--bp-font-weight-bold);
     font-size: var(--bp-font-size-01);
-    font-family:
-        var(--bp-font-font-family),
-        -apple-system,
-        BlinkMacSystemFont,
-        'San Francisco',
-        'Segoe UI',
-        Roboto,
-        'Helvetica Neue',
-        sans-serif;
+    font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
+        'Helvetica Neue', sans-serif;
     font-style: normal;
     line-height: var(--bp-font-line-height-02);
     letter-spacing: var(--bp-font-letter-spacing-01);

package/dist/tokens/px-tokens.d.ts

@@ -1180,6 +1180,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/px-tokens.js

@@ -1191,6 +1191,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/tokens-css-vars.scss

@@ -1688,6 +1688,7 @@
     --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
     --bp-surface-select-surface: var(--bp-gray-white);
+    --bp-surface-select-surface-read-only: var(--bp-gray-02);
     --bp-surface-side-panel-surface: var(--bp-gray-02);
     --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
     --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);

package/dist/tokens/tokens.d.ts

@@ -1176,6 +1176,7 @@ export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
 export const bpSurfaceSelectSurface: string;
+export const bpSurfaceSelectSurfaceReadOnly: string;
 export const bpSurfaceSidePanelSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;

package/dist/tokens/tokens.js

@@ -1187,6 +1187,7 @@ export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
 export const bpSurfaceSelectSurface = '#ffffff';
+export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';

package/dist/tokens/tokens.json

@@ -1175,6 +1175,7 @@
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
     "BpSurfaceSelectSurface": "#ffffff",
+    "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
     "BpSurfaceSidePanelSurface": "#fbfbfb",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.80.4",
+    "version": "4.81.2",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.14.17",
+        "@box/storybook-utils": "^0.14.18",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "chalk": "4.1.2",