@cambly/syntax-core 20.4.0 → 20.6.0

package/dist/Avatar/Avatar.d.ts

@@ -25,7 +25,7 @@ declare const Avatar: ({ accessibilityLabel, icon, size, src, }: {
      *
      * @defaultValue `md`
      */
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    size?: "md" | "sm" | "xs" | "lg" | "xl" | undefined;
     /**
      * URL of the image to display as the avatar.
      */

package/dist/Badge/Badge.d.ts

@@ -11,7 +11,7 @@ declare const Badge: ({ icon: Icon, text, color, }: {
         className?: string | undefined;
     }> | React.ComponentType<{
         color?: "inherit" | "black" | "destructive100" | "destructive200" | "destructive300" | "destructive700" | "destructive800" | "destructive900" | "gray10" | "gray100" | "gray200" | "gray30" | "gray60" | "gray300" | "gray700" | "gray80" | "gray800" | "gray900" | "orange100" | "orange200" | "orange300" | "orange700" | "orange800" | "orange900" | "primary100" | "primary200" | "primary300" | "primary700" | "primary800" | "primary900" | "purple100" | "purple200" | "purple300" | "purple700" | "purple800" | "purple900" | "success100" | "success200" | "success300" | "success700" | "success800" | "success900" | "white" | "white40" | "white70" | "yellow100" | "yellow200" | "yellow300" | "yellow700" | "yellow800" | "yellow900" | "gray270" | "gray370" | "gray870" | "cream" | "lilac" | "navy" | "orange" | "pink" | "purple" | "red" | "sky" | "slate" | "tan" | "teal" | "thistle" | undefined;
-        size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | undefined;
+        size?: 100 | 200 | 300 | 400 | 500 | 700 | 800 | 900 | 600 | 1000 | undefined;
         path?: string | undefined;
     } & React.RefAttributes<SVGSVGElement>> | undefined;
     /**

package/dist/Button/Button.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _44EISWI2cjs = require('../__chunks/44EISWI2.cjs');
+var _BVNFNAUOcjs = require('../__chunks/BVNFNAUO.cjs');
 require('../__chunks/5JUNB754.cjs');
 require('../__chunks/3P2PWHOU.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
 require('../__chunks/F3SUJGZL.cjs');
@@ -21,5 +21,5 @@ require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _44EISWI2cjs.Button_default;
+exports.default = _BVNFNAUOcjs.Button_default;
 //# sourceMappingURL=Button.cjs.map

package/dist/Button/Button.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   Button_default
-} from "../__chunks/5J43UL2N.js";
+} from "../__chunks/DZNR7V5P.js";
 import "../__chunks/Z5ZUAP2B.js";
 import "../__chunks/QSC7CAQA.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";
 import "../__chunks/YGON3SJ5.js";

package/dist/Button/constants/iconSize.cjs

@@ -2,10 +2,10 @@
 
 
 
-var _65BTPZZTcjs = require('../../__chunks/65BTPZZT.cjs');
+var _UEY7FXLXcjs = require('../../__chunks/UEY7FXLX.cjs');
 require('../../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.internalIconSize = _65BTPZZTcjs.internalIconSize; exports.materialIconSize = _65BTPZZTcjs.materialIconSize;
+exports.internalIconSize = _UEY7FXLXcjs.internalIconSize; exports.materialIconSize = _UEY7FXLXcjs.materialIconSize;
 //# sourceMappingURL=iconSize.cjs.map

package/dist/Button/constants/iconSize.d.ts

@@ -5,8 +5,8 @@ declare const materialIconSize: {
 };
 declare const internalIconSize: {
     readonly sm: 100;
-    readonly md: 200;
-    readonly lg: 300;
+    readonly md: 300;
+    readonly lg: 400;
 };
 
 export { internalIconSize, materialIconSize };

package/dist/Button/constants/iconSize.js

@@ -2,7 +2,7 @@
 import {
   internalIconSize,
   materialIconSize
-} from "../../__chunks/64WM4STC.js";
+} from "../../__chunks/6TM2ES2T.js";
 import "../../__chunks/UWGNJENA.js";
 export {
   internalIconSize,

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -23,7 +23,7 @@ declare const ButtonGroup: ({ orientation, size, children, smOrientation, lgOrie
      *
      * @defaultValue "md"
      */
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "md" | "sm" | "lg" | undefined;
     /**
      * Buttons to be rendered inside the button group
      */

package/dist/Checkbox/Checkbox.d.ts

@@ -32,7 +32,7 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
      *
      * @defaultValue "md"
      */
-    size?: "sm" | "md" | undefined;
+    size?: "md" | "sm" | undefined;
     /**
      * The text accompanying the checkbox
      */

package/dist/Dialog/ModalDialog.cjs

@@ -3,11 +3,11 @@
 
 
 
-var _P3YRUAAEcjs = require('../__chunks/P3YRUAAE.cjs');
+var _RHJARLXBcjs = require('../__chunks/RHJARLXB.cjs');
 require('../__chunks/OKT24L6D.cjs');
-require('../__chunks/VJWLFFAD.cjs');
+require('../__chunks/KFNK5PLG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
@@ -28,5 +28,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.AriaModal = _P3YRUAAEcjs.AriaModal; exports.AriaModalOverlay = _P3YRUAAEcjs.AriaModalOverlay; exports.default = _P3YRUAAEcjs.ModalDialog_default;
+exports.AriaModal = _RHJARLXBcjs.AriaModal; exports.AriaModalOverlay = _RHJARLXBcjs.AriaModalOverlay; exports.default = _RHJARLXBcjs.ModalDialog_default;
 //# sourceMappingURL=ModalDialog.cjs.map

package/dist/Dialog/ModalDialog.js

@@ -3,11 +3,11 @@ import {
   AriaModal,
   AriaModalOverlay,
   ModalDialog_default
-} from "../__chunks/YN2ORRKZ.js";
+} from "../__chunks/VZUFYOET.js";
 import "../__chunks/QVK3VV5M.js";
-import "../__chunks/GDXRRA57.js";
+import "../__chunks/SZTZ3IZ5.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/DDUJFFG7.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";

package/dist/Heading/Heading.d.ts

@@ -11,7 +11,7 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
      *
      * @defaultValue "start"
      */
-    align?: "center" | "start" | "end" | "forceLeft" | "forceRight" | undefined;
+    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *

package/dist/Icon/Icon.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _IBT4YOI5cjs = require('../__chunks/IBT4YOI5.cjs');
+var _HRTHCEIFcjs = require('../__chunks/HRTHCEIF.cjs');
 require('../__chunks/2XIVACBM.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _IBT4YOI5cjs.Icon_default;
+exports.default = _HRTHCEIFcjs.Icon_default;
 //# sourceMappingURL=Icon.cjs.map

package/dist/Icon/Icon.d.ts

@@ -13,7 +13,7 @@ type IconProps = {
      * * 100: 16px x 16px
      * * 200: 20px x 20px
      * * 300: 24px x 24px
-     * * 400: 28px x 28px
+     * * 400: 32px x 32px
      * * 500: 48px x 48px
      * * 600: 72px x 72px
      * * 700: 100px x 100px

package/dist/Icon/Icon.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   Icon_default
-} from "../__chunks/WPQECZRJ.js";
+} from "../__chunks/SIKGAUYF.js";
 import "../__chunks/XSYKMCV5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";

package/dist/IconButton/IconButton.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _VJWLFFADcjs = require('../__chunks/VJWLFFAD.cjs');
+var _KFNK5PLGcjs = require('../__chunks/KFNK5PLG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
 require('../__chunks/F3SUJGZL.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _VJWLFFADcjs.IconButton_default;
+exports.default = _KFNK5PLGcjs.IconButton_default;
 //# sourceMappingURL=IconButton.cjs.map

package/dist/IconButton/IconButton.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   IconButton_default
-} from "../__chunks/GDXRRA57.js";
+} from "../__chunks/SZTZ3IZ5.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";
 import "../__chunks/YGON3SJ5.js";

package/dist/IconLinkButton/IconLinkButton.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _RUXLZWRZcjs = require('../__chunks/RUXLZWRZ.cjs');
+var _R7BL4JYZcjs = require('../__chunks/R7BL4JYZ.cjs');
 require('../__chunks/TH4TA3JN.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
 require('../__chunks/F3SUJGZL.cjs');
@@ -13,5 +13,5 @@ require('../__chunks/UKQIAZA5.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _RUXLZWRZcjs.IconLinkButton_default;
+exports.default = _R7BL4JYZcjs.IconLinkButton_default;
 //# sourceMappingURL=IconLinkButton.cjs.map

package/dist/IconLinkButton/IconLinkButton.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   IconLinkButton_default
-} from "../__chunks/JVLEQ5LB.js";
+} from "../__chunks/FJXL3BLK.js";
 import "../__chunks/YLWWTB4I.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";
 import "../__chunks/YGON3SJ5.js";

package/dist/LinkButton/LinkButton.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _TTUGZZPVcjs = require('../__chunks/TTUGZZPV.cjs');
+var _4UT6BROBcjs = require('../__chunks/4UT6BROB.cjs');
 require('../__chunks/TH4TA3JN.cjs');
 require('../__chunks/5JUNB754.cjs');
 require('../__chunks/3P2PWHOU.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
 require('../__chunks/F3SUJGZL.cjs');
@@ -17,5 +17,5 @@ require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _TTUGZZPVcjs.LinkButton_default;
+exports.default = _4UT6BROBcjs.LinkButton_default;
 //# sourceMappingURL=LinkButton.cjs.map

package/dist/LinkButton/LinkButton.js

@@ -1,11 +1,11 @@
 "use client"
 import {
   LinkButton_default
-} from "../__chunks/GQIVAGZ2.js";
+} from "../__chunks/22TVX5F4.js";
 import "../__chunks/YLWWTB4I.js";
 import "../__chunks/Z5ZUAP2B.js";
 import "../__chunks/QSC7CAQA.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";
 import "../__chunks/YGON3SJ5.js";

package/dist/Modal/Modal.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _67PPAFHWcjs = require('../__chunks/67PPAFHW.cjs');
+var _AHM6QK6Ucjs = require('../__chunks/AHM6QK6U.cjs');
 require('../__chunks/O7M2NMNZ.cjs');
 require('../__chunks/HUIHS6RN.cjs');
 require('../__chunks/7KH536I2.cjs');
 require('../__chunks/THM3NAFO.cjs');
-require('../__chunks/VJWLFFAD.cjs');
+require('../__chunks/KFNK5PLG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
 require('../__chunks/F3SUJGZL.cjs');
@@ -25,5 +25,5 @@ require('../__chunks/K4AUV2VK.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _67PPAFHWcjs.Modal;
+exports.default = _AHM6QK6Ucjs.Modal;
 //# sourceMappingURL=Modal.cjs.map

package/dist/Modal/Modal.js

@@ -1,14 +1,14 @@
 "use client"
 import {
   Modal
-} from "../__chunks/Z74J5XCF.js";
+} from "../__chunks/RB35TGSP.js";
 import "../__chunks/X4DRRDFO.js";
 import "../__chunks/QQT35OLE.js";
 import "../__chunks/UVFGSHMH.js";
 import "../__chunks/HVA7R2EL.js";
-import "../__chunks/GDXRRA57.js";
+import "../__chunks/SZTZ3IZ5.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";
 import "../__chunks/YGON3SJ5.js";

package/dist/Popover/Popover.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _34KWYODXcjs = require('../__chunks/34KWYODX.cjs');
-require('../__chunks/P3YRUAAE.cjs');
+var _IJHKE2Y3cjs = require('../__chunks/IJHKE2Y3.cjs');
+require('../__chunks/RHJARLXB.cjs');
 require('../__chunks/OKT24L6D.cjs');
-require('../__chunks/VJWLFFAD.cjs');
+require('../__chunks/KFNK5PLG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/RXQBNEFR.cjs');
 require('../__chunks/2D3DOVVZ.cjs');
@@ -30,5 +30,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.AriaPopover = _34KWYODXcjs.AriaPopover; exports.default = _34KWYODXcjs.Popover_default;
+exports.AriaPopover = _IJHKE2Y3cjs.AriaPopover; exports.default = _IJHKE2Y3cjs.Popover_default;
 //# sourceMappingURL=Popover.cjs.map

package/dist/Popover/Popover.js

@@ -2,12 +2,12 @@
 import {
   AriaPopover,
   Popover_default
-} from "../__chunks/IKOJX6EH.js";
-import "../__chunks/YN2ORRKZ.js";
+} from "../__chunks/IUMHK3GF.js";
+import "../__chunks/VZUFYOET.js";
 import "../__chunks/QVK3VV5M.js";
-import "../__chunks/GDXRRA57.js";
+import "../__chunks/SZTZ3IZ5.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/DDUJFFG7.js";
 import "../__chunks/JCQUY624.js";
 import "../__chunks/AXXUPHFX.js";

package/dist/RadioButton/RadioButton.d.ts

@@ -50,7 +50,7 @@ declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyFor
      *
      * @defaultValue "md"
      */
-    size?: "sm" | "md" | undefined;
+    size?: "md" | "sm" | undefined;
     /**
      * Value of the selected radio option
      */

package/dist/RichSelect/RichSelectBox.cjs

@@ -3,13 +3,13 @@
 
 
 
-var _6FA2AYTDcjs = require('../__chunks/6FA2AYTD.cjs');
+var _AFOQ6JVBcjs = require('../__chunks/AFOQ6JVB.cjs');
 require('../__chunks/6KSVCCCB.cjs');
-require('../__chunks/44EISWI2.cjs');
+require('../__chunks/BVNFNAUO.cjs');
 require('../__chunks/A3B4YKGN.cjs');
 require('../__chunks/5JUNB754.cjs');
 require('../__chunks/3P2PWHOU.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/VDLYCYDQ.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/WKADTHRK.cjs');
@@ -38,5 +38,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.RichSelectBoxContext = _6FA2AYTDcjs.RichSelectBoxContext; exports.convertSelection = _6FA2AYTDcjs.convertSelection; exports.default = _6FA2AYTDcjs.RichSelectBox_default;
+exports.RichSelectBoxContext = _AFOQ6JVBcjs.RichSelectBoxContext; exports.convertSelection = _AFOQ6JVBcjs.convertSelection; exports.default = _AFOQ6JVBcjs.RichSelectBox_default;
 //# sourceMappingURL=RichSelectBox.cjs.map

package/dist/RichSelect/RichSelectBox.d.ts

@@ -49,7 +49,7 @@ declare const _default: React__default.ForwardRefExoticComponent<RichSelectBoxPr
     Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
     RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
         name: string;
-        size?: "sm" | "md" | undefined;
+        size?: "md" | "sm" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectBox.js

@@ -3,13 +3,13 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "../__chunks/MOUGFIY7.js";
+} from "../__chunks/RJS7BKZD.js";
 import "../__chunks/36DG472B.js";
-import "../__chunks/5J43UL2N.js";
+import "../__chunks/DZNR7V5P.js";
 import "../__chunks/M4W3IFMV.js";
 import "../__chunks/Z5ZUAP2B.js";
 import "../__chunks/QSC7CAQA.js";
-import "../__chunks/64WM4STC.js";
+import "../__chunks/6TM2ES2T.js";
 import "../__chunks/I2TGRWBJ.js";
 import "../__chunks/DDUJFFG7.js";
 import "../__chunks/ZAYQ4QHT.js";

package/dist/RichSelect/RichSelectList.cjs

@@ -1,20 +1,20 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _343JRGSVcjs = require('../__chunks/343JRGSV.cjs');
-require('../__chunks/34KWYODX.cjs');
-require('../__chunks/P3YRUAAE.cjs');
+var _JKEJPSO2cjs = require('../__chunks/JKEJPSO2.cjs');
+require('../__chunks/IJHKE2Y3.cjs');
+require('../__chunks/RHJARLXB.cjs');
 require('../__chunks/OKT24L6D.cjs');
-require('../__chunks/VJWLFFAD.cjs');
+require('../__chunks/KFNK5PLG.cjs');
 require('../__chunks/WFVGNGEP.cjs');
-require('../__chunks/ZFN2OQ64.cjs');
-require('../__chunks/6FA2AYTD.cjs');
+require('../__chunks/XJVLA3PA.cjs');
+require('../__chunks/AFOQ6JVB.cjs');
 require('../__chunks/6KSVCCCB.cjs');
-require('../__chunks/44EISWI2.cjs');
+require('../__chunks/BVNFNAUO.cjs');
 require('../__chunks/A3B4YKGN.cjs');
 require('../__chunks/5JUNB754.cjs');
 require('../__chunks/3P2PWHOU.cjs');
-require('../__chunks/65BTPZZT.cjs');
+require('../__chunks/UEY7FXLX.cjs');
 require('../__chunks/VDLYCYDQ.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/WKADTHRK.cjs');
@@ -47,5 +47,5 @@ require('../__chunks/E5P6WRJD.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _343JRGSVcjs.RichSelectList_default;
+exports.default = _JKEJPSO2cjs.RichSelectList_default;
 //# sourceMappingURL=RichSelectList.cjs.map

package/dist/RichSelect/RichSelectList.css

@@ -2592,19 +2592,19 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
-._selectContainer_13v7l_1 {
+._selectContainer_p5tv4_1 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._opacityOverlay_13v7l_7 {
+._opacityOverlay_p5tv4_7 {
   opacity: 0.5;
 }
-._selectWrapper_13v7l_11 {
+._selectWrapper_p5tv4_11 {
   display: flex;
   position: relative;
 }
-._selectBox_13v7l_16 {
+._selectBox_p5tv4_16 {
   align-items: center;
   appearance: none;
   cursor: pointer;
@@ -2624,34 +2624,34 @@
   outline: 0;
   width: 100%;
 }
-._selectBoxCambio_13v7l_30 {
+._selectBoxCambio_p5tv4_30 {
   border-radius: 8px;
   box-sizing: border-box;
   font-size: 16px;
   height: 48px;
   padding: 12px 36px 12px 12px;
 }
-._selectMouseFocusStyling_13v7l_38 {
+._selectMouseFocusStyling_p5tv4_38 {
   border: 1px solid var(--color-base-primary-700);
   box-shadow: 0 0 0 1px var(--color-base-primary-700);
 }
-._unselected_13v7l_43 {
+._unselected_p5tv4_43 {
   color: var(--color-base-gray-700);
 }
-._selected_13v7l_47 {
+._selected_p5tv4_47 {
   color: var(--color-base-gray-800);
 }
-._transparent_13v7l_51 {
-  background: transparent;
+._darkBackground_p5tv4_51 {
+  background: var(--color-cambio-gray-900);
   border: 1px solid var(--color-cambio-white-40);
   color: var(--color-cambio-white-70);
 }
-._transparent_13v7l_51:focus {
+._darkBackground_p5tv4_51:focus {
   outline: none;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
   color: var(--color-cambio-white-100);
 }
-._arrowIcon_13v7l_63 {
+._arrowIcon_p5tv4_63 {
   display: flex;
   position: absolute;
   right: 0;
@@ -2660,23 +2660,23 @@
   padding-inline-end: 8px;
   pointer-events: none;
 }
-._selectBox_13v7l_16:disabled {
+._selectBox_p5tv4_16:disabled {
   cursor: auto;
 }
-._selectErrorCambio_13v7l_77 {
+._selectErrorCambio_p5tv4_77 {
   color: var(--color-cambio-destructive-900);
   border-color: var(--color-cambio-destructive-700);
 }
-._selectColorwhite_13v7l_83 {
+._selectColorwhite_p5tv4_83 {
   background-color: var(--color-base-white);
   border: 1px solid var(--color-cambio-gray-370);
   color: var(--color-base-gray-700);
 }
-._transparentInputError_13v7l_89 {
+._transparentInputError_p5tv4_89 {
   color: var(--color-cambio-destructive-370);
   border: 1px solid var(--color-cambio-destructive-300);
 }
-._transparenInputError_13v7l_94::placeholder {
+._transparenInputError_p5tv4_94::placeholder {
   color: var(--color-cambio-destructive-370);
 }