@box/blueprint-web-assets 4.60.14 → 4.61.2

package/dist/icons/Medium/{Information.js → AlertCircle.js}

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-const SvgInformation = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm-2-11a1 1 0 0 1 1-1h.5a1.5 1.5 0 0 1 1.5 1.5V15a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 1-1.5-1.5V12a1 1 0 0 1-1-1Zm2-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgInformation);
+const SvgAlertCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgAlertCircle);
 export default ForwardRef;

package/dist/icons/Medium/BubbleQuestion.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-const SvgBubbleQuestion = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M4 11c0-2.297.683-3.999 1.926-5.138C7.18 4.712 9.155 4 12 4c2.845 0 4.819.711 6.074 1.862C19.317 7.001 20 8.702 20 11c0 2.297-.683 3.999-1.926 5.138C16.82 17.288 14.845 18 12 18h-.459a1.1 1.1 0 0 0-.774.318C9.665 19.41 8.243 20.048 7.16 20.2c-.553.078-.905.013-1.07-.065C6 20.09 6 20.084 6 20V20c0-.22.072-.347.361-.813.285-.458.665-1.104.685-2.104a1.1 1.1 0 0 0-.606-1.005C4.885 15.298 4 13.745 4 11Zm8-9c-3.155 0-5.681.789-7.426 2.388C2.817 5.999 2 8.298 2 11c0 2.938.91 5.227 2.966 6.539a2.79 2.79 0 0 1-.303.592l-.055.088C4.372 18.591 4 19.18 4 20c0 .912.496 1.59 1.23 1.94.657.313 1.453.345 2.205.24 1.428-.2 3.108-.95 4.464-2.18H12c3.155 0 5.681-.789 7.426-2.388C21.183 16.001 22 13.702 22 11c0-2.703-.817-5.001-2.574-6.612C17.68 2.788 15.155 2 12 2Zm-.286 10.992c-.247 0-.444-.077-.59-.231a.855.855 0 0 1-.22-.608v-.194c0-.272.05-.515.15-.728.1-.217.24-.414.42-.593.18-.181.39-.352.631-.513.254-.168.46-.323.621-.467.164-.143.284-.295.36-.456.078-.164.116-.356.116-.576 0-.227-.058-.426-.175-.598a1.154 1.154 0 0 0-.471-.403 1.523 1.523 0 0 0-.666-.142c-.207 0-.396.033-.566.1-.17.066-.319.175-.446.325a1.697 1.697 0 0 0-.3.576.89.89 0 0 1-.316.404.85.85 0 0 1-.486.141c-.24 0-.43-.073-.57-.22C9.067 8.662 9 8.47 9 8.233c0-.123.015-.247.045-.372.03-.126.075-.252.135-.378.144-.304.35-.566.621-.786.274-.224.595-.395.962-.514.367-.122.77-.183 1.207-.183.588 0 1.108.105 1.563.314.457.207.816.505 1.076.897.26.388.391.852.391 1.394 0 .496-.12.926-.36 1.29-.238.359-.585.688-1.042.985a6.288 6.288 0 0 0-.646.471c-.15.133-.26.266-.331.398a1.34 1.34 0 0 0-.13.472 1.205 1.205 0 0 0-.015.126.783.783 0 0 1-.246.477c-.13.112-.302.168-.516.168Zm-.497 2.874c.151.09.32.134.503.134a.975.975 0 0 0 .865-.499.947.947 0 0 0 .138-.504.947.947 0 0 0-.138-.503 1 1 0 0 0-1.729 0 .973.973 0 0 0-.133.503c0 .185.044.354.133.504.092.155.213.276.36.365Z", clipRule: "evenodd" }) }));
+const SvgBubbleQuestion = (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 4Zm-.28 10a1.001 1.001 0 0 1 .864.493.95.95 0 0 1 .139.504.949.949 0 0 1-.139.504.989.989 0 0 1-.864.499.974.974 0 0 1-.864-.499.975.975 0 0 1-.133-.504c0-.185.045-.353.133-.504.093-.15.213-.27.36-.36A.974.974 0 0 1 11.72 14Zm.25-8c.587 0 1.108.105 1.562.314a2.49 2.49 0 0 1 1.077.897c.26.388.39.852.391 1.393 0 .497-.12.927-.36 1.29-.237.36-.585.689-1.042.986a6.3 6.3 0 0 0-.647.472c-.15.132-.26.264-.33.397-.067.13-.11.287-.13.472l-.01.063a.784.784 0 0 1-.25.54c-.13.112-.303.167-.516.167-.247 0-.444-.077-.591-.23a.855.855 0 0 1-.22-.608v-.194c0-.272.05-.515.15-.729.1-.216.24-.413.42-.591.18-.182.391-.353.631-.514.254-.168.461-.324.622-.467.163-.143.283-.295.36-.456.077-.164.115-.356.115-.576 0-.227-.059-.426-.176-.598a1.154 1.154 0 0 0-.47-.403 1.524 1.524 0 0 0-.666-.142c-.207 0-.396.034-.566.1-.17.066-.32.175-.446.325a1.699 1.699 0 0 0-.3.576.89.89 0 0 1-.316.404.85.85 0 0 1-.486.141c-.24 0-.43-.073-.57-.22C9.067 8.664 9 8.47 9 8.233c0-.122.015-.246.045-.372.03-.125.076-.25.136-.377.143-.304.35-.566.62-.786.274-.223.595-.395.962-.513.367-.123.77-.184 1.207-.184Z" }) }));
 const ForwardRef = forwardRef(SvgBubbleQuestion);
 export default ForwardRef;

package/dist/icons/Medium/CheckmarkCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCheckmarkCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-6.22-1.375a1 1 0 1 0-1.56-1.25l-3.303 4.128-1.21-1.21a1 1 0 0 0-1.414 1.414l1.92 1.921a1.1 1.1 0 0 0 1.638-.09l3.93-4.913Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgCheckmarkCircle);
+export default ForwardRef;

package/dist/icons/Medium/InformationCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgInformationCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm-2-11a1 1 0 0 1 1-1h.5a1.5 1.5 0 0 1 1.5 1.5V15a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 1-1.5-1.5V12a1 1 0 0 1-1-1Zm2-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgInformationCircle);
+export default ForwardRef;

package/dist/icons/Medium/QuestionCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgQuestionCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14c-.87 0-1.611.555-1.886 1.333a1 1 0 0 1-1.886-.666A4.001 4.001 0 0 1 12 6c1.09 0 2.164.446 2.927 1.161.772.724 1.3 1.806 1.053 3.035-.313 1.568-1.131 2.38-1.855 2.96a20.68 20.68 0 0 1-.36.28c-.183.14-.325.249-.47.386-.189.178-.29.325-.346.494a1 1 0 0 1-1.898-.632c.194-.58.53-.996.873-1.318.22-.207.494-.418.72-.592.086-.066.165-.127.231-.18.526-.42.958-.858 1.144-1.79.08-.395-.065-.813-.46-1.184A2.356 2.356 0 0 0 12 8Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgQuestionCircle);
+export default ForwardRef;

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

@@ -1,4 +1,4 @@
-export { default as AlertBadge } from './AlertBadge';
+export { default as AlertCircle } from './AlertCircle';
 export { default as AlertTriangle } from './AlertTriangle';
 export { default as AlignmentCenter } from './AlignmentCenter';
 export { default as AlignmentFill } from './AlignmentFill';
@@ -27,8 +27,8 @@ export { default as BulletList } from './BulletList';
 export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
-export { default as Check } from './Check';
 export { default as CheckList } from './CheckList';
+export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
@@ -60,7 +60,7 @@ export { default as Handshake } from './Handshake';
 export { default as Home } from './Home';
 export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
-export { default as Information } from './Information';
+export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Link } from './Link';
@@ -76,7 +76,7 @@ export { default as Notes } from './Notes';
 export { default as NumberList } from './NumberList';
 export { default as PaperStamp } from './PaperStamp';
 export { default as Plus } from './Plus';
-export { default as Question } from './Question';
+export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Retention } from './Retention';
 export { default as Search } from './Search';

package/dist/icons/Medium/index.js

@@ -1,4 +1,4 @@
-export { default as AlertBadge } from './AlertBadge';
+export { default as AlertCircle } from './AlertCircle';
 export { default as AlertTriangle } from './AlertTriangle';
 export { default as AlignmentCenter } from './AlignmentCenter';
 export { default as AlignmentFill } from './AlignmentFill';
@@ -27,8 +27,8 @@ export { default as BulletList } from './BulletList';
 export { default as Canvas } from './Canvas';
 export { default as ChartDonut } from './ChartDonut';
 export { default as ChartLine } from './ChartLine';
-export { default as Check } from './Check';
 export { default as CheckList } from './CheckList';
+export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as ChevronDown } from './ChevronDown';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
@@ -60,7 +60,7 @@ export { default as Handshake } from './Handshake';
 export { default as Home } from './Home';
 export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
-export { default as Information } from './Information';
+export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Italic } from './Italic';
 export { default as Link } from './Link';
@@ -76,7 +76,7 @@ export { default as Notes } from './Notes';
 export { default as NumberList } from './NumberList';
 export { default as PaperStamp } from './PaperStamp';
 export { default as Plus } from './Plus';
-export { default as Question } from './Question';
+export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Retention } from './Retention';
 export { default as Search } from './Search';

package/dist/icons/MediumFilled/CheckmarkCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCheckmarkCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.78-11.375a1 1 0 1 0-1.56-1.25l-3.303 4.128-1.21-1.21a1 1 0 0 0-1.414 1.414l1.92 1.921a1.1 1.1 0 0 0 1.638-.09l3.93-4.913Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgCheckmarkCircle);
+export default ForwardRef;

package/dist/icons/MediumFilled/InformationCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgInformationCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1-14a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3 3a1 1 0 0 1 1-1h.5a1.5 1.5 0 0 1 1.5 1.5V15a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 1-1.5-1.5V12a1 1 0 0 1-1-1Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgInformationCircle);
+export default ForwardRef;

package/dist/icons/MediumFilled/QuestionCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgQuestionCircle = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14c-.87 0-1.611.555-1.886 1.333a1 1 0 1 1-1.886-.666A4.001 4.001 0 0 1 12 6c1.09 0 2.164.446 2.927 1.161.772.724 1.3 1.806 1.054 3.035-.314 1.568-1.132 2.38-1.856 2.96a20.68 20.68 0 0 1-.36.28c-.183.14-.325.249-.47.386-.189.178-.29.325-.346.494a1 1 0 0 1-1.898-.632c.194-.58.53-.996.873-1.318.22-.207.494-.418.72-.592.086-.066.165-.127.231-.18.526-.42.958-.858 1.144-1.79.08-.395-.065-.813-.46-1.184A2.356 2.356 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgQuestionCircle);
+export default ForwardRef;

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

@@ -3,7 +3,7 @@ export { default as Avatar } from './Avatar';
 export { default as BarChart } from './BarChart';
 export { default as Bell } from './Bell';
 export { default as Canvas } from './Canvas';
-export { default as Check } from './Check';
+export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as Clock } from './Clock';
 export { default as Collections } from './Collections';
 export { default as Favorites } from './Favorites';
@@ -13,13 +13,13 @@ export { default as Gear } from './Gear';
 export { default as Home } from './Home';
 export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
-export { default as Information } from './Information';
+export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Metadata } from './Metadata';
 export { default as Money } from './Money';
 export { default as Nav } from './Nav';
 export { default as Notes } from './Notes';
-export { default as Question } from './Question';
+export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Search } from './Search';
 export { default as Section } from './Section';

package/dist/icons/MediumFilled/index.js

@@ -3,7 +3,7 @@ export { default as Avatar } from './Avatar';
 export { default as BarChart } from './BarChart';
 export { default as Bell } from './Bell';
 export { default as Canvas } from './Canvas';
-export { default as Check } from './Check';
+export { default as CheckmarkCircle } from './CheckmarkCircle';
 export { default as Clock } from './Clock';
 export { default as Collections } from './Collections';
 export { default as Favorites } from './Favorites';
@@ -13,13 +13,13 @@ export { default as Gear } from './Gear';
 export { default as Home } from './Home';
 export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
-export { default as Information } from './Information';
+export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
 export { default as Metadata } from './Metadata';
 export { default as Money } from './Money';
 export { default as Nav } from './Nav';
 export { default as Notes } from './Notes';
-export { default as Question } from './Question';
+export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Search } from './Search';
 export { default as Section } from './Section';

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

@@ -14,6 +14,8 @@ export const bpBorderCheckboxBorderHover: string;
 export const bpBorderCheckboxBorderSelected: string;
 export const bpBorderCheckboxBorderSelectedHover: string;
 export const bpBorderCollapsibleSectionBorder: string;
+export const bpBorderComboboxBorder: string;
+export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
 export const bpBorderCtaBorderOutline: string;
@@ -82,9 +84,8 @@ export const bpBorderSearchInputBorderFocus: string;
 export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
+export const bpBorderSelectBorder: string;
 export const bpBorderSelectBorderActive: string;
-export const bpBorderSelectBorderDefault: string;
-export const bpBorderSelectBorderDisabled: string;
 export const bpBorderSelectBorderError: string;
 export const bpBorderSelectBorderHover: string;
 export const bpBorderSelectBorderReadOnly: string;
@@ -107,6 +108,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderTooltipBorderError: string;
+export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
 export const bpBorder01: string;
 export const bpBorder02: string;
@@ -148,8 +150,10 @@ export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
 export const bpOverlaySidePanelOverlay: string;
-export const bpSurfaceAccordionSurface: string;
-export const bpSurfaceAccordionSurfaceHover: string;
+export const bpSurfaceAccordionSurfaceCollapsed: string;
+export const bpSurfaceAccordionSurfaceCollapsedHover: string;
+export const bpSurfaceAccordionSurfaceExpanded: string;
+export const bpSurfaceAccordionSurfaceExpandedHover: string;
 export const bpSurfaceBadgeIllustratorSurface: string;
 export const bpSurfaceBadgeIndesignSurface: string;
 export const bpSurfaceBadgeNumbersSurface: string;
@@ -205,6 +209,7 @@ export const bpSurfaceCardSurfaceFocus: string;
 export const bpSurfaceCardSurfaceHover: string;
 export const bpSurfaceCardSurfacePressed: string;
 export const bpSurfaceCheckboxSurface: string;
+export const bpSurfaceCheckboxSurfaceDisabled: string;
 export const bpSurfaceCheckboxSurfaceHover: string;
 export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
@@ -251,6 +256,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoHover: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed: string;
+export const bpSurfaceCursorCursorOnLight: string;
 export const bpSurfaceDatePickerDaySurfaceDefault: string;
 export const bpSurfaceDatePickerDaySurfaceDisabled: string;
 export const bpSurfaceDatePickerDaySurfaceFocus: string;
@@ -316,11 +322,22 @@ export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
-export const bpSurfaceMenuSurface: string;
+export const bpSurfaceLoadingIndicatorSurface: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLight: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceTertiary: string;
+export const bpSurfaceMenuSurfaceDropdown: string;
+export const bpSurfaceMenuSurfaceFullscreen: string;
 export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
+export const bpSurfaceModalSurface: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -341,12 +358,7 @@ export const bpSurfaceSearchSurface: string;
 export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
-export const bpSurfaceSelectSurfaceActive: string;
-export const bpSurfaceSelectSurfaceDefault: string;
-export const bpSurfaceSelectSurfaceDisabled: string;
-export const bpSurfaceSelectSurfaceError: string;
-export const bpSurfaceSelectSurfaceHover: string;
-export const bpSurfaceSelectSurfaceReadOnly: string;
+export const bpSurfaceSelectSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;
 export const bpSurfaceSliderTrackSurface: string;

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

@@ -14,6 +14,8 @@ export const bpBorderCheckboxBorderHover = '#4e4e4e';
 export const bpBorderCheckboxBorderSelected = '#0061d5';
 export const bpBorderCheckboxBorderSelectedHover = '#2079e3';
 export const bpBorderCollapsibleSectionBorder = '#d3d3d3';
+export const bpBorderComboboxBorder = '#909090';
+export const bpBorderComboboxBorderHover = '#6f6f6f';
 export const bpBorderContentButtonBorderHoverActive = '#909090';
 export const bpBorderContentButtonBorderSelected = '#909090';
 export const bpBorderCtaBorderOutline = '#000000';
@@ -33,7 +35,7 @@ export const bpBorderDatePickerBorderDisabled = '#909090';
 export const bpBorderDatePickerBorderError = '#ed3757';
 export const bpBorderDatePickerBorderFocus = '#2486fc';
 export const bpBorderDatePickerBorderHover = '#6f6f6f';
-export const bpBorderDividerBorder = '#e8e8e8';
+export const bpBorderDividerBorder = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderDividerBorderBrand = 'rgba(232, 232, 232, 0.1)';
 export const bpBorderDropdownSecondaryBorder = '#bcbcbc';
 export const bpBorderDropdownBorder = '#bcbcbc';
@@ -82,9 +84,8 @@ export const bpBorderSearchInputBorderFocus = '#2486fc';
 export const bpBorderSearchInputBorderHover = '#6f6f6f';
 export const bpBorderSearchBorder = '#f4f4f4';
 export const bpBorderSearchBorderHover = '#6f6f6f';
+export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
-export const bpBorderSelectBorderDefault = '#bcbcbc';
-export const bpBorderSelectBorderDisabled = '#bcbcbc';
 export const bpBorderSelectBorderError = '#d5324e';
 export const bpBorderSelectBorderHover = '#6f6f6f';
 export const bpBorderSelectBorderReadOnly = '#d3d3d3';
@@ -107,6 +108,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderTooltipBorderError = '#f69bab';
+export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0px';
 export const bpBorder01 = '1px';
 export const bpBorder02 = '2px';
@@ -139,17 +141,19 @@ export const bpIconIconErrorOnLight = '#d5324e';
 export const bpIconIconIllustrator = '#ff9400';
 export const bpIconIconIndesign = '#ff57a1';
 export const bpIconIconOnDark = '#ffffff';
-export const bpIconIconOnLight = '#222222';
-export const bpIconIconOnLightSecondary = '#6f6f6f';
-export const bpIconIconOnLightTertiary = '#909090';
+export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
+export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
 export const bpIconIconPhotoshop = '#26c9ff';
 export const bpIconIconRequiredOnLight = '#d5324e';
 export const bpOutlineFocusOnDark = '#ffffff';
 export const bpOutlineFocusOnLight = '#2486fc';
 export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
 export const bpOverlaySidePanelOverlay = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceAccordionSurface = '#ffffff';
-export const bpSurfaceAccordionSurfaceHover = '#f4f4f4';
+export const bpSurfaceAccordionSurfaceCollapsed = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceAccordionSurfaceCollapsedHover = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceAccordionSurfaceExpanded = '#ffffff';
+export const bpSurfaceAccordionSurfaceExpandedHover = '#ffffff';
 export const bpSurfaceBadgeIllustratorSurface = '#051e25';
 export const bpSurfaceBadgeIndesignSurface = '#131415';
 export const bpSurfaceBadgeNumbersSurface = '#00a650';
@@ -205,6 +209,7 @@ export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
 export const bpSurfaceCheckboxSurface = '#ffffff';
+export const bpSurfaceCheckboxSurfaceDisabled = '#f4f4f4';
 export const bpSurfaceCheckboxSurfaceHover = '#ffffff';
 export const bpSurfaceCheckboxSurfaceSelected = '#0061d5';
 export const bpSurfaceCheckboxSurfaceSelectedHover = '#2079e3';
@@ -251,6 +256,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
 export const bpSurfaceCtaSurfaceTertiaryPromoHover = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed = '#dad4f3';
+export const bpSurfaceCursorCursorOnLight = '#000000';
 export const bpSurfaceDatePickerDaySurfaceDefault = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceDisabled = '#ffffff';
 export const bpSurfaceDatePickerDaySurfaceFocus = '#f4f4f4';
@@ -316,11 +322,22 @@ export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
 export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
-export const bpSurfaceMenuSurface = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
+export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLight = '#000000';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary = 'rgba(0, 0, 0, 0.3)';
+export const bpSurfaceLoadingIndicatorSurfaceSecondary = 'rgba(0, 97, 213, 0.7)';
+export const bpSurfaceLoadingIndicatorSurfaceTertiary = 'rgba(0, 97, 213, 0.3)';
+export const bpSurfaceMenuSurfaceDropdown = 'rgba(255, 255, 255, 0.9)';
+export const bpSurfaceMenuSurfaceFullscreen = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceMenuItemSurface = '#ffffff';
 export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
+export const bpSurfaceModalSurface = '#ffffff';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -341,12 +358,7 @@ export const bpSurfaceSearchSurface = '#f4f4f4';
 export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
 export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
-export const bpSurfaceSelectSurfaceActive = '#ffffff';
-export const bpSurfaceSelectSurfaceDefault = '#ffffff';
-export const bpSurfaceSelectSurfaceDisabled = '#ffffff';
-export const bpSurfaceSelectSurfaceError = '#ffffff';
-export const bpSurfaceSelectSurfaceHover = '#ffffff';
-export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
+export const bpSurfaceSelectSurface = '#ffffff';
 export const bpSurfaceSliderThumbSurface = '#0061d5';
 export const bpSurfaceSliderThumbSurfaceHover = '#2486fc';
 export const bpSurfaceSliderTrackSurface = '#6f6f6f';

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

@@ -33,6 +33,7 @@
     --bp-surface-badge-surface-slides: #f7ba00;
     --bp-surface-badge-surface-video: #009aed;
     --bp-surface-badge-word-surface: #185abd;
+    --bp-surface-cursor-cursor-on-light: #000;
     --bp-surface-surface-brand: #0061d5;
     --bp-surface-surface-brand-busy: #0061d5;
     --bp-surface-surface-brand-disabled: #0061d5;
@@ -585,6 +586,8 @@
     --bp-border-checkbox-border-selected: var(--bp-box-blue-100);
     --bp-border-checkbox-border-selected-hover: var(--bp-light-blue-110);
     --bp-border-collapsible-section-border: var(--bp-gray-20);
+    --bp-border-combobox-border: var(--bp-gray-50);
+    --bp-border-combobox-border-hover: var(--bp-gray-65);
     --bp-border-content-button-border-hover-active: var(--bp-gray-50);
     --bp-border-content-button-border-selected: var(--bp-gray-50);
     --bp-border-cta-border-outline: var(--bp-gray-black);
@@ -603,7 +606,7 @@
     --bp-border-date-picker-border-error: var(--bp-watermelon-red-100);
     --bp-border-date-picker-border-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-border-hover: var(--bp-gray-65);
-    --bp-border-divider-border: var(--bp-gray-10);
+    --bp-border-divider-border: var(--bp-black-opacity-04);
     --bp-border-dropdown-secondary-border: var(--bp-gray-30);
     --bp-border-dropdown-border: var(--bp-gray-30);
     --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
@@ -651,9 +654,8 @@
     --bp-border-search-input-border-hover: var(--bp-gray-65);
     --bp-border-search-border: var(--bp-gray-05);
     --bp-border-search-border-hover: var(--bp-gray-65);
+    --bp-border-select-border: var(--bp-gray-30);
     --bp-border-select-border-active: var(--bp-light-blue-100);
-    --bp-border-select-border-default: var(--bp-gray-30);
-    --bp-border-select-border-disabled: var(--bp-gray-30);
     --bp-border-select-border-error: var(--bp-watermelon-red-110);
     --bp-border-select-border-hover: var(--bp-gray-65);
     --bp-border-select-border-read-only: var(--bp-gray-20);
@@ -676,6 +678,7 @@
     --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
     --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
     --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
+    --bp-border-border-accordion-hover: var(--bp-gray-10);
     --bp-icon-cta-icon: var(--bp-gray-65);
     --bp-icon-cta-icon-hover: var(--bp-gray-100);
     --bp-icon-cta-icon-on-color: var(--bp-gray-black);
@@ -697,16 +700,18 @@
     --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
     --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
     --bp-icon-icon-on-dark: var(--bp-gray-white);
-    --bp-icon-icon-on-light: var(--bp-gray-100);
-    --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
-    --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
+    --bp-icon-icon-on-light: var(--bp-black-opacity-90);
+    --bp-icon-icon-on-light-secondary: var(--bp-black-opacity-60);
+    --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
     --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
     --bp-outline-focus-on-dark: var(--bp-gray-white);
     --bp-outline-focus-on-light: var(--bp-light-blue-100);
     --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
     --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
-    --bp-surface-accordion-surface: var(--bp-gray-white);
-    --bp-surface-accordion-surface-hover: var(--bp-gray-05);
+    --bp-surface-accordion-surface-collapsed: var(--bp-black-opacity-04);
+    --bp-surface-accordion-surface-collapsed-hover: var(--bp-black-opacity-08);
+    --bp-surface-accordion-surface-expanded: var(--bp-gray-white);
+    --bp-surface-accordion-surface-expanded-hover: var(--bp-gray-white);
     --bp-surface-badge-presentation-surface: var(--bp-orange-110);
     --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
     --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
@@ -746,6 +751,7 @@
     --bp-surface-card-surface-hover: var(--bp-gray-white);
     --bp-surface-card-surface-pressed: var(--bp-gray-02);
     --bp-surface-checkbox-surface: var(--bp-gray-white);
+    --bp-surface-checkbox-surface-disabled: var(--bp-gray-05);
     --bp-surface-checkbox-surface-hover: var(--bp-gray-white);
     --bp-surface-checkbox-surface-selected: var(--bp-box-blue-100);
     --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
@@ -857,11 +863,22 @@
     --bp-surface-list-item-surface: var(--bp-gray-white);
     --bp-surface-list-item-surface-hover: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
-    --bp-surface-menu-surface: var(--bp-gray-white);
+    --bp-surface-loading-indicator-surface: var(--bp-box-blue-100);
+    --bp-surface-loading-indicator-surface-on-dark: var(--bp-gray-white);
+    --bp-surface-loading-indicator-surface-on-dark-secondary: var(--bp-white-opacity-70);
+    --bp-surface-loading-indicator-surface-on-dark-tertiary: var(--bp-white-opacity-30);
+    --bp-surface-loading-indicator-surface-on-light: var(--bp-gray-black);
+    --bp-surface-loading-indicator-surface-on-light-secondary: var(--bp-black-opacity-60);
+    --bp-surface-loading-indicator-surface-on-light-tertiary: var(--bp-black-opacity-30);
+    --bp-surface-loading-indicator-surface-secondary: var(--bp-box-blue-opacity-70);
+    --bp-surface-loading-indicator-surface-tertiary: var(--bp-box-blue-opacity-30);
+    --bp-surface-menu-surface-dropdown: var(--bp-white-opacity-90);
+    --bp-surface-menu-surface-fullscreen: var(--bp-white-opacity-90);
     --bp-surface-menu-item-surface: var(--bp-gray-white);
     --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
+    --bp-surface-modal-surface: var(--bp-gray-white);
     --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
     --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
     --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -882,12 +899,7 @@
     --bp-surface-search-surface-active: var(--bp-gray-white);
     --bp-surface-search-surface-complete: var(--bp-gray-05);
     --bp-surface-search-surface-hover: var(--bp-gray-02);
-    --bp-surface-select-surface-active: var(--bp-gray-white);
-    --bp-surface-select-surface-default: var(--bp-gray-white);
-    --bp-surface-select-surface-disabled: var(--bp-gray-white);
-    --bp-surface-select-surface-error: var(--bp-gray-white);
-    --bp-surface-select-surface-hover: var(--bp-gray-white);
-    --bp-surface-select-surface-read-only: var(--bp-gray-02);
+    --bp-surface-select-surface: var(--bp-gray-white);
     --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
     --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
     --bp-surface-slider-track-surface: var(--bp-gray-65);

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

@@ -10,6 +10,8 @@ export const bpBorderCheckboxBorderHover: string;
 export const bpBorderCheckboxBorderSelected: string;
 export const bpBorderCheckboxBorderSelectedHover: string;
 export const bpBorderCollapsibleSectionBorder: string;
+export const bpBorderComboboxBorder: string;
+export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
 export const bpBorderCtaBorderOutline: string;
@@ -78,9 +80,8 @@ export const bpBorderSearchInputBorderFocus: string;
 export const bpBorderSearchInputBorderHover: string;
 export const bpBorderSearchBorder: string;
 export const bpBorderSearchBorderHover: string;
+export const bpBorderSelectBorder: string;
 export const bpBorderSelectBorderActive: string;
-export const bpBorderSelectBorderDefault: string;
-export const bpBorderSelectBorderDisabled: string;
 export const bpBorderSelectBorderError: string;
 export const bpBorderSelectBorderHover: string;
 export const bpBorderSelectBorderReadOnly: string;
@@ -103,6 +104,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderTooltipBorderError: string;
+export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
 export const bpBorder01: string;
 export const bpBorder02: string;
@@ -144,8 +146,10 @@ export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
 export const bpOverlaySidePanelOverlay: string;
-export const bpSurfaceAccordionSurface: string;
-export const bpSurfaceAccordionSurfaceHover: string;
+export const bpSurfaceAccordionSurfaceCollapsed: string;
+export const bpSurfaceAccordionSurfaceCollapsedHover: string;
+export const bpSurfaceAccordionSurfaceExpanded: string;
+export const bpSurfaceAccordionSurfaceExpandedHover: string;
 export const bpSurfaceBadgeIllustratorSurface: string;
 export const bpSurfaceBadgeIndesignSurface: string;
 export const bpSurfaceBadgeNumbersSurface: string;
@@ -201,6 +205,7 @@ export const bpSurfaceCardSurfaceFocus: string;
 export const bpSurfaceCardSurfaceHover: string;
 export const bpSurfaceCardSurfacePressed: string;
 export const bpSurfaceCheckboxSurface: string;
+export const bpSurfaceCheckboxSurfaceDisabled: string;
 export const bpSurfaceCheckboxSurfaceHover: string;
 export const bpSurfaceCheckboxSurfaceSelected: string;
 export const bpSurfaceCheckboxSurfaceSelectedHover: string;
@@ -247,6 +252,7 @@ export const bpSurfaceCtaSurfaceTertiaryPromoFocus: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoHover: string;
 export const bpSurfaceCtaSurfaceTertiaryPromoPressed: string;
+export const bpSurfaceCursorCursorOnLight: string;
 export const bpSurfaceDatePickerDaySurfaceDefault: string;
 export const bpSurfaceDatePickerDaySurfaceDisabled: string;
 export const bpSurfaceDatePickerDaySurfaceFocus: string;
@@ -312,11 +318,22 @@ export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceSelected: string;
-export const bpSurfaceMenuSurface: string;
+export const bpSurfaceLoadingIndicatorSurface: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnDarkTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLight: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceOnLightTertiary: string;
+export const bpSurfaceLoadingIndicatorSurfaceSecondary: string;
+export const bpSurfaceLoadingIndicatorSurfaceTertiary: string;
+export const bpSurfaceMenuSurfaceDropdown: string;
+export const bpSurfaceMenuSurfaceFullscreen: string;
 export const bpSurfaceMenuItemSurface: string;
 export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
+export const bpSurfaceModalSurface: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -337,12 +354,7 @@ export const bpSurfaceSearchSurface: string;
 export const bpSurfaceSearchSurfaceActive: string;
 export const bpSurfaceSearchSurfaceComplete: string;
 export const bpSurfaceSearchSurfaceHover: string;
-export const bpSurfaceSelectSurfaceActive: string;
-export const bpSurfaceSelectSurfaceDefault: string;
-export const bpSurfaceSelectSurfaceDisabled: string;
-export const bpSurfaceSelectSurfaceError: string;
-export const bpSurfaceSelectSurfaceHover: string;
-export const bpSurfaceSelectSurfaceReadOnly: string;
+export const bpSurfaceSelectSurface: string;
 export const bpSurfaceSliderThumbSurface: string;
 export const bpSurfaceSliderThumbSurfaceHover: string;
 export const bpSurfaceSliderTrackSurface: string;