@box/blueprint-web-assets 4.49.3 → 4.51.1

package/dist/icons/Line/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/Line/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 16 16", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "#222", d: "M8.646 5.147a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .707l-2.5 2.5a.5.5 0 0 1-.708-.707L10.293 8.5H4.45C4.202 8.5 4 8.276 4 8s.202-.5.45-.5h5.843L8.646 5.854a.5.5 0 0 1 0-.707Z" }), _jsx("path", { fill: "#222", fillRule: "evenodd", d: "M13.204 1.01A2 2 0 0 1 15 3v10l-.01.204a2 2 0 0 1-1.786 1.785L13 15H3l-.204-.01a2 2 0 0 1-1.785-1.786L1 13V3a2 2 0 0 1 1.796-1.99L3 1h10l.204.01ZM3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Z", clipRule: "evenodd" })] }));
+const ForwardRef = forwardRef(SvgArrowRightSquareAlt);
+export default ForwardRef;

package/dist/icons/Line/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/Line/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 16 16", role: "img", ref: ref, ...props, children: _jsx("path", { fill: "#222", fillRule: "evenodd", d: "M13.204 1.01A2 2 0 0 1 15 3v10l-.01.204a2 2 0 0 1-1.786 1.785L13 15H3l-.204-.01a2 2 0 0 1-1.785-1.786L1 13V3a2 2 0 0 1 1.796-1.99L3 1h10l.204.01ZM2.881 13.993a.939.939 0 0 0 .119.008h2.702L14 5.702V3c0-.04-.003-.08-.008-.119L2.881 13.992Zm8.478.008H13a1 1 0 0 0 1-1v-1.642L11.36 14Zm-4.243 0h2.828L14 9.944V7.116L7.116 14ZM2 10.63V13c0 .136.026.265.075.383L13.383 2.075A.997.997 0 0 0 13 2h-2.371L2 10.63Zm0-4.242v2.828L9.215 2H6.387L2 6.387ZM3 2a1 1 0 0 0-1 1v1.973L4.973 2H3Z", clipRule: "evenodd" }) }));
+const ForwardRef = forwardRef(SvgSquareWithDiagonalStripes);
+export default ForwardRef;

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

@@ -17,6 +17,7 @@ export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
 export { default as ArrowRightSquare } from './ArrowRightSquare';
+export { default as ArrowRightSquareAlt } from './ArrowRightSquareAlt';
 export { default as ArrowUp } from './ArrowUp';
 export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
 export { default as ArrowUpRightSquareAlt } from './ArrowUpRightSquareAlt';
@@ -123,6 +124,7 @@ export { default as SidebarSquaresBottom } from './SidebarSquaresBottom';
 export { default as SidebarSquaresLeft } from './SidebarSquaresLeft';
 export { default as Sign } from './Sign';
 export { default as Skip } from './Skip';
+export { default as SquareWithDiagonalStripes } from './SquareWithDiagonalStripes';
 export { default as Star } from './Star';
 export { default as Storage } from './Storage';
 export { default as Taxonomy } from './Taxonomy';

package/dist/icons/Line/index.js

@@ -17,6 +17,7 @@ export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
 export { default as ArrowRightSquare } from './ArrowRightSquare';
+export { default as ArrowRightSquareAlt } from './ArrowRightSquareAlt';
 export { default as ArrowUp } from './ArrowUp';
 export { default as ArrowUpRightSquare } from './ArrowUpRightSquare';
 export { default as ArrowUpRightSquareAlt } from './ArrowUpRightSquareAlt';
@@ -123,6 +124,7 @@ export { default as SidebarSquaresBottom } from './SidebarSquaresBottom';
 export { default as SidebarSquaresLeft } from './SidebarSquaresLeft';
 export { default as Sign } from './Sign';
 export { default as Skip } from './Skip';
+export { default as SquareWithDiagonalStripes } from './SquareWithDiagonalStripes';
 export { default as Star } from './Star';
 export { default as Storage } from './Storage';
 export { default as Taxonomy } from './Taxonomy';

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

@@ -1,6 +1,5 @@
 /**
- * Do not edit directly
- * Generated on Mon, 02 Jun 2025 12:06:22 GMT
+ * Do not edit directly, this file was auto-generated.
  */
 
 export const BackgroundBackground: string;
@@ -692,11 +691,46 @@ export const Space15: string;
 export const Space16: string;
 export const Space18: string;
 export const Space20: string;
-export const Dropshadow3: { x: string; y: string; blur: string; spread: string; color: string; type: string };
-export const Dropshadow3Inverse: { x: string; y: string; blur: string; spread: string; color: string; type: string };
-export const Dropshadow2: { x: string; y: string; blur: string; spread: string; color: string; type: string };
-export const Dropshadow1: { x: string; y: string; blur: string; spread: string; color: string; type: string };
-export const Innershadow1: { x: string; y: string; blur: string; spread: string; color: string; type: string };
+export const Dropshadow3: {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+    type: string;
+};
+export const Dropshadow3Inverse: {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+    type: string;
+};
+export const Dropshadow2: {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+    type: string;
+};
+export const Dropshadow1: {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+    type: string;
+};
+export const Innershadow1: {
+    x: string;
+    y: string;
+    blur: string;
+    spread: string;
+    color: string;
+    type: string;
+};
 export const BlackOpacity80: string;
 export const BlackOpacity60: string;
 export const BlackOpacity50: string;

package/dist/tokens/px-tokens.js

@@ -1,6 +1,5 @@
 /**
- * Do not edit directly
- * Generated on Mon, 02 Jun 2025 12:06:22 GMT
+ * Do not edit directly, this file was auto-generated.
  */
 
 export const BackgroundBackground = '#ffffff';
@@ -19,12 +18,12 @@ export const SurfaceMenuSurface = '#ffffff';
 export const SurfaceMenuSurfaceHover = '#f4f4f4';
 export const SurfaceMenuSurfacePressed = '#f4f4f4';
 export const SurfaceMenuSurfaceFocus = '#f4f4f4';
-export const SurfaceSurfaceBrand = '#0061D5';
-export const SurfaceSurfaceBrandHover = '#006AE9';
-export const SurfaceSurfaceBrandPressed = '#004EAC';
+export const SurfaceSurfaceBrand = '#0061d5';
+export const SurfaceSurfaceBrandHover = '#006ae9';
+export const SurfaceSurfaceBrandPressed = '#004eac';
 export const SurfaceSurfaceBrandSecondary = '#e5effa';
-export const SurfaceSurfaceBrandBusy = '#0061D5';
-export const SurfaceSurfaceBrandDisabled = '#0061D5';
+export const SurfaceSurfaceBrandBusy = '#0061d5';
+export const SurfaceSurfaceBrandDisabled = '#0061d5';
 export const SurfaceCtaSurfaceSecondary = '#ffffff';
 export const SurfaceCtaSurfaceSecondaryBusy = '#ffffff';
 export const SurfaceCtaSurfaceSecondaryDisabled = '#ffffff';
@@ -75,13 +74,13 @@ export const SurfaceStatusSurfacePending = '#a7a7a7';
 export const SurfaceStatusSurfaceScheduled = '#9f3fed';
 export const SurfaceStatusSurfaceUploading = '#0061d5';
 export const SurfaceStatusSurfaceInprogress = '#f5b31b';
-export const SurfaceCtaSurfaceOutline = 'rgba(0,0,0,0)';
-export const SurfaceCtaSurfaceOutlineHover = 'rgba(0,0,0,0.04)';
-export const SurfaceCtaSurfaceOutlinePressed = 'rgba(0,0,0,0.08)';
-export const SurfaceCtaSurfaceIcon = 'rgba(0,0,0,0)';
-export const SurfaceCtaSurfaceIconDisabled = 'rgba(0,0,0,0)';
-export const SurfaceCtaSurfaceIconHover = 'rgba(0,0,0,0.04)';
-export const SurfaceCtaSurfaceIconPressed = 'rgba(0,0,0,0.08)';
+export const SurfaceCtaSurfaceOutline = 'rgba(0, 0, 0, 0)';
+export const SurfaceCtaSurfaceOutlineHover = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceCtaSurfaceOutlinePressed = 'rgba(0, 0, 0, 0.08)';
+export const SurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
+export const SurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
+export const SurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
 export const SurfaceCtaSurfaceIconUtility = '#e8e8e8';
 export const SurfaceCtaSurfaceIconUtilityHover = '#d3d3d3';
 export const SurfaceCtaSurfaceIconUtilityPressed = '#bcbcbc';
@@ -130,32 +129,32 @@ export const SurfaceSwitchSurfaceHover = '#ffffff';
 export const SurfaceSwitchSurfaceOff = '#d3d3d3';
 export const SurfaceSwitchSurfaceOffHover = '#bcbcbc';
 export const SurfaceSwitchSurfaceOn = '#0061d5';
-export const SurfaceSwitchSurfaceOnHover = '#2079E3';
+export const SurfaceSwitchSurfaceOnHover = '#2079e3';
 export const SurfaceRadioSurface = '#ffffff';
 export const SurfaceRadioSurfaceHover = '#ffffff';
 export const SurfaceRadioSurfaceSelected = '#0061d5';
-export const SurfaceRadioSurfaceSelectedHover = '#2079E3';
+export const SurfaceRadioSurfaceSelectedHover = '#2079e3';
 export const SurfaceCheckboxSurface = '#ffffff';
 export const SurfaceCheckboxSurfaceHover = '#ffffff';
 export const SurfaceCheckboxSurfaceSelected = '#0061d5';
-export const SurfaceCheckboxSurfaceSelectedHover = '#2079E3';
+export const SurfaceCheckboxSurfaceSelectedHover = '#2079e3';
 export const SurfaceGhostSurface = '#fbfbfb';
 export const SurfaceGhostSurfaceSecondary = '#f4f4f4';
 export const SurfaceInputchipSurface = '#e8e8e8';
 export const SurfaceInputchipSurfaceHover = '#e8e8e8';
 export const SurfaceInputchipSurfaceError = '#fdebee';
-export const SurfaceFilterchipSurfaceMulti = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0,0,0,0.08)';
+export const SurfaceFilterchipSurfaceMulti = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceFilterchipSurfaceMultiHover = 'rgba(0, 0, 0, 0.08)';
 export const SurfaceFilterchipSurfaceMultiOn = '#e5effa';
 export const SurfaceFilterchipSurfaceMultiOnHover = '#ccdff7';
-export const SurfaceFilterchipSurfaceSingle = 'rgba(0,0,0,0.04)';
-export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0,0,0,0.08)';
+export const SurfaceFilterchipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceFilterchipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
 export const SurfaceFilterchipSurfaceSingleOn = '#0061d5';
 export const SurfaceFilterchipSurfaceSingleOnHover = '#0061d5';
-export const SurfaceSlidertrackSurface = '#6F6F6F';
+export const SurfaceSlidertrackSurface = '#6f6f6f';
 export const SurfaceSliderthumbSurface = '#0061d5';
 export const SurfaceSliderthumbSurfaceHover = '#2486fc';
-export const SurfaceScrollbarSurface = 'rgba(0,0,0,0.5)';
+export const SurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
 export const SurfaceSearchSurface = '#f4f4f4';
 export const SurfaceSearchGlobalSurface = '#f4f4f4';
 export const SurfaceSearchSurfaceHover = '#fbfbfb';
@@ -171,7 +170,7 @@ export const SurfaceAccordionSurfaceHover = '#f4f4f4';
 export const SurfaceBadgeImageSurface = '#26c281';
 export const SurfaceBadgeCanvasSurface = '#f1811a';
 export const SurfaceBadgeBoxnoteSurface = '#e8e8e8';
-export const SurfaceBadgeFolderexternalSurface = '#6F6F6F';
+export const SurfaceBadgeFolderexternalSurface = '#6f6f6f';
 export const SurfaceBadgeFoldersharedSurface = '#2486fc';
 export const SurfaceBadgeRelaySurface = '#1d6bca';
 export const SurfaceBadgeMentionSurface = '#1d6bca';
@@ -179,8 +178,8 @@ export const SurfaceBadgeTaskSurface = '#2486fc';
 export const SurfaceBadgeTaskapprovalSurface = '#1d6bca';
 export const SurfaceBadgeAnnotationSurface = '#f5b31b';
 export const SurfaceBadgeCompletedSurface = '#26c281';
-export const SurfaceBadgeRejectedSurface = '#D5324E';
-export const SurfaceBadgeErrorSurface = '#D5324E';
+export const SurfaceBadgeRejectedSurface = '#d5324e';
+export const SurfaceBadgeErrorSurface = '#d5324e';
 export const SurfaceBadgeExternalSurface = '#909090';
 export const SurfaceBadgeAdminSurface = '#003c84';
 export const SurfaceBadgeCoadminSurface = '#9f3fed';
@@ -189,18 +188,18 @@ export const SurfaceBadgePinSurface = '#e8e8e8';
 export const SurfaceBadgeCollectionSurface = '#e8e8e8';
 export const SurfaceBadgeOfflineSurface = '#26c281';
 export const SurfaceBadgeProgressSurface = '#f5b31b';
-export const SurfaceBadgeNotificationSurface = '#D5324E';
-export const SurfaceBadgePdfSurface = '#D0021B';
-export const SurfaceBadgeDocsSurface = '#4083F7';
-export const SurfaceBadgeSheetsSurface = '#21A464';
-export const SurfaceBadgePagesSurface = '#FF9500';
-export const SurfaceBadgeKeynoteSurface = '#0A84FF';
-export const SurfaceBadgeVideoSurface = '#009AED';
-export const SurfaceChipButtonSurface = 'rgba(0,0,0,0.04)';
-export const SurfaceChipButtonSurfaceHover = 'rgba(0,0,0,0.08)';
+export const SurfaceBadgeNotificationSurface = '#d5324e';
+export const SurfaceBadgePdfSurface = '#d0021b';
+export const SurfaceBadgeDocsSurface = '#4083f7';
+export const SurfaceBadgeSheetsSurface = '#21a464';
+export const SurfaceBadgePagesSurface = '#ff9500';
+export const SurfaceBadgeKeynoteSurface = '#0a84ff';
+export const SurfaceBadgeVideoSurface = '#009aed';
+export const SurfaceChipButtonSurface = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceChipButtonSurfaceHover = 'rgba(0, 0, 0, 0.08)';
 export const SurfacePageSurface = '#ffffff';
-export const SurfaceOptionGridSurfaceHover = 'rgba(0,0,0,0.04)';
-export const SurfaceOptionGridSurfaceSelected = 'rgba(0,0,0,0.08)';
+export const SurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
+export const SurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
 export const SurfaceDropdownPrimarySurfaceHover = '#f4f4f4';
 export const SurfaceDropdownPrimarySurfacePressed = '#e8e8e8';
 export const SurfaceDropdownSecondarySurface = '#ffffff';
@@ -216,7 +215,7 @@ export const SurfaceProgressbarSurfaceBrand = '#0061d5';
 export const SurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
 export const SurfaceIllustrationSurfaceBox = '#0061d5';
 export const SurfaceUploadSurfaceBrandNeutral = '#0061d5';
-export const SurfaceCtaSurfacePromo = '#4122AF';
+export const SurfaceCtaSurfacePromo = '#4122af';
 export const SurfaceCtaSurfacePromoHover = '#4826c2';
 export const SurfaceCtaSurfacePromoPressed = '#3a1e9b';
 export const SurfaceCtaSurfacePromoFocus = '#4826c2';
@@ -256,13 +255,13 @@ export const BorderMessageBorderWarningSecondary = '#fad98d';
 export const BorderMessageBorderError = '#ed3757';
 export const BorderMessageBorderErrorSecondary = '#f69bab';
 export const BorderInputBorder = '#909090';
-export const BorderInputBorderHover = '#6F6F6F';
+export const BorderInputBorderHover = '#6f6f6f';
 export const BorderInputBorderFocus = '#2486fc';
 export const BorderInputBorderError = '#ed3757';
 export const BorderInputBorderErrorHover = '#ed3757';
 export const BorderInputBorderErrorFocus = '#ed3757';
 export const BorderDropdownBorder = '#bcbcbc';
-export const BorderDropdownBorderHover = '#6F6F6F';
+export const BorderDropdownBorderHover = '#6f6f6f';
 export const BorderDropdownBorderFocus = '#0061d5';
 export const BorderDropdownBorderError = '#ed3757';
 export const BorderDropdownBorderErrorHover = '#ed3757';
@@ -281,22 +280,22 @@ export const BorderItemBorderSelected = '#0061d5';
 export const BorderItemSmallBorderSelected = '#0061d5';
 export const BorderSwitchBorder = '#bcbcbc';
 export const BorderSwitchBorderHover = '#bcbcbc';
-export const BorderRadioBorder = '#6F6F6F';
+export const BorderRadioBorder = '#6f6f6f';
 export const BorderRadioBorderSelected = '#0061d5';
-export const BorderRadioBorderSelectedHover = '#2079E3';
+export const BorderRadioBorderSelectedHover = '#2079e3';
 export const BorderRadioBorderHover = '#4e4e4e';
-export const BorderCheckboxBorder = '#6F6F6F';
+export const BorderCheckboxBorder = '#6f6f6f';
 export const BorderCheckboxBorderHover = '#4e4e4e';
 export const BorderCheckboxBorderSelected = '#0061d5';
-export const BorderCheckboxBorderSelectedHover = '#2079E3';
+export const BorderCheckboxBorderSelectedHover = '#2079e3';
 export const BorderDividerBorder = '#e8e8e8';
 export const BorderCardBorderPressed = '#e8e8e8';
 export const BorderInputchipBorderError = '#ed3757';
-export const BorderAvatarBorderHover = 'rgba(0,0,0,0.04)';
-export const BorderAvatarBorderPressed = 'rgba(0,0,0,0.08)';
-export const BorderStatusBorderHover = 'rgba(0,0,0,0.04)';
+export const BorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
+export const BorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
+export const BorderStatusBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const BorderSearchBorder = '#f4f4f4';
-export const BorderSearchBorderHover = '#6F6F6F';
+export const BorderSearchBorderHover = '#6f6f6f';
 export const BorderSearchGlobalBorderHover = '#e8e8e8';
 export const BorderGridthumbnailBorder = '#e8e8e8';
 export const BorderFilterchipBorderMultiOn = '#99c0ee';
@@ -327,11 +326,11 @@ export const BorderToggletextBorderOffAiHover = 'linear-gradient(135deg, #FE03DC
 export const BorderToggletextBorderOffAiPressed = 'linear-gradient(135deg, #FE03DC 0%, #2784FA 100%)';
 export const BorderDividerBorderBrand = '#e8e8e8';
 export const IconIconOnLight = '#222222';
-export const IconIconOnLightSecondary = '#6F6F6F';
+export const IconIconOnLightSecondary = '#6f6f6f';
 export const IconIconOnLightTertiary = '#909090';
 export const IconIconOnDark = '#ffffff';
-export const IconIconErrorOnLight = '#D5324E';
-export const IconIconRequiredOnLight = '#D5324E';
+export const IconIconErrorOnLight = '#d5324e';
+export const IconIconRequiredOnLight = '#d5324e';
 export const IconNavIconOnDark = '#ffffff';
 export const IconNavIconOnDarkHover = '#ffffff';
 export const IconNavIconOnDarkSelected = '#ffffff';
@@ -340,7 +339,7 @@ export const IconNavIconOnLight = '#222222';
 export const IconNavIconOnLightHover = '#222222';
 export const IconNavIconOnLightSelected = '#222222';
 export const IconNavIconOnLightFocus = '#222222';
-export const IconCtaIcon = '#6F6F6F';
+export const IconCtaIcon = '#6f6f6f';
 export const IconCtaIconHover = '#222222';
 export const IconCtaIconPressed = '#222222';
 export const IconCtaIconUtility = '#4e4e4e';
@@ -350,11 +349,11 @@ export const IconCtaIconOnColor = '#000000';
 export const IconCtaIconOnColorHover = '#000000';
 export const IconCtaIconOnColorPressed = '#000000';
 export const IconIconBlue = '#0061d5';
-export const IconIconDestructiveOnLight = '#D5324E';
+export const IconIconDestructiveOnLight = '#d5324e';
 export const OutlineFocusOnLight = '#2486fc';
 export const OutlineFocusOnDark = '#ffffff';
 export const TextTextOnLight = '#222222';
-export const TextTextOnLightSecondary = '#6F6F6F';
+export const TextTextOnLightSecondary = '#6f6f6f';
 export const TextTextOnLightTertiary = '#909090';
 export const TextTextOnLightSecondaryHover = '#4e4e4e';
 export const TextTextOnDark = '#ffffff';
@@ -370,17 +369,17 @@ export const TextNavTextOnLight = '#ffffff';
 export const TextNavTextOnLightHover = '#ffffff';
 export const TextNavTextOnLightSelected = '#ffffff';
 export const TextNavTextOnLightFocus = '#ffffff';
-export const TextTextErrorOnLight = '#D5324E';
-export const TextCtaLinkSecondary = '#6F6F6F';
-export const TextCtaLinkSecondaryPressed = '#6F6F6F';
-export const TextCtaLinkSecondaryHover = '#6F6F6F';
+export const TextTextErrorOnLight = '#d5324e';
+export const TextCtaLinkSecondary = '#6f6f6f';
+export const TextCtaLinkSecondaryPressed = '#6f6f6f';
+export const TextCtaLinkSecondaryHover = '#6f6f6f';
 export const TextCtaPromo = '#4826c2';
 export const TextCtaLinkDisabled = '#b2cff2';
 export const TextTextOnLightDisabled = '#bcbcbc';
-export const TextToggletextText = '#004EAA';
-export const TextTextDestructiveOnLight = '#D5324E';
-export const OverlaySidepanelOverlay = 'rgba(0,0,0,0.5)';
-export const OverlayModalOverlay = 'rgba(0,0,0,0.8)';
+export const TextToggletextText = '#004eaa';
+export const TextTextDestructiveOnLight = '#d5324e';
+export const OverlaySidepanelOverlay = 'rgba(0, 0, 0, 0.5)';
+export const OverlayModalOverlay = 'rgba(0, 0, 0, 0.8)';
 export const BrandBoxPrimary = '#0061d5';
 export const BrandBoxSecondary = '#ccdff7';
 export const BrandBoxTertiary = '#e5effa';
@@ -401,7 +400,7 @@ export const Gray20 = '#d3d3d3';
 export const Gray30 = '#bcbcbc';
 export const Gray40 = '#a7a7a7';
 export const Gray50 = '#909090';
-export const Gray65 = '#6F6F6F';
+export const Gray65 = '#6f6f6f';
 export const Gray80 = '#4e4e4e';
 export const Gray90 = '#383838';
 export const Gray100 = '#222222';
@@ -416,12 +415,12 @@ export const BoxBlue40 = '#99c0ee';
 export const BoxBlue50 = '#7fb0ea';
 export const BoxBlue80 = '#3381dd';
 export const BoxBlue100 = '#0061d5';
-export const BoxBlue110 = '#0057C0';
-export const BoxBlue120 = '#004EAA';
-export const BoxBlue150 = '#00316B';
+export const BoxBlue110 = '#0057c0';
+export const BoxBlue120 = '#004eaa';
+export const BoxBlue150 = '#00316b';
 export const BoxBlue160 = '#002755';
-export const BoxBlue170 = '#001D40';
-export const BoxBlue180 = '#00132B';
+export const BoxBlue170 = '#001d40';
+export const BoxBlue180 = '#00132b';
 export const BoxBlue05 = '#f2f7fd';
 export const BoxBlue02 = '#fafcfe';
 export const DarkBlue10 = '#e5ebf2';
@@ -440,7 +439,7 @@ export const LightBlue10 = '#e9f2fe';
 export const LightBlue20 = '#d3e7fe';
 export const LightBlue50 = '#91c2fd';
 export const LightBlue100 = '#2486fc';
-export const LightBlue110 = '#2079E3';
+export const LightBlue110 = '#2079e3';
 export const LightBlue120 = '#1d6bca';
 export const LightBlue150 = '#12437e';
 export const LightBlue160 = '#0e3665';
@@ -452,7 +451,7 @@ export const GreenLight10 = '#e9f8f2';
 export const GreenLight20 = '#d4f3e6';
 export const GreenLight50 = '#92e0c0';
 export const GreenLight100 = '#26c281';
-export const GreenLight110 = '#22AF74';
+export const GreenLight110 = '#22af74';
 export const GreenLight120 = '#1e9b67';
 export const GreenLight150 = '#136140';
 export const GreenLight160 = '#0f4e34';
@@ -464,7 +463,7 @@ export const WatermelonRed10 = '#fdebee';
 export const WatermelonRed20 = '#fbd7dd';
 export const WatermelonRed50 = '#f69bab';
 export const WatermelonRed100 = '#ed3757';
-export const WatermelonRed110 = '#D5324E';
+export const WatermelonRed110 = '#d5324e';
 export const WatermelonRed120 = '#be2c46';
 export const WatermelonRed150 = '#761b2b';
 export const WatermelonRed160 = '#5f1623';
@@ -476,7 +475,7 @@ export const Orange10 = '#fdf2e8';
 export const Orange20 = '#fce6d1';
 export const Orange50 = '#f8c08c';
 export const Orange100 = '#f1811a';
-export const Orange110 = '#D97417';
+export const Orange110 = '#d97417';
 export const Orange120 = '#c16715';
 export const Orange150 = '#78400d';
 export const Orange160 = '#60340a';
@@ -488,7 +487,7 @@ export const Yellorange10 = '#fef7e8';
 export const Yellorange20 = '#fdf0d1';
 export const Yellorange50 = '#fad98d';
 export const Yellorange100 = '#f5b31b';
-export const Yellorange110 = '#DCA118';
+export const Yellorange110 = '#dca118';
 export const Yellorange120 = '#c48f16';
 export const Yellorange150 = '#7a590d';
 export const Yellorange160 = '#62480b';
@@ -500,7 +499,7 @@ export const Yellow10 = '#fffbe5';
 export const Yellow20 = '#fff7cc';
 export const Yellow50 = '#ffeb7f';
 export const Yellow100 = '#ffd700';
-export const Yellow110 = '#E6C100';
+export const Yellow110 = '#e6c100';
 export const Yellow120 = '#ccac00';
 export const Yellow150 = '#806b00';
 export const Yellow160 = '#665600';
@@ -512,7 +511,7 @@ export const PurpleRain10 = '#f5ebfd';
 export const PurpleRain20 = '#ecd9fb';
 export const PurpleRain50 = '#cf9ff6';
 export const PurpleRain100 = '#9f3fed';
-export const PurpleRain110 = '#8F39D5';
+export const PurpleRain110 = '#8f39d5';
 export const PurpleRain120 = '#7f32be';
 export const PurpleRain150 = '#4f1f76';
 export const PurpleRain160 = '#40195f';
@@ -524,7 +523,7 @@ export const Grimace10 = '#ece9f8';
 export const Grimace20 = '#dad4f3';
 export const Grimace50 = '#a392e0';
 export const Grimace100 = '#4826c2';
-export const Grimace110 = '#4122AF';
+export const Grimace110 = '#4122af';
 export const Grimace120 = '#3a1e9b';
 export const Grimace150 = '#241361';
 export const Grimace160 = '#1d0f4e';
@@ -748,12 +747,12 @@ export const Innershadow1 = {
     color: 'rgba(0,0,0,0.1)',
     type: 'innerShadow',
 };
-export const BlackOpacity80 = 'rgba(0,0,0,0.8)';
-export const BlackOpacity60 = 'rgba(0,0,0,0.6)';
-export const BlackOpacity50 = 'rgba(0,0,0,0.5)';
-export const BlackOpacity08 = 'rgba(0,0,0,0.08)';
-export const BlackOpacity04 = 'rgba(0,0,0,0.04)';
-export const BlackOpacity00 = 'rgba(0,0,0,0)';
+export const BlackOpacity80 = 'rgba(0, 0, 0, 0.8)';
+export const BlackOpacity60 = 'rgba(0, 0, 0, 0.6)';
+export const BlackOpacity50 = 'rgba(0, 0, 0, 0.5)';
+export const BlackOpacity08 = 'rgba(0, 0, 0, 0.08)';
+export const BlackOpacity04 = 'rgba(0, 0, 0, 0.04)';
+export const BlackOpacity00 = 'rgba(0, 0, 0, 0)';
 export const Size05 = '2px';
 export const Size1 = '4px';
 export const Size2 = '8px';
@@ -772,8 +771,8 @@ export const Size15 = '60px';
 export const Size16 = '64px';
 export const Size18 = '72px';
 export const Size20 = '80px';
-export const WhiteOpacity70 = '#ffffffb3';
-export const WhiteOpacity30 = '#ffffff4d';
+export const WhiteOpacity70 = 'rgba(255, 255, 255, 0.7)';
+export const WhiteOpacity30 = 'rgba(255, 255, 255, 0.3)';
 export const Border4 = '4px';
 export const Border6 = '6px';
 export const Border8 = '8px';