@box/blueprint-web-assets 4.67.14 → 4.68.2

package/dist/icons/Medium/index.js

@@ -5,20 +5,29 @@ export { default as AlignmentFill } from './AlignmentFill';
 export { default as AlignmentLeft } from './AlignmentLeft';
 export { default as AlignmentRight } from './AlignmentRight';
 export { default as Apps } from './Apps';
+export { default as ArrowArchedRight } from './ArrowArchedRight';
 export { default as ArrowCurveBack5 } from './ArrowCurveBack5';
 export { default as ArrowCurveForward } from './ArrowCurveForward';
 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 ArrowUp } from './ArrowUp';
+export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
+export { default as ArrowsMaximize } from './ArrowsMaximize';
+export { default as ArrowsMinimize } from './ArrowsMinimize';
 export { default as Avatar } from './Avatar';
+export { default as AvatarCircle } from './AvatarCircle';
 export { default as AvatarPlus } from './AvatarPlus';
 export { default as AvatarTwo } from './AvatarTwo';
 export { default as BarChart } from './BarChart';
 export { default as Bell } from './Bell';
 export { default as BellOff } from './BellOff';
 export { default as Bold } from './Bold';
+export { default as BoldUnderlineItalic } from './BoldUnderlineItalic';
 export { default as BoxAi } from './BoxAi';
-export { default as BoxAiAdvancedColor } from './BoxAiAdvancedColor';
 export { default as BoxAiAdvancedMonotone } from './BoxAiAdvancedMonotone';
-export { default as BoxAiColor } from './BoxAiColor';
+export { default as BoxLeftArrow } from './BoxLeftArrow';
 export { default as Brain } from './Brain';
 export { default as Briefcase } from './Briefcase';
 export { default as Broom } from './Broom';
@@ -48,10 +57,14 @@ export { default as Color } from './Color';
 export { default as Comment } from './Comment';
 export { default as Compass } from './Compass';
 export { default as Compose } from './Compose';
+export { default as ConditionalSplit } from './ConditionalSplit';
+export { default as DashedSquareBubble } from './DashedSquareBubble';
 export { default as Download } from './Download';
+export { default as Duplicate } from './Duplicate';
 export { default as Ellipsis } from './Ellipsis';
 export { default as Favorites } from './Favorites';
 export { default as File } from './File';
+export { default as FileSearch } from './FileSearch';
 export { default as Flag } from './Flag';
 export { default as Folder } from './Folder';
 export { default as FolderArrow } from './FolderArrow';
@@ -60,6 +73,7 @@ export { default as Gear } from './Gear';
 export { default as Globe } from './Globe';
 export { default as GridView } from './GridView';
 export { default as Handshake } from './Handshake';
+export { default as Heading } from './Heading';
 export { default as Home } from './Home';
 export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
@@ -67,24 +81,32 @@ 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 LargeListView } from './LargeListView';
+export { default as Layout } from './Layout';
 export { default as Link } from './Link';
 export { default as LinkPlus } from './LinkPlus';
 export { default as ListView } from './ListView';
 export { default as Lock } from './Lock';
 export { default as Mail } from './Mail';
 export { default as Megaphone } from './Megaphone';
+export { default as Merge } from './Merge';
 export { default as Metadata } from './Metadata';
 export { default as MetadataExtraction } from './MetadataExtraction';
+export { default as Minus } from './Minus';
 export { default as Money } from './Money';
 export { default as Narrow } from './Narrow';
 export { default as Nav } from './Nav';
 export { default as Notes } from './Notes';
 export { default as NumberList } from './NumberList';
+export { default as Page } from './Page';
 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 Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
+export { default as RelayAdvanced } from './RelayAdvanced';
 export { default as Retention } from './Retention';
 export { default as Search } from './Search';
 export { default as Section } from './Section';
@@ -93,10 +115,12 @@ export { default as SidebarChevronLeft } from './SidebarChevronLeft';
 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 Strikethrough } from './Strikethrough';
 export { default as Table } from './Table';
 export { default as Tag } from './Tag';
 export { default as Tasks } from './Tasks';
+export { default as TextHighlight } from './TextHighlight';
 export { default as ThumbsDown } from './ThumbsDown';
 export { default as ThumbsUp } from './ThumbsUp';
 export { default as Timer } from './Timer';

package/dist/icons/MediumFilled/ArrowArchedRight.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/ArrowArchedRight.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgArrowArchedRight = (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: "M13.146 20c.47 0 .851-.184 1.311-.577l7.063-6.468c.363-.312.48-.657.48-.955 0-.298-.117-.643-.48-.963l-7.063-6.404C13.95 4.184 13.626 4 13.164 4 12.48 4 12 4.504 12 5.12v3.586h-.504C4.929 8.707 2 12.36 2 17c0 1 .5 2 1.019 2 .518 0 .861-.12 1.194-.697C5.779 15.56 9 14.5 12 15v3.934c0 .617.48 1.066 1.146 1.066Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgArrowArchedRight);
+export default ForwardRef;

package/dist/icons/MediumFilled/AvatarCircle.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/AvatarCircle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgAvatarCircle = (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 2c5.523 0 10 4.477 10 10 0 5.407-4.291 9.809-9.654 9.991a7.636 7.636 0 0 1-.691 0C6.292 21.81 2 17.407 2 12 2 6.477 6.478 2 12 2Zm0 2a8 8 0 0 0-5.916 13.385 4.173 4.173 0 0 1 1.545-1.503c1.096-.626 2.552-.882 4.372-.882 1.82 0 3.275.256 4.37.882.681.389 1.184.9 1.545 1.503A8 8 0 0 0 12 4Zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z" }) }));
+const ForwardRef = forwardRef(SvgAvatarCircle);
+export default ForwardRef;

package/dist/icons/MediumFilled/Duplicate.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/Duplicate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgDuplicate = (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: "M13 6a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h6Zm3-4a4 4 0 0 1 4 4v10a1 1 0 1 1-2 0V6a2 2 0 0 0-2-2h-6a1 1 0 0 1 0-2h6Z" }) }));
+const ForwardRef = forwardRef(SvgDuplicate);
+export default ForwardRef;

package/dist/icons/MediumFilled/Layout.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/Layout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgLayout = (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: "M8 2a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h3Zm11 11a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-3a3 3 0 0 1-3-3v-3a3 3 0 0 1 3-3h3Zm0-11a3 3 0 0 1 3 3v3a3 3 0 0 1-3 3h-3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h3Z" }) }));
+const ForwardRef = forwardRef(SvgLayout);
+export default ForwardRef;

package/dist/icons/MediumFilled/Page.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/Page.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPage = (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 3a4 4 0 0 1 4 4v7.764c0 .157-.014.313-.038.466l.004.012-.006.001a3 3 0 0 1-1.618 2.204l-5.205 2.603a9.001 9.001 0 0 1-4.026.95H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h10Zm1.688 11.941c-.846-1.241-2.823-1.296-3.663.143l-1.879 3.22c.032-.014.065-.028.096-.043l5.205-2.603c.053-.026.102-.059.149-.093.1-.092.166-.22.166-.366a.494.494 0 0 0-.075-.258ZM8 13a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H8Zm0-5a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2H8Z" }) }));
+const ForwardRef = forwardRef(SvgPage);
+export default ForwardRef;

package/dist/icons/MediumFilled/Puzzle.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/Puzzle.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPuzzle = (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: "M10.5 2A3.5 3.5 0 0 1 14 5.5V6h1a3 3 0 0 1 3 3v2h.5a3.5 3.5 0 1 1 0 7H18v1a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-.615C2 17.62 2.62 17 3.385 17H4.5a2.5 2.5 0 0 0 0-5H3.385C2.62 12 2 11.38 2 10.615V9a3 3 0 0 1 3-3h2v-.5A3.5 3.5 0 0 1 10.5 2Z" }) }));
+const ForwardRef = forwardRef(SvgPuzzle);
+export default ForwardRef;

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

@@ -1,5 +1,7 @@
 export { default as Apps } from './Apps';
+export { default as ArrowArchedRight } from './ArrowArchedRight';
 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 Canvas } from './Canvas';
@@ -8,6 +10,7 @@ export { default as Clock } from './Clock';
 export { default as Collapse } from './Collapse';
 export { default as Collections } from './Collections';
 export { default as Comment } from './Comment';
+export { default as Duplicate } from './Duplicate';
 export { default as Expand } from './Expand';
 export { default as Favorites } from './Favorites';
 export { default as File } from './File';
@@ -18,13 +21,16 @@ export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
 export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
+export { default as Layout } from './Layout';
 export { default as Lock } from './Lock';
 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 Page } from './Page';
 export { default as Pause } from './Pause';
 export { default as Play } from './Play';
+export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Search } from './Search';

package/dist/icons/MediumFilled/index.js

@@ -1,5 +1,7 @@
 export { default as Apps } from './Apps';
+export { default as ArrowArchedRight } from './ArrowArchedRight';
 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 Canvas } from './Canvas';
@@ -8,6 +10,7 @@ export { default as Clock } from './Clock';
 export { default as Collapse } from './Collapse';
 export { default as Collections } from './Collections';
 export { default as Comment } from './Comment';
+export { default as Duplicate } from './Duplicate';
 export { default as Expand } from './Expand';
 export { default as Favorites } from './Favorites';
 export { default as File } from './File';
@@ -18,13 +21,16 @@ export { default as Hubs } from './Hubs';
 export { default as Inbox } from './Inbox';
 export { default as InformationCircle } from './InformationCircle';
 export { default as Integrations } from './Integrations';
+export { default as Layout } from './Layout';
 export { default as Lock } from './Lock';
 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 Page } from './Page';
 export { default as Pause } from './Pause';
 export { default as Play } from './Play';
+export { default as Puzzle } from './Puzzle';
 export { default as QuestionCircle } from './QuestionCircle';
 export { default as Relay } from './Relay';
 export { default as Search } from './Search';

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

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const bpBorderAccordionBorderHover: string;
 export const bpBorderAvatarBorderHover: string;
 export const bpBorderAvatarBorderPressed: string;
 export const bpBorderBadgeBorder: string;
@@ -15,8 +16,7 @@ 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 bpBorderContentSwitcherBorder: string;
 export const bpBorderCtaBorderHighContrast: string;
 export const bpBorderCtaBorderOutlineDisabled: string;
 export const bpBorderCtaBorderSecondary: string;
@@ -34,10 +34,6 @@ export const bpBorderDividerBorderBrand: string;
 export const bpBorderDropdownSecondaryBorder: string;
 export const bpBorderDropdownBorder: string;
 export const bpBorderDropdownBorderError: string;
-export const bpBorderDropdownBorderErrorFocus: string;
-export const bpBorderDropdownBorderErrorHover: string;
-export const bpBorderDropdownBorderFocus: string;
-export const bpBorderDropdownBorderHover: string;
 export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
@@ -49,6 +45,7 @@ export const bpBorderInputBorderErrorFocus: string;
 export const bpBorderInputBorderErrorHover: string;
 export const bpBorderInputBorderFocus: string;
 export const bpBorderInputBorderHover: string;
+export const bpBorderInputBorderReadOnly: string;
 export const bpBorderInputChipBorderError: string;
 export const bpBorderInputChipBorderShadow: string;
 export const bpBorderItemSmallBorderSelected: string;
@@ -110,7 +107,6 @@ export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderToolbarBorder: string;
 export const bpBorderTooltipBorder: string;
 export const bpBorderTooltipBorderError: string;
-export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
 export const bpBorder01: string;
 export const bpBorder02: string;
@@ -223,12 +219,9 @@ export const bpSurfaceChipButtonSurface: string;
 export const bpSurfaceChipButtonSurfaceHover: string;
 export const bpSurfaceCollapsibleSectionSurface: string;
 export const bpSurfaceComboboxSurface: string;
-export const bpSurfaceContentButtonSurfaceFocusDefault: string;
-export const bpSurfaceContentButtonSurfaceFocusSelected: string;
-export const bpSurfaceContentButtonSurfaceHoverDefault: string;
-export const bpSurfaceContentButtonSurfaceHoverSelected: string;
-export const bpSurfaceContentButtonSurfaceSelected: string;
 export const bpSurfaceContentSwitcherSurface: string;
+export const bpSurfaceContentSwitcherSurfaceHover: string;
+export const bpSurfaceContentSwitcherSurfaceSelected: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
@@ -272,18 +265,12 @@ export const bpSurfaceDatePickerSurfaceDisabled: string;
 export const bpSurfaceDatePickerSurfaceError: string;
 export const bpSurfaceDatePickerSurfaceFocus: string;
 export const bpSurfaceDatePickerSurfaceHover: string;
-export const bpSurfaceDropdownPrimarySurfaceHover: string;
-export const bpSurfaceDropdownPrimarySurfacePressed: string;
 export const bpSurfaceDropdownSecondarySurface: string;
 export const bpSurfaceDropdownSecondarySurfaceHover: string;
 export const bpSurfaceDropdownSecondarySurfacePressed: string;
 export const bpSurfaceDropdownTertiarySurfaceHover: string;
 export const bpSurfaceDropdownTertiarySurfacePressed: string;
 export const bpSurfaceDropdownSurface: string;
-export const bpSurfaceDropdownSurfaceError: string;
-export const bpSurfaceDropdownSurfaceErrorFocus: string;
-export const bpSurfaceDropdownSurfaceErrorHover: string;
-export const bpSurfaceDropdownSurfaceFocus: string;
 export const bpSurfaceDropdownSurfaceHover: string;
 export const bpSurfaceFilterSurface: string;
 export const bpSurfaceFilterSurfaceFocus: string;
@@ -316,6 +303,7 @@ export const bpSurfaceInputSurfaceErrorFocus: string;
 export const bpSurfaceInputSurfaceErrorHover: string;
 export const bpSurfaceInputSurfaceFocus: string;
 export const bpSurfaceInputSurfaceHover: string;
+export const bpSurfaceInputSurfaceReadOnly: string;
 export const bpSurfaceInputChipSurface: string;
 export const bpSurfaceInputChipSurfaceError: string;
 export const bpSurfaceInputChipSurfaceHover: string;
@@ -324,6 +312,9 @@ export const bpSurfaceItemSmallSurfaceHover: string;
 export const bpSurfaceItemSmallSurfaceSelected: string;
 export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
+export const bpSurfaceListItemSmallSurface: string;
+export const bpSurfaceListItemSmallSurfaceHover: string;
+export const bpSurfaceListItemSmallSurfacePressed: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
 export const bpSurfaceListItemSurfaceLoading: string;

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

@@ -2,6 +2,7 @@
  * Do not edit directly, this file was auto-generated.
  */
 
+export const bpBorderAccordionBorderHover = '#e8e8e8';
 export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderBadgeBorder = '#ffffff';
@@ -15,8 +16,7 @@ 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 bpBorderContentSwitcherBorder = '#909090';
 export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
 export const bpBorderCtaBorderOutlineDisabled = '#646464';
 export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
@@ -31,13 +31,9 @@ export const bpBorderDatePickerBorderFocus = '#2486fc';
 export const bpBorderDatePickerBorderHover = '#6f6f6f';
 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';
+export const bpBorderDropdownSecondaryBorder = 'rgba(0, 0, 0, 0.08)';
+export const bpBorderDropdownBorder = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderDropdownBorderError = '#ed3757';
-export const bpBorderDropdownBorderErrorFocus = '#ed3757';
-export const bpBorderDropdownBorderErrorHover = '#ed3757';
-export const bpBorderDropdownBorderFocus = '#0061d5';
-export const bpBorderDropdownBorderHover = '#6f6f6f';
 export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
@@ -49,6 +45,7 @@ export const bpBorderInputBorderErrorFocus = '#ed3757';
 export const bpBorderInputBorderErrorHover = '#ed3757';
 export const bpBorderInputBorderFocus = '#2486fc';
 export const bpBorderInputBorderHover = '#6f6f6f';
+export const bpBorderInputBorderReadOnly = '#d3d3d3';
 export const bpBorderInputChipBorderError = '#ed3757';
 export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderItemSmallBorderSelected = '#0061d5';
@@ -110,7 +107,6 @@ export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderToolbarBorder = '#e8e8e8';
 export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
 export const bpBorderTooltipBorderError = '#f69bab';
-export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0px';
 export const bpBorder01 = '1px';
 export const bpBorder02 = '2px';
@@ -210,7 +206,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
 export const bpSurfaceBadgeSurfaceWord = '#185abd';
 export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
 export const bpSurfaceCalendarSurface = '#ffffff';
-export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -223,14 +219,11 @@ export const bpSurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCollapsibleSectionSurface = '#ffffff';
 export const bpSurfaceComboboxSurface = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocusDefault = '#ffffff';
-export const bpSurfaceContentButtonSurfaceFocusSelected = '#ffffff';
-export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
-export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
-export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
+export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
+export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
+export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
+export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
@@ -246,10 +239,10 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
-export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
-export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
+export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
@@ -272,19 +265,13 @@ export const bpSurfaceDatePickerSurfaceDisabled = '#ffffff';
 export const bpSurfaceDatePickerSurfaceError = '#ffffff';
 export const bpSurfaceDatePickerSurfaceFocus = '#ffffff';
 export const bpSurfaceDatePickerSurfaceHover = '#ffffff';
-export const bpSurfaceDropdownPrimarySurfaceHover = '#f4f4f4';
-export const bpSurfaceDropdownPrimarySurfacePressed = '#e8e8e8';
-export const bpSurfaceDropdownSecondarySurface = '#ffffff';
-export const bpSurfaceDropdownSecondarySurfaceHover = '#f4f4f4';
-export const bpSurfaceDropdownSecondarySurfacePressed = '#e8e8e8';
-export const bpSurfaceDropdownTertiarySurfaceHover = '#f4f4f4';
-export const bpSurfaceDropdownTertiarySurfacePressed = '#e8e8e8';
-export const bpSurfaceDropdownSurface = '#ffffff';
-export const bpSurfaceDropdownSurfaceError = '#ffffff';
-export const bpSurfaceDropdownSurfaceErrorFocus = '#ffffff';
-export const bpSurfaceDropdownSurfaceErrorHover = '#ffffff';
-export const bpSurfaceDropdownSurfaceFocus = '#ffffff';
-export const bpSurfaceDropdownSurfaceHover = '#ffffff';
+export const bpSurfaceDropdownSecondarySurface = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceDropdownSecondarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceDropdownSecondarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceDropdownTertiarySurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceDropdownTertiarySurfacePressed = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceDropdownSurface = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceDropdownSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceFilterSurface = '#0061d5';
 export const bpSurfaceFilterSurfaceFocus = '#0061d5';
 export const bpSurfaceFilterSurfaceHover = '#0061d5';
@@ -316,6 +303,7 @@ export const bpSurfaceInputSurfaceErrorFocus = '#ffffff';
 export const bpSurfaceInputSurfaceErrorHover = '#ffffff';
 export const bpSurfaceInputSurfaceFocus = '#ffffff';
 export const bpSurfaceInputSurfaceHover = '#ffffff';
+export const bpSurfaceInputSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceInputChipSurface = '#e8e8e8';
 export const bpSurfaceInputChipSurfaceError = '#fdebee';
 export const bpSurfaceInputChipSurfaceHover = '#e8e8e8';
@@ -324,6 +312,9 @@ export const bpSurfaceItemSmallSurfaceHover = '#f4f4f4';
 export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
+export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
+export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceListItemSurface = '#ffffff';
 export const bpSurfaceListItemSurfaceHover = '#ffffff';
 export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
@@ -340,10 +331,10 @@ 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 bpSurfaceMenuItemSurface = 'rgba(255, 255, 255, 0)';
+export const bpSurfaceMenuItemSurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceMenuItemSurfaceLoading = 'rgba(255, 255, 255, 0)';
+export const bpSurfaceMenuItemSurfacePressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceModalSurface = '#ffffff';
 export const bpSurfaceModalSurfaceGray = '#f4f4f4';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';

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

@@ -576,6 +576,7 @@
     --bp-yellow-opacity-08: rgba(255, 215, 0, 0.08);
     --bp-screen-height: 900;
     --bp-screen-width: 1440;
+    --bp-border-accordion-border-hover: var(--bp-gray-10);
     --bp-border-avatar-border-hover: var(--bp-black-opacity-04);
     --bp-border-avatar-border-pressed: var(--bp-black-opacity-08);
     --bp-border-badge-border: var(--bp-gray-white);
@@ -589,8 +590,7 @@
     --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-content-switcher-border: var(--bp-gray-50);
     --bp-border-cta-border-high-contrast: var(--bp-black-opacity-90);
     --bp-border-cta-border-secondary: var(--bp-black-opacity-08);
     --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
@@ -603,13 +603,9 @@
     --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-black-opacity-04);
-    --bp-border-dropdown-secondary-border: var(--bp-gray-30);
-    --bp-border-dropdown-border: var(--bp-gray-30);
+    --bp-border-dropdown-secondary-border: var(--bp-black-opacity-08);
+    --bp-border-dropdown-border: var(--bp-black-opacity-08);
     --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
-    --bp-border-dropdown-border-error-focus: var(--bp-watermelon-red-100);
-    --bp-border-dropdown-border-error-hover: var(--bp-watermelon-red-100);
-    --bp-border-dropdown-border-focus: var(--bp-box-blue-100);
-    --bp-border-dropdown-border-hover: var(--bp-gray-65);
     --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
     --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
     --bp-border-grid-thumbnail-border: var(--bp-gray-10);
@@ -621,6 +617,7 @@
     --bp-border-input-border-error-hover: var(--bp-watermelon-red-100);
     --bp-border-input-border-focus: var(--bp-light-blue-100);
     --bp-border-input-border-hover: var(--bp-gray-65);
+    --bp-border-input-border-read-only: var(--bp-gray-20);
     --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
     --bp-border-input-chip-border-shadow: var(--bp-black-opacity-04);
     --bp-border-item-small-border-selected: var(--bp-box-blue-100);
@@ -682,7 +679,6 @@
     --bp-border-toolbar-border: var(--bp-gray-10);
     --bp-border-tooltip-border: var(--bp-white-opacity-16);
     --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-black-opacity-60);
     --bp-icon-cta-icon-high-contrast: var(--bp-black-opacity-90);
     --bp-icon-cta-icon-high-contrast-hover: var(--bp-black-opacity-90);
@@ -753,7 +749,7 @@
     --bp-surface-badge-surface-vector: var(--bp-orange-110);
     --bp-surface-badge-surface-zip: var(--bp-gray-65);
     --bp-surface-calendar-surface: var(--bp-gray-white);
-    --bp-surface-card-surface: var(--bp-white-opacity-70);
+    --bp-surface-card-surface: var(--bp-white-opacity-90);
     --bp-surface-card-surface-focus: var(--bp-box-blue-05);
     --bp-surface-card-surface-hover: var(--bp-gray-white);
     --bp-surface-card-surface-pressed: var(--bp-gray-02);
@@ -766,14 +762,11 @@
     --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
     --bp-surface-collapsible-section-surface: var(--bp-gray-white);
     --bp-surface-combobox-surface: var(--bp-gray-white);
-    --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
-    --bp-surface-content-button-surface-focus-selected: var(--bp-gray-white);
-    --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
-    --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
-    --bp-surface-content-button-surface-selected: var(--bp-gray-white);
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
-    --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
-    --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
+    --bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
+    --bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
+    --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
+    --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
     --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
     --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
     --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
@@ -789,10 +782,10 @@
     --bp-surface-cta-surface-promo-focus-pressed: var(--bp-grimace-120);
     --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
     --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
-    --bp-surface-cta-surface-secondary: var(--bp-white-opacity-70);
+    --bp-surface-cta-surface-secondary: var(--bp-white-opacity-90);
     --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
-    --bp-surface-cta-surface-tertiary: var(--bp-gray-white);
+    --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
     --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-tertiary-promo: var(--bp-grimace-10);
@@ -814,19 +807,13 @@
     --bp-surface-date-picker-surface-error: var(--bp-gray-white);
     --bp-surface-date-picker-surface-focus: var(--bp-gray-white);
     --bp-surface-date-picker-surface-hover: var(--bp-gray-white);
-    --bp-surface-dropdown-primary-surface-hover: var(--bp-gray-05);
-    --bp-surface-dropdown-primary-surface-pressed: var(--bp-gray-10);
-    --bp-surface-dropdown-secondary-surface: var(--bp-gray-white);
-    --bp-surface-dropdown-secondary-surface-hover: var(--bp-gray-05);
-    --bp-surface-dropdown-secondary-surface-pressed: var(--bp-gray-10);
-    --bp-surface-dropdown-tertiary-surface-hover: var(--bp-gray-05);
-    --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-gray-10);
-    --bp-surface-dropdown-surface: var(--bp-gray-white);
-    --bp-surface-dropdown-surface-error: var(--bp-gray-white);
-    --bp-surface-dropdown-surface-error-focus: var(--bp-gray-white);
-    --bp-surface-dropdown-surface-error-hover: var(--bp-gray-white);
-    --bp-surface-dropdown-surface-focus: var(--bp-gray-white);
-    --bp-surface-dropdown-surface-hover: var(--bp-gray-white);
+    --bp-surface-dropdown-secondary-surface: var(--bp-white-opacity-70);
+    --bp-surface-dropdown-secondary-surface-hover: var(--bp-black-opacity-04);
+    --bp-surface-dropdown-secondary-surface-pressed: var(--bp-black-opacity-08);
+    --bp-surface-dropdown-tertiary-surface-hover: var(--bp-black-opacity-04);
+    --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-black-opacity-08);
+    --bp-surface-dropdown-surface: var(--bp-white-opacity-70);
+    --bp-surface-dropdown-surface-hover: var(--bp-black-opacity-04);
     --bp-surface-filter-surface: var(--bp-box-blue-100);
     --bp-surface-filter-surface-focus: var(--bp-box-blue-100);
     --bp-surface-filter-surface-hover: var(--bp-box-blue-100);
@@ -858,6 +845,7 @@
     --bp-surface-input-surface-error-hover: var(--bp-gray-white);
     --bp-surface-input-surface-focus: var(--bp-gray-white);
     --bp-surface-input-surface-hover: var(--bp-gray-white);
+    --bp-surface-input-surface-read-only: var(--bp-gray-02);
     --bp-surface-input-chip-surface: var(--bp-gray-10);
     --bp-surface-input-chip-surface-error: var(--bp-watermelon-red-10);
     --bp-surface-input-chip-surface-hover: var(--bp-gray-10);
@@ -866,6 +854,9 @@
     --bp-surface-item-small-surface-selected: var(--bp-box-blue-05);
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
+    --bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
+    --bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
+    --bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
     --bp-surface-list-item-surface: var(--bp-gray-white);
     --bp-surface-list-item-surface-hover: var(--bp-gray-white);
     --bp-surface-list-item-surface-loading: var(--bp-gray-05);
@@ -882,10 +873,10 @@
     --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-menu-item-surface: var(--bp-white-opacity-00);
+    --bp-surface-menu-item-surface-hover: var(--bp-black-opacity-04);
+    --bp-surface-menu-item-surface-loading: var(--bp-white-opacity-00);
+    --bp-surface-menu-item-surface-pressed: var(--bp-black-opacity-08);
     --bp-surface-modal-surface: var(--bp-gray-white);
     --bp-surface-modal-surface-gray: var(--bp-gray-05);
     --bp-surface-nav-surface-brand: var(--bp-box-blue-100);