@cambly/syntax-core 22.2.0 → 22.2.2

package/dist/__chunks/{X3XMN7RS.js → IZR7CUJ2.js}

@@ -10,4 +10,4 @@ export {
   ColorBaseGray700,
   ColorCambioWhite100
 };
-//# sourceMappingURL=X3XMN7RS.js.map
+//# sourceMappingURL=IZR7CUJ2.js.map

package/dist/__chunks/{X3XMN7RS.js.map → IZR7CUJ2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 10 Mar 2025 18:53:04 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 19 Jun 2025 02:23:15 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}

package/dist/__chunks/{UHO7XMHJ.js → UMGPMP2M.js}

@@ -8,18 +8,21 @@ import { forwardRef } from "react";
 import classnames from "classnames";
 
 // css-module:./Icon.module.css#css-module
-var Icon_module_default = { "icon": "_icon_1vyva_1", "icon100": "_icon100_1vyva_8", "icon200": "_icon200_1vyva_13", "icon300": "_icon300_1vyva_18", "icon400": "_icon400_1vyva_23", "icon500": "_icon500_1vyva_28", "icon600": "_icon600_1vyva_33", "icon700": "_icon700_1vyva_38", "icon800": "_icon800_1vyva_43", "icon900": "_icon900_1vyva_48", "icon1000": "_icon1000_1vyva_53" };
+var Icon_module_default = { "icon": "_icon_12p4o_1", "iconRtlMirror": "_iconRtlMirror_12p4o_9", "icon100": "_icon100_12p4o_13", "icon200": "_icon200_12p4o_18", "icon300": "_icon300_12p4o_23", "icon400": "_icon400_12p4o_28", "icon500": "_icon500_12p4o_33", "icon600": "_icon600_12p4o_38", "icon700": "_icon700_12p4o_43", "icon800": "_icon800_12p4o_48", "icon900": "_icon900_12p4o_53", "icon1000": "_icon1000_12p4o_58" };
 
 // src/Icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";
 var Icon = forwardRef(
-  ({ color = "inherit", path, size = 200 }, ref) => /* @__PURE__ */ jsx(
+  ({ color = "inherit", path, size = 200, rtlMirror = false }, ref) => /* @__PURE__ */ jsx(
     "svg",
     {
       className: classnames(
         Icon_module_default.icon,
         colors_module_default[`${color}Color`],
-        Icon_module_default[`icon${size}`]
+        Icon_module_default[`icon${size}`],
+        {
+          [Icon_module_default.iconRtlMirror]: rtlMirror
+        }
       ),
       ref,
       viewBox: "0 0 24 24",
@@ -34,4 +37,4 @@ var Icon_default = Icon;
 export {
   Icon_default
 };
-//# sourceMappingURL=UHO7XMHJ.js.map
+//# sourceMappingURL=UMGPMP2M.js.map

package/dist/__chunks/UMGPMP2M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Icon/Icon.tsx","css-module:./Icon.module.css#css-module"],"sourcesContent":["import { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Icon.module.css\";\nimport type allColors from \"../colors/allColors\";\n\ntype IconProps = {\n  /**\n   * The color of the Icon.\n   *\n   * @defaultValue \"inherit\"\n   */\n  color?: (typeof allColors)[number];\n  /**\n   * The size of the Icon.\n   * * 100: 16px x 16px\n   * * 200: 20px x 20px\n   * * 300: 24px x 24px\n   * * 400: 32px x 32px\n   * * 500: 48px x 48px\n   * * 600: 72px x 72px\n   * * 700: 100px x 100px\n   * * 800: 140px x 140px\n   * * 900: 200px x 200px\n   * * 1000: 280px x 280px\n   *\n   * @defaultValue 200\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n  /**\n   * The svg path of the icon. You should not use this prop directly, instead use the specific icon components.\n   */\n  path?: string;\n  /**\n   * Whether to mirror the icon in RTL mode.\n   * @defaultValue false\n   */\n  rtlMirror?: boolean;\n};\n\n/**\n * [Icon](http://localhost:6006/?path=/docs/icons-icons--docs) is the base component that renders an icon.\n * You shouldn't use this component directly, instead use the specific icon components.\n * @example\n * `import Book from \"@cambly/syntax-icons/Book\";`\n *\n * You can click on the icon to copy the import statement!\n */\nconst Icon = forwardRef<SVGSVGElement, IconProps>(\n  (\n    { color = \"inherit\", path, size = 200, rtlMirror = false }: IconProps,\n    ref,\n  ) => (\n    <svg\n      className={classnames(\n        styles.icon,\n        colorStyles[`${color}Color`],\n        styles[`icon${size}`],\n        {\n          [styles.iconRtlMirror]: rtlMirror,\n        },\n      )}\n      ref={ref}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d={path} />\n    </svg>\n  ),\n);\n\nIcon.displayName = \"Icon\";\n\nexport default Icon;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css\"; export default {\"icon\":\"_icon_12p4o_1\",\"iconRtlMirror\":\"_iconRtlMirror_12p4o_9\",\"icon100\":\"_icon100_12p4o_13\",\"icon200\":\"_icon200_12p4o_18\",\"icon300\":\"_icon300_12p4o_23\",\"icon400\":\"_icon400_12p4o_28\",\"icon500\":\"_icon500_12p4o_33\",\"icon600\":\"_icon600_12p4o_38\",\"icon700\":\"_icon700_12p4o_43\",\"icon800\":\"_icon800_12p4o_48\",\"icon900\":\"_icon900_12p4o_53\",\"icon1000\":\"_icon1000_12p4o_58\"}"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAC3B,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,iBAAgB,0BAAyB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,YAAW,qBAAoB;;;ADkE/c;AAlBN,IAAM,OAAO;AAAA,EACX,CACE,EAAE,QAAQ,WAAW,MAAM,OAAO,KAAK,YAAY,MAAM,GACzD,QAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,oBAAO;AAAA,QACP,sBAAY,GAAG,YAAY;AAAA,QAC3B,oBAAO,OAAO,MAAM;AAAA,QACpB;AAAA,UACE,CAAC,oBAAO,aAAa,GAAG;AAAA,QAC1B;AAAA,MACF;AAAA,MACA;AAAA,MACA,SAAQ;AAAA,MACR,OAAM;AAAA,MAEN,8BAAC,UAAK,GAAG,MAAM;AAAA;AAAA,EACjB;AAEJ;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}

package/dist/index.css

@@ -2724,49 +2724,52 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css/#css-module-data */
-._icon_1vyva_1 {
+._icon_12p4o_1 {
   display: inline-block;
   fill: currentcolor;
   flex-shrink: 0;
   user-select: none;
 }
-._icon100_1vyva_8 {
+[dir=rtl] ._icon_12p4o_1._iconRtlMirror_12p4o_9 {
+  transform: scaleX(-1);
+}
+._icon100_12p4o_13 {
   width: 16px;
   height: 16px;
 }
-._icon200_1vyva_13 {
+._icon200_12p4o_18 {
   width: 20px;
   height: 20px;
 }
-._icon300_1vyva_18 {
+._icon300_12p4o_23 {
   width: 24px;
   height: 24px;
 }
-._icon400_1vyva_23 {
+._icon400_12p4o_28 {
   width: 32px;
   height: 32px;
 }
-._icon500_1vyva_28 {
+._icon500_12p4o_33 {
   width: 48px;
   height: 48px;
 }
-._icon600_1vyva_33 {
+._icon600_12p4o_38 {
   width: 72px;
   height: 72px;
 }
-._icon700_1vyva_38 {
+._icon700_12p4o_43 {
   width: 100px;
   height: 100px;
 }
-._icon800_1vyva_43 {
+._icon800_12p4o_48 {
   width: 140px;
   height: 140px;
 }
-._icon900_1vyva_48 {
+._icon900_12p4o_53 {
   width: 200px;
   height: 200px;
 }
-._icon1000_1vyva_53 {
+._icon1000_12p4o_58 {
   width: 280px;
   height: 280px;
 }
@@ -3035,19 +3038,19 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
-._selectContainer_p5tv4_1 {
+._selectContainer_rxo2v_1 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._opacityOverlay_p5tv4_7 {
+._opacityOverlay_rxo2v_7 {
   opacity: 0.5;
 }
-._selectWrapper_p5tv4_11 {
+._selectWrapper_rxo2v_11 {
   display: flex;
   position: relative;
 }
-._selectBox_p5tv4_16 {
+._selectBox_rxo2v_16 {
   align-items: center;
   appearance: none;
   cursor: pointer;
@@ -3067,59 +3070,62 @@
   outline: 0;
   width: 100%;
 }
-._selectBoxCambio_p5tv4_30 {
+._selectBoxCambio_rxo2v_30 {
   border-radius: 8px;
   box-sizing: border-box;
   font-size: 16px;
   height: 48px;
-  padding: 12px 36px 12px 12px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-inline-start: 12px;
+  padding-inline-end: 36px;
 }
-._selectMouseFocusStyling_p5tv4_38 {
+._selectMouseFocusStyling_rxo2v_41 {
   border: 1px solid var(--color-base-primary-700);
   box-shadow: 0 0 0 1px var(--color-base-primary-700);
 }
-._unselected_p5tv4_43 {
+._unselected_rxo2v_46 {
   color: var(--color-base-gray-700);
 }
-._selected_p5tv4_47 {
+._selected_rxo2v_50 {
   color: var(--color-base-gray-800);
 }
-._darkBackground_p5tv4_51 {
+._darkBackground_rxo2v_54 {
   background: var(--color-cambio-gray-900);
   border: 1px solid var(--color-cambio-white-40);
   color: var(--color-cambio-white-70);
 }
-._darkBackground_p5tv4_51:focus {
+._darkBackground_rxo2v_54:focus {
   outline: none;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
   color: var(--color-cambio-white-100);
 }
-._arrowIcon_p5tv4_63 {
+._arrowIcon_rxo2v_66 {
   display: flex;
   position: absolute;
-  right: 0;
+  inset-inline-end: 0;
   top: 0;
   bottom: 0;
   padding-inline-end: 8px;
   pointer-events: none;
 }
-._selectBox_p5tv4_16:disabled {
+._selectBox_rxo2v_16:disabled {
   cursor: auto;
 }
-._selectErrorCambio_p5tv4_77 {
+._selectErrorCambio_rxo2v_80 {
   color: var(--color-cambio-destructive-900);
   border-color: var(--color-cambio-destructive-700);
 }
-._selectColorwhite_p5tv4_83 {
+._selectColorwhite_rxo2v_86 {
   background-color: var(--color-base-white);
   border: 1px solid var(--color-cambio-gray-370);
   color: var(--color-base-gray-700);
 }
-._transparentInputError_p5tv4_89 {
+._transparentInputError_rxo2v_92 {
   color: var(--color-cambio-destructive-370);
   border: 1px solid var(--color-cambio-destructive-300);
 }
-._transparenInputError_p5tv4_94::placeholder {
+._transparenInputError_rxo2v_97::placeholder {
   color: var(--color-cambio-destructive-370);
 }