@cambly/syntax-core 10.18.0 → 10.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/Badge/Badge.cjs +3 -3
- package/dist/Badge/Badge.css +49 -49
- package/dist/Badge/Badge.css.map +1 -1
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +2 -2
- package/dist/Button/Button.cjs +3 -3
- package/dist/Button/Button.css +49 -49
- package/dist/Button/Button.css.map +1 -1
- package/dist/Button/Button.js +2 -2
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Checkbox/Checkbox.cjs +3 -3
- package/dist/Checkbox/Checkbox.css +49 -49
- package/dist/Checkbox/Checkbox.css.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +2 -2
- package/dist/Chip/Chip.cjs +3 -3
- package/dist/Chip/Chip.css +49 -49
- package/dist/Chip/Chip.css.map +1 -1
- package/dist/Chip/Chip.js +2 -2
- package/dist/Heading/Heading.cjs +3 -3
- package/dist/Heading/Heading.css +49 -49
- package/dist/Heading/Heading.css.map +1 -1
- package/dist/Heading/Heading.d.ts +2 -2
- package/dist/Heading/Heading.js +2 -2
- package/dist/LinkButton/LinkButton.cjs +3 -3
- package/dist/LinkButton/LinkButton.css +49 -49
- package/dist/LinkButton/LinkButton.css.map +1 -1
- package/dist/LinkButton/LinkButton.js +2 -2
- package/dist/Modal/Modal.cjs +4 -4
- package/dist/Modal/Modal.css +49 -49
- package/dist/Modal/Modal.css.map +1 -1
- package/dist/Modal/Modal.js +3 -3
- package/dist/RadioButton/RadioButton.cjs +3 -3
- package/dist/RadioButton/RadioButton.css +49 -49
- package/dist/RadioButton/RadioButton.css.map +1 -1
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/RadioButton/RadioButton.js +2 -2
- package/dist/RichSelect/RichSelectBox.cjs +9 -9
- package/dist/RichSelect/RichSelectBox.css +49 -49
- package/dist/RichSelect/RichSelectBox.css.map +1 -1
- package/dist/RichSelect/RichSelectBox.d.ts +1 -1
- package/dist/RichSelect/RichSelectBox.js +8 -8
- package/dist/RichSelect/RichSelectChip.cjs +4 -4
- package/dist/RichSelect/RichSelectChip.css +49 -49
- package/dist/RichSelect/RichSelectChip.css.map +1 -1
- package/dist/RichSelect/RichSelectChip.js +3 -3
- package/dist/RichSelect/RichSelectList.cjs +11 -11
- package/dist/RichSelect/RichSelectList.css +67 -67
- package/dist/RichSelect/RichSelectList.css.map +1 -1
- package/dist/RichSelect/RichSelectList.d.ts +1 -1
- package/dist/RichSelect/RichSelectList.js +10 -10
- package/dist/RichSelect/RichSelectRadioButton.cjs +4 -4
- package/dist/RichSelect/RichSelectRadioButton.css +49 -49
- package/dist/RichSelect/RichSelectRadioButton.css.map +1 -1
- package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
- package/dist/RichSelect/RichSelectRadioButton.js +3 -3
- package/dist/RichSelect/RichSelectSection.cjs +3 -3
- package/dist/RichSelect/RichSelectSection.css +49 -49
- package/dist/RichSelect/RichSelectSection.css.map +1 -1
- package/dist/RichSelect/RichSelectSection.js +2 -2
- package/dist/SelectList/SelectList.cjs +4 -4
- package/dist/SelectList/SelectList.css +67 -67
- package/dist/SelectList/SelectList.css.map +1 -1
- package/dist/SelectList/SelectList.js +3 -3
- package/dist/TapArea/TapArea.d.ts +1 -1
- package/dist/TextArea/TextArea.cjs +3 -3
- package/dist/TextArea/TextArea.css +49 -49
- package/dist/TextArea/TextArea.css.map +1 -1
- package/dist/TextArea/TextArea.js +2 -2
- package/dist/TextField/TextField.cjs +3 -3
- package/dist/TextField/TextField.css +49 -49
- package/dist/TextField/TextField.css.map +1 -1
- package/dist/TextField/TextField.js +2 -2
- package/dist/Tooltip/Tooltip.cjs +3 -3
- package/dist/Tooltip/Tooltip.css +49 -49
- package/dist/Tooltip/Tooltip.css.map +1 -1
- package/dist/Tooltip/Tooltip.js +2 -2
- package/dist/Typography/Typography.cjs +2 -2
- package/dist/Typography/Typography.css +49 -49
- package/dist/Typography/Typography.css.map +1 -1
- package/dist/Typography/Typography.d.ts +5 -5
- package/dist/Typography/Typography.js +1 -1
- package/dist/__chunks/{QTGWI2GM.cjs → 3QV4LYGN.cjs} +3 -3
- package/dist/__chunks/{BA5NNKNL.js → 3RPDJFR4.js} +2 -2
- package/dist/__chunks/{HA4KAF7N.js → 44DDUZLN.js} +2 -2
- package/dist/__chunks/{OWLMHTW5.cjs → 46QLII42.cjs} +2 -2
- package/dist/__chunks/{OWLMHTW5.cjs.map → 46QLII42.cjs.map} +1 -1
- package/dist/__chunks/{S2VZE6RS.js → 5YXVVFJ3.js} +2 -2
- package/dist/__chunks/{ESGW3XTV.cjs → 6KTCQQ7E.cjs} +4 -4
- package/dist/__chunks/{4U2YGWTW.cjs → 6UFO6JEO.cjs} +3 -3
- package/dist/__chunks/{364LH7BQ.cjs → AI3HSJ4Z.cjs} +3 -3
- package/dist/__chunks/{AL4ECXRL.cjs → CI5BYRSX.cjs} +3 -3
- package/dist/__chunks/{DUANKQDU.js → CJLPH2FJ.js} +2 -2
- package/dist/__chunks/{EIR3V4AH.cjs → CXCRGFIV.cjs} +4 -4
- package/dist/__chunks/{Q3I37NS7.cjs → DTEKITMF.cjs} +3 -3
- package/dist/__chunks/{2RIIE7CU.js → DZRB2DSH.js} +2 -2
- package/dist/__chunks/{2RIIE7CU.js.map → DZRB2DSH.js.map} +1 -1
- package/dist/__chunks/{VW7HLULP.cjs → EILCQTJ3.cjs} +3 -3
- package/dist/__chunks/{DV73RCNK.cjs → EUUNDEAV.cjs} +5 -5
- package/dist/__chunks/{7VMMLAGL.js → F7RVH3EY.js} +8 -8
- package/dist/__chunks/{7VMMLAGL.js.map → F7RVH3EY.js.map} +1 -1
- package/dist/__chunks/{DC7G3PCP.cjs → FCNPD5TI.cjs} +3 -3
- package/dist/__chunks/{ZOWJFE7W.js → HS7E5SFN.js} +5 -5
- package/dist/__chunks/{LKLPRA6D.cjs → JTDA7BDZ.cjs} +7 -7
- package/dist/__chunks/{LKLPRA6D.cjs.map → JTDA7BDZ.cjs.map} +1 -1
- package/dist/__chunks/{LZ4LFK7N.js → K6HYPHZI.js} +1 -1
- package/dist/__chunks/{LZ4LFK7N.js.map → K6HYPHZI.js.map} +1 -1
- package/dist/__chunks/{ULHGK75R.cjs → LAT2IHTZ.cjs} +3 -3
- package/dist/__chunks/{22W7JX3C.js → LPWENXKW.js} +2 -2
- package/dist/__chunks/{SXABWYV4.cjs → MAABAXPP.cjs} +3 -3
- package/dist/__chunks/{IJNZIOML.js → MLJKPE76.js} +2 -2
- package/dist/__chunks/{TLVOHYPL.js → O27UNR7R.js} +2 -2
- package/dist/__chunks/{5ODCKBUB.js → Q5EIO3ZT.js} +2 -2
- package/dist/__chunks/{Q5GSB3Y5.js → Q6MTOVYN.js} +2 -2
- package/dist/__chunks/{IAOEIH7U.cjs → RABZMRSJ.cjs} +3 -3
- package/dist/__chunks/{SDTI2RBA.cjs → TY53S7AI.cjs} +3 -3
- package/dist/__chunks/{4K4SF7RI.js → TZ3U2EZP.js} +2 -2
- package/dist/__chunks/{ZFZJ56ZA.cjs → ULH3WUVW.cjs} +18 -18
- package/dist/__chunks/{ZFZJ56ZA.cjs.map → ULH3WUVW.cjs.map} +1 -1
- package/dist/__chunks/{YAL24M7H.js → VFNNZZPM.js} +2 -2
- package/dist/__chunks/{T75E3KPP.cjs → VICE5H6S.cjs} +10 -10
- package/dist/__chunks/{AOKSJPV6.cjs → W4JR43JJ.cjs} +1 -1
- package/dist/__chunks/{AOKSJPV6.cjs.map → W4JR43JJ.cjs.map} +1 -1
- package/dist/__chunks/{YHHU5RSR.js → WEI25NBB.js} +2 -2
- package/dist/__chunks/{SEFHKYBL.js → XUVWR3MT.js} +2 -2
- package/dist/__chunks/{P234RPXN.js → YMFS4GTJ.js} +2 -2
- package/dist/__chunks/{WILWV75P.js → YSHX52WN.js} +4 -4
- package/dist/__chunks/{WILWV75P.js.map → YSHX52WN.js.map} +1 -1
- package/dist/index.cjs +20 -20
- package/dist/index.css +67 -67
- package/dist/index.css.map +1 -1
- package/dist/index.js +19 -19
- package/package.json +1 -1
- /package/dist/__chunks/{QTGWI2GM.cjs.map → 3QV4LYGN.cjs.map} +0 -0
- /package/dist/__chunks/{BA5NNKNL.js.map → 3RPDJFR4.js.map} +0 -0
- /package/dist/__chunks/{HA4KAF7N.js.map → 44DDUZLN.js.map} +0 -0
- /package/dist/__chunks/{S2VZE6RS.js.map → 5YXVVFJ3.js.map} +0 -0
- /package/dist/__chunks/{ESGW3XTV.cjs.map → 6KTCQQ7E.cjs.map} +0 -0
- /package/dist/__chunks/{4U2YGWTW.cjs.map → 6UFO6JEO.cjs.map} +0 -0
- /package/dist/__chunks/{364LH7BQ.cjs.map → AI3HSJ4Z.cjs.map} +0 -0
- /package/dist/__chunks/{AL4ECXRL.cjs.map → CI5BYRSX.cjs.map} +0 -0
- /package/dist/__chunks/{DUANKQDU.js.map → CJLPH2FJ.js.map} +0 -0
- /package/dist/__chunks/{EIR3V4AH.cjs.map → CXCRGFIV.cjs.map} +0 -0
- /package/dist/__chunks/{Q3I37NS7.cjs.map → DTEKITMF.cjs.map} +0 -0
- /package/dist/__chunks/{VW7HLULP.cjs.map → EILCQTJ3.cjs.map} +0 -0
- /package/dist/__chunks/{DV73RCNK.cjs.map → EUUNDEAV.cjs.map} +0 -0
- /package/dist/__chunks/{DC7G3PCP.cjs.map → FCNPD5TI.cjs.map} +0 -0
- /package/dist/__chunks/{ZOWJFE7W.js.map → HS7E5SFN.js.map} +0 -0
- /package/dist/__chunks/{ULHGK75R.cjs.map → LAT2IHTZ.cjs.map} +0 -0
- /package/dist/__chunks/{22W7JX3C.js.map → LPWENXKW.js.map} +0 -0
- /package/dist/__chunks/{SXABWYV4.cjs.map → MAABAXPP.cjs.map} +0 -0
- /package/dist/__chunks/{IJNZIOML.js.map → MLJKPE76.js.map} +0 -0
- /package/dist/__chunks/{TLVOHYPL.js.map → O27UNR7R.js.map} +0 -0
- /package/dist/__chunks/{5ODCKBUB.js.map → Q5EIO3ZT.js.map} +0 -0
- /package/dist/__chunks/{Q5GSB3Y5.js.map → Q6MTOVYN.js.map} +0 -0
- /package/dist/__chunks/{IAOEIH7U.cjs.map → RABZMRSJ.cjs.map} +0 -0
- /package/dist/__chunks/{SDTI2RBA.cjs.map → TY53S7AI.cjs.map} +0 -0
- /package/dist/__chunks/{4K4SF7RI.js.map → TZ3U2EZP.js.map} +0 -0
- /package/dist/__chunks/{YAL24M7H.js.map → VFNNZZPM.js.map} +0 -0
- /package/dist/__chunks/{T75E3KPP.cjs.map → VICE5H6S.cjs.map} +0 -0
- /package/dist/__chunks/{YHHU5RSR.js.map → WEI25NBB.js.map} +0 -0
- /package/dist/__chunks/{SEFHKYBL.js.map → XUVWR3MT.js.map} +0 -0
- /package/dist/__chunks/{P234RPXN.js.map → YMFS4GTJ.js.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_rz4gh_1 {\n line-height: normal;\n margin: 0;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 510;\n src: local(\"GT-Super-Text-Medium\"),\n url(\"https://static.cambly.com/fonts/gt-super-medium.woff2\");\n font-display: optional;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 700;\n src: local(\"GT-Super-Text-Bold\"),\n url(\"https://static.cambly.com/fonts/gt-super-bold.woff2\");\n font-display: optional;\n}\n\n._sansSerif_rz4gh_24 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n._serif_rz4gh_30 {\n font-family: \"GT Super\", -apple-system, system-ui, BlinkMacSystemFont,\n \"Segoe UI\", Roboto, Helvetica, Arial, serif;\n -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_rz4gh_37 {\n font-size: 12px;\n}\n\n._size200_rz4gh_41 {\n font-size: 14px;\n}\n\n._size300_rz4gh_45 {\n font-size: 16px;\n}\n\n._size500_rz4gh_49 {\n font-size: 20px;\n}\n\n._size600_rz4gh_53 {\n font-size: 28px;\n}\n\n._size700_rz4gh_57 {\n font-size: 40px;\n}\n\n._size800_rz4gh_61 {\n font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_rz4gh_66 {\n font-size: 14px;\n}\n\n._size200Cambio_rz4gh_70 {\n font-size: 16px;\n}\n\n._size300Cambio_rz4gh_74 {\n font-size: 18px;\n}\n\n._size400Cambio_rz4gh_78 {\n font-size: 20px;\n}\n\n._size500Cambio_rz4gh_82 {\n font-size: 23px;\n}\n\n._size600Cambio_rz4gh_86 {\n font-size: 26px;\n}\n\n._size700Cambio_rz4gh_90 {\n font-size: 33px;\n}\n\n._size800Cambio_rz4gh_94 {\n font-size: 41px;\n}\n\n._size900Cambio_rz4gh_98 {\n font-size: 46px;\n}\n\n@media (min-width: 480px) {\n ._size100Cambio_rz4gh_66 {\n font-size: 14px;\n }\n\n ._size200Cambio_rz4gh_70 {\n font-size: 16px;\n }\n\n ._size300Cambio_rz4gh_74 {\n font-size: 20px;\n }\n\n ._size400Cambio_rz4gh_78 {\n font-size: 25px;\n }\n\n ._size500Cambio_rz4gh_82 {\n font-size: 31px;\n }\n\n ._size600Cambio_rz4gh_86 {\n font-size: 39px;\n }\n\n ._size700Cambio_rz4gh_90 {\n font-size: 49px;\n }\n\n ._size800Cambio_rz4gh_94 {\n font-size: 61px;\n }\n\n ._size900Cambio_rz4gh_98 {\n font-size: 76px;\n }\n\n ._size1000Cambio_rz4gh_139 {\n font-size: 95px;\n }\n\n ._size1100Cambio_rz4gh_143 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_rz4gh_149 {\n text-align: center;\n}\n\n._forceLeft_rz4gh_153 {\n text-align: left;\n}\n\n._forceRight_rz4gh_157 {\n text-align: right;\n}\n\n._start_rz4gh_161 {\n text-align: start;\n}\n\n._end_rz4gh_165 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_rz4gh_170 {\n font-weight: 700;\n}\n\n._regular_rz4gh_174 {\n font-weight: 400;\n}\n\n._interactive_rz4gh_178 {\n font-weight: 500;\n}\n\n._semiBold_rz4gh_182 {\n font-weight: 600;\n}\n\n._heavy_rz4gh_186 {\n font-weight: 860;\n}\n\n._regularCambio_rz4gh_190 {\n font-weight: 400;\n}\n\n._mediumCambio_rz4gh_194 {\n font-weight: 510;\n}\n\n._semiBoldCambio_rz4gh_198 {\n font-weight: 590;\n}\n\n._boldCambio_rz4gh_202 {\n font-weight: 700;\n}\n\n._underline_rz4gh_206 {\n text-decoration: underline;\n}\n\n._inline_rz4gh_210 {\n display: inline;\n}\n\n._uppercase_rz4gh_214 {\n text-transform: uppercase;\n}\n\n._lineClamp_rz4gh_218 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_178qd_2 {\n color: inherit;\n}\n\n._destructive700Color_178qd_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_178qd_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_178qd_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_178qd_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_178qd_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_178qd_26 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_178qd_31 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_178qd_35 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_178qd_39 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_178qd_43 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_178qd_47 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_178qd_51 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_178qd_55 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_178qd_59 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_178qd_63 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_178qd_67 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_178qd_71 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_178qd_75 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_178qd_79 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_178qd_83 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_178qd_87 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_178qd_91 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_178qd_95 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_178qd_99 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_178qd_103 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_178qd_107 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_178qd_111 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_178qd_115 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_178qd_119 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_178qd_123 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_178qd_127 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_178qd_131 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_178qd_135 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_178qd_139 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_178qd_143 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_178qd_147 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_178qd_151 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_178qd_155 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_178qd_159 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_178qd_163 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_178qd_167 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_178qd_171 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_178qd_175 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_178qd_179 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_178qd_183 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_178qd_187 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_178qd_191 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_178qd_195 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_178qd_199 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_178qd_203 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_178qd_207 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_178qd_211 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_178qd_215 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_178qd_219 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_178qd_224 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_178qd_228 {\n color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_178qd_232 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_178qd_236 {\n color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_178qd_240 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_178qd_244 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_178qd_248 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_178qd_252 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_178qd_256 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_178qd_260 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_178qd_264 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_178qd_268 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_178qd_272 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_178qd_276 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_178qd_280 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_178qd_284 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_178qd_288 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_178qd_292 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_178qd_296 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_178qd_300 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_178qd_304 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_178qd_308 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_178qd_312 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_178qd_316 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_178qd_320 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_178qd_324 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_178qd_328 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_178qd_332 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_178qd_336 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_178qd_340 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_178qd_344 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_178qd_348 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_178qd_352 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_178qd_356 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_178qd_360 {\n color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_178qd_364 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_178qd_368 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_178qd_372 {\n background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_178qd_376 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_178qd_380 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_178qd_384 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370BackgroundColor_178qd_388 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_178qd_392 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_178qd_396 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870BackgroundColor_178qd_400 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_178qd_404 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_178qd_408 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_178qd_412 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_178qd_416 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_178qd_420 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_178qd_424 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_178qd_428 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_178qd_432 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_178qd_436 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_178qd_440 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_178qd_444 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_178qd_448 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_178qd_452 {\n background-color: var(--color-cambio-success-900);\n}\n\n._cambioRedBackgroundColor_178qd_456 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioOrangeBackgroundColor_178qd_460 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioTanBackgroundColor_178qd_464 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioCreamBackgroundColor_178qd_468 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioPurpleBackgroundColor_178qd_472 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioLilacBackgroundColor_178qd_476 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioThistleBackgroundColor_178qd_480 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioPinkBackgroundColor_178qd_484 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioNavyBackgroundColor_178qd_488 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioTealBackgroundColor_178qd_492 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioSlateBackgroundColor_178qd_496 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSkyBackgroundColor_178qd_500 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_178qd_504 {\n background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC7NF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
|
|
1
|
+
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_1gnc6_1 {\n line-height: initial;\n margin: 0;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 510;\n src: local(\"GT-Super-Text-Medium\"),\n url(\"https://static.cambly.com/fonts/gt-super-medium.woff2\");\n font-display: optional;\n}\n\n@font-face {\n font-family: \"GT Super\";\n font-style: normal;\n font-weight: 700;\n src: local(\"GT-Super-Text-Bold\"),\n url(\"https://static.cambly.com/fonts/gt-super-bold.woff2\");\n font-display: optional;\n}\n\n._sansSerif_1gnc6_24 {\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n margin: 0;\n}\n\n._serif_1gnc6_30 {\n font-family: \"GT Super\", -apple-system, system-ui, BlinkMacSystemFont,\n \"Segoe UI\", Roboto, Helvetica, Arial, serif;\n -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_1gnc6_37 {\n font-size: 12px;\n}\n\n._size200_1gnc6_41 {\n font-size: 14px;\n}\n\n._size300_1gnc6_45 {\n font-size: 16px;\n}\n\n._size500_1gnc6_49 {\n font-size: 20px;\n}\n\n._size600_1gnc6_53 {\n font-size: 28px;\n}\n\n._size700_1gnc6_57 {\n font-size: 40px;\n}\n\n._size800_1gnc6_61 {\n font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_1gnc6_66 {\n font-size: 14px;\n}\n\n._size200Cambio_1gnc6_70 {\n font-size: 16px;\n}\n\n._size300Cambio_1gnc6_74 {\n font-size: 18px;\n}\n\n._size400Cambio_1gnc6_78 {\n font-size: 20px;\n}\n\n._size500Cambio_1gnc6_82 {\n font-size: 23px;\n}\n\n._size600Cambio_1gnc6_86 {\n font-size: 26px;\n}\n\n._size700Cambio_1gnc6_90 {\n font-size: 33px;\n}\n\n._size800Cambio_1gnc6_94 {\n font-size: 41px;\n}\n\n._size900Cambio_1gnc6_98 {\n font-size: 46px;\n}\n\n@media (min-width: 480px) {\n ._size100Cambio_1gnc6_66 {\n font-size: 14px;\n }\n\n ._size200Cambio_1gnc6_70 {\n font-size: 16px;\n }\n\n ._size300Cambio_1gnc6_74 {\n font-size: 20px;\n }\n\n ._size400Cambio_1gnc6_78 {\n font-size: 25px;\n }\n\n ._size500Cambio_1gnc6_82 {\n font-size: 31px;\n }\n\n ._size600Cambio_1gnc6_86 {\n font-size: 39px;\n }\n\n ._size700Cambio_1gnc6_90 {\n font-size: 49px;\n }\n\n ._size800Cambio_1gnc6_94 {\n font-size: 61px;\n }\n\n ._size900Cambio_1gnc6_98 {\n font-size: 76px;\n }\n\n ._size1000Cambio_1gnc6_139 {\n font-size: 95px;\n }\n\n ._size1100Cambio_1gnc6_143 {\n font-size: 119px;\n }\n}\n\n/* Align */\n._center_1gnc6_149 {\n text-align: center;\n}\n\n._forceLeft_1gnc6_153 {\n text-align: left;\n}\n\n._forceRight_1gnc6_157 {\n text-align: right;\n}\n\n._start_1gnc6_161 {\n text-align: start;\n}\n\n._end_1gnc6_165 {\n text-align: end;\n}\n\n/* Boldness */\n._bold_1gnc6_170 {\n font-weight: 700;\n}\n\n._regular_1gnc6_174 {\n font-weight: 400;\n}\n\n._interactive_1gnc6_178 {\n font-weight: 500;\n}\n\n._semiBold_1gnc6_182 {\n font-weight: 600;\n}\n\n._heavy_1gnc6_186 {\n font-weight: 860;\n}\n\n._regularCambio_1gnc6_190 {\n font-weight: 400;\n}\n\n._mediumCambio_1gnc6_194 {\n font-weight: 510;\n}\n\n._semiBoldCambio_1gnc6_198 {\n font-weight: 590;\n}\n\n._boldCambio_1gnc6_202 {\n font-weight: 700;\n}\n\n._underline_1gnc6_206 {\n text-decoration: underline;\n}\n\n._inline_1gnc6_210 {\n display: inline;\n}\n\n._uppercase_1gnc6_214 {\n text-transform: uppercase;\n}\n\n._lineClamp_1gnc6_218 {\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-width: 100%;\n overflow: hidden;\n word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_178qd_2 {\n color: inherit;\n}\n\n._destructive700Color_178qd_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_178qd_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_178qd_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_178qd_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_178qd_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_178qd_26 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_178qd_31 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_178qd_35 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_178qd_39 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_178qd_43 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_178qd_47 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_178qd_51 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_178qd_55 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_178qd_59 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_178qd_63 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_178qd_67 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_178qd_71 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_178qd_75 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_178qd_79 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_178qd_83 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_178qd_87 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_178qd_91 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_178qd_95 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_178qd_99 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_178qd_103 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_178qd_107 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_178qd_111 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_178qd_115 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_178qd_119 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_178qd_123 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_178qd_127 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_178qd_131 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_178qd_135 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_178qd_139 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_178qd_143 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_178qd_147 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_178qd_151 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_178qd_155 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_178qd_159 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_178qd_163 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_178qd_167 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_178qd_171 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_178qd_175 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_178qd_179 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_178qd_183 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_178qd_187 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_178qd_191 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_178qd_195 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_178qd_199 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_178qd_203 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_178qd_207 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_178qd_211 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_178qd_215 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_178qd_219 {\n background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_178qd_224 {\n color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_178qd_228 {\n color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_178qd_232 {\n color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_178qd_236 {\n color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_178qd_240 {\n color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_178qd_244 {\n color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_178qd_248 {\n color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_178qd_252 {\n color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_178qd_256 {\n color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_178qd_260 {\n color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_178qd_264 {\n color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_178qd_268 {\n color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_178qd_272 {\n color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_178qd_276 {\n color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_178qd_280 {\n color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_178qd_284 {\n color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_178qd_288 {\n color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_178qd_292 {\n color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_178qd_296 {\n color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_178qd_300 {\n color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_178qd_304 {\n color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_178qd_308 {\n color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_178qd_312 {\n color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_178qd_316 {\n color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_178qd_320 {\n color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_178qd_324 {\n color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_178qd_328 {\n color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_178qd_332 {\n color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_178qd_336 {\n color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_178qd_340 {\n color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_178qd_344 {\n color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_178qd_348 {\n color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_178qd_352 {\n color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_178qd_356 {\n color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_178qd_360 {\n color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_178qd_364 {\n background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_178qd_368 {\n background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_178qd_372 {\n background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_178qd_376 {\n background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_178qd_380 {\n background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_178qd_384 {\n background-color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370BackgroundColor_178qd_388 {\n background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_178qd_392 {\n background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_178qd_396 {\n background-color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870BackgroundColor_178qd_400 {\n background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_178qd_404 {\n background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_178qd_408 {\n background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_178qd_412 {\n background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_178qd_416 {\n background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_178qd_420 {\n background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_178qd_424 {\n background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_178qd_428 {\n background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_178qd_432 {\n background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_178qd_436 {\n background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_178qd_440 {\n background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_178qd_444 {\n background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_178qd_448 {\n background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_178qd_452 {\n background-color: var(--color-cambio-success-900);\n}\n\n._cambioRedBackgroundColor_178qd_456 {\n background-color: var(--color-cambio-red);\n}\n\n._cambioOrangeBackgroundColor_178qd_460 {\n background-color: var(--color-cambio-orange);\n}\n\n._cambioTanBackgroundColor_178qd_464 {\n background-color: var(--color-cambio-tan);\n}\n\n._cambioCreamBackgroundColor_178qd_468 {\n background-color: var(--color-cambio-cream);\n}\n\n._cambioPurpleBackgroundColor_178qd_472 {\n background-color: var(--color-cambio-purple);\n}\n\n._cambioLilacBackgroundColor_178qd_476 {\n background-color: var(--color-cambio-lilac);\n}\n\n._cambioThistleBackgroundColor_178qd_480 {\n background-color: var(--color-cambio-thistle);\n}\n\n._cambioPinkBackgroundColor_178qd_484 {\n background-color: var(--color-cambio-pink);\n}\n\n._cambioNavyBackgroundColor_178qd_488 {\n background-color: var(--color-cambio-navy);\n}\n\n._cambioTealBackgroundColor_178qd_492 {\n background-color: var(--color-cambio-teal);\n}\n\n._cambioSlateBackgroundColor_178qd_496 {\n background-color: var(--color-cambio-slate);\n}\n\n._cambioSkyBackgroundColor_178qd_500 {\n background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_178qd_504 {\n background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC7NF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
|
|
@@ -12,13 +12,13 @@ declare const Typography: React.ForwardRefExoticComponent<{
|
|
|
12
12
|
*
|
|
13
13
|
* @defaultValue "start"
|
|
14
14
|
*/
|
|
15
|
-
align?: "
|
|
15
|
+
align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
|
|
16
16
|
/**
|
|
17
17
|
* DOM element to render as.
|
|
18
18
|
*
|
|
19
19
|
* @defaultValue "div"
|
|
20
20
|
*/
|
|
21
|
-
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" |
|
|
21
|
+
as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
|
|
22
22
|
/**
|
|
23
23
|
* The text to be rendered
|
|
24
24
|
*/
|
|
@@ -30,7 +30,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
|
|
|
30
30
|
*
|
|
31
31
|
* @defaultValue "gray900"
|
|
32
32
|
*/
|
|
33
|
-
color?: "
|
|
33
|
+
color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
|
|
34
34
|
/**
|
|
35
35
|
* Test id for the text
|
|
36
36
|
*/
|
|
@@ -97,7 +97,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
|
|
|
97
97
|
*
|
|
98
98
|
* @defaultValue 200
|
|
99
99
|
*/
|
|
100
|
-
size?:
|
|
100
|
+
size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | undefined;
|
|
101
101
|
/**
|
|
102
102
|
* The tooltip to be displayed when the user hovers the text
|
|
103
103
|
*/
|
|
@@ -133,7 +133,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
|
|
|
133
133
|
*
|
|
134
134
|
* @defaultValue "regular"
|
|
135
135
|
*/
|
|
136
|
-
weight?: "
|
|
136
|
+
weight?: "bold" | "regular" | "interactive" | "medium" | "semiBold" | "heavy" | undefined;
|
|
137
137
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
138
138
|
|
|
139
139
|
export { Typography as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _TY53S7AIcjs = require('./TY53S7AI.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
|
|
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
|
|
|
16
16
|
var RichSelectChip_default = _react.forwardRef.call(void 0,
|
|
17
17
|
function RichSelectChip(props, ref) {
|
|
18
18
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19
|
-
|
|
19
|
+
_TY53S7AIcjs.Chip_default,
|
|
20
20
|
{
|
|
21
21
|
text: props.label,
|
|
22
22
|
selected: isSelected,
|
|
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
exports.RichSelectChip_default = RichSelectChip_default;
|
|
34
|
-
//# sourceMappingURL=
|
|
34
|
+
//# sourceMappingURL=3QV4LYGN.cjs.map
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
} from "./AVREYFSM.js";
|
|
8
8
|
import {
|
|
9
9
|
Typography_default
|
|
10
|
-
} from "./
|
|
10
|
+
} from "./DZRB2DSH.js";
|
|
11
11
|
|
|
12
12
|
// src/RichSelect/RichSelectSection.tsx
|
|
13
13
|
import { forwardRef } from "react";
|
|
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
|
|
|
50
50
|
export {
|
|
51
51
|
RichSelectSection_default
|
|
52
52
|
};
|
|
53
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=3RPDJFR4.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Chip_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./LPWENXKW.js";
|
|
5
5
|
import {
|
|
6
6
|
RichSelectItem_default
|
|
7
7
|
} from "./ODMJANSX.js";
|
|
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
|
|
|
31
31
|
export {
|
|
32
32
|
RichSelectChip_default
|
|
33
33
|
};
|
|
34
|
-
//# sourceMappingURL=
|
|
34
|
+
//# sourceMappingURL=44DDUZLN.js.map
|
|
@@ -11,7 +11,7 @@ var _classnames = require('classnames'); var _classnames2 = _interopRequireDefau
|
|
|
11
11
|
var _react = require('react');
|
|
12
12
|
|
|
13
13
|
// css-module:./Typography.module.css#css-module
|
|
14
|
-
var Typography_module_default = { "typography": "
|
|
14
|
+
var Typography_module_default = { "typography": "_typography_1gnc6_1", "sansSerif": "_sansSerif_1gnc6_24", "serif": "_serif_1gnc6_30", "size100": "_size100_1gnc6_37", "size200": "_size200_1gnc6_41", "size300": "_size300_1gnc6_45", "size500": "_size500_1gnc6_49", "size600": "_size600_1gnc6_53", "size700": "_size700_1gnc6_57", "size800": "_size800_1gnc6_61", "size100Cambio": "_size100Cambio_1gnc6_66", "size200Cambio": "_size200Cambio_1gnc6_70", "size300Cambio": "_size300Cambio_1gnc6_74", "size400Cambio": "_size400Cambio_1gnc6_78", "size500Cambio": "_size500Cambio_1gnc6_82", "size600Cambio": "_size600Cambio_1gnc6_86", "size700Cambio": "_size700Cambio_1gnc6_90", "size800Cambio": "_size800Cambio_1gnc6_94", "size900Cambio": "_size900Cambio_1gnc6_98", "size1000Cambio": "_size1000Cambio_1gnc6_139", "size1100Cambio": "_size1100Cambio_1gnc6_143", "center": "_center_1gnc6_149", "forceLeft": "_forceLeft_1gnc6_153", "forceRight": "_forceRight_1gnc6_157", "start": "_start_1gnc6_161", "end": "_end_1gnc6_165", "bold": "_bold_1gnc6_170", "regular": "_regular_1gnc6_174", "interactive": "_interactive_1gnc6_178", "semiBold": "_semiBold_1gnc6_182", "heavy": "_heavy_1gnc6_186", "regularCambio": "_regularCambio_1gnc6_190", "mediumCambio": "_mediumCambio_1gnc6_194", "semiBoldCambio": "_semiBoldCambio_1gnc6_198", "boldCambio": "_boldCambio_1gnc6_202", "underline": "_underline_1gnc6_206", "inline": "_inline_1gnc6_210", "uppercase": "_uppercase_1gnc6_214", "lineClamp": "_lineClamp_1gnc6_218" };
|
|
15
15
|
|
|
16
16
|
// src/Typography/Typography.tsx
|
|
17
17
|
var _jsxruntime = require('react/jsx-runtime');
|
|
@@ -125,4 +125,4 @@ var Typography_default = Typography;
|
|
|
125
125
|
|
|
126
126
|
|
|
127
127
|
exports.Typography_default = Typography_default;
|
|
128
|
-
//# sourceMappingURL=
|
|
128
|
+
//# sourceMappingURL=46QLII42.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_rz4gh_1\",\"sansSerif\":\"_sansSerif_rz4gh_24\",\"serif\":\"_serif_rz4gh_30\",\"size100\":\"_size100_rz4gh_37\",\"size200\":\"_size200_rz4gh_41\",\"size300\":\"_size300_rz4gh_45\",\"size500\":\"_size500_rz4gh_49\",\"size600\":\"_size600_rz4gh_53\",\"size700\":\"_size700_rz4gh_57\",\"size800\":\"_size800_rz4gh_61\",\"size100Cambio\":\"_size100Cambio_rz4gh_66\",\"size200Cambio\":\"_size200Cambio_rz4gh_70\",\"size300Cambio\":\"_size300Cambio_rz4gh_74\",\"size400Cambio\":\"_size400Cambio_rz4gh_78\",\"size500Cambio\":\"_size500Cambio_rz4gh_82\",\"size600Cambio\":\"_size600Cambio_rz4gh_86\",\"size700Cambio\":\"_size700Cambio_rz4gh_90\",\"size800Cambio\":\"_size800Cambio_rz4gh_94\",\"size900Cambio\":\"_size900Cambio_rz4gh_98\",\"size1000Cambio\":\"_size1000Cambio_rz4gh_139\",\"size1100Cambio\":\"_size1100Cambio_rz4gh_143\",\"center\":\"_center_rz4gh_149\",\"forceLeft\":\"_forceLeft_rz4gh_153\",\"forceRight\":\"_forceRight_rz4gh_157\",\"start\":\"_start_rz4gh_161\",\"end\":\"_end_rz4gh_165\",\"bold\":\"_bold_rz4gh_170\",\"regular\":\"_regular_rz4gh_174\",\"interactive\":\"_interactive_rz4gh_178\",\"semiBold\":\"_semiBold_rz4gh_182\",\"heavy\":\"_heavy_rz4gh_186\",\"regularCambio\":\"_regularCambio_rz4gh_190\",\"mediumCambio\":\"_mediumCambio_rz4gh_194\",\"semiBoldCambio\":\"_semiBoldCambio_rz4gh_198\",\"boldCambio\":\"_boldCambio_rz4gh_202\",\"underline\":\"_underline_rz4gh_206\",\"inline\":\"_inline_rz4gh_210\",\"uppercase\":\"_uppercase_rz4gh_214\",\"lineClamp\":\"_lineClamp_rz4gh_218\"}"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1gnc6_1\",\"sansSerif\":\"_sansSerif_1gnc6_24\",\"serif\":\"_serif_1gnc6_30\",\"size100\":\"_size100_1gnc6_37\",\"size200\":\"_size200_1gnc6_41\",\"size300\":\"_size300_1gnc6_45\",\"size500\":\"_size500_1gnc6_49\",\"size600\":\"_size600_1gnc6_53\",\"size700\":\"_size700_1gnc6_57\",\"size800\":\"_size800_1gnc6_61\",\"size100Cambio\":\"_size100Cambio_1gnc6_66\",\"size200Cambio\":\"_size200Cambio_1gnc6_70\",\"size300Cambio\":\"_size300Cambio_1gnc6_74\",\"size400Cambio\":\"_size400Cambio_1gnc6_78\",\"size500Cambio\":\"_size500Cambio_1gnc6_82\",\"size600Cambio\":\"_size600Cambio_1gnc6_86\",\"size700Cambio\":\"_size700Cambio_1gnc6_90\",\"size800Cambio\":\"_size800Cambio_1gnc6_94\",\"size900Cambio\":\"_size900Cambio_1gnc6_98\",\"size1000Cambio\":\"_size1000Cambio_1gnc6_139\",\"size1100Cambio\":\"_size1100Cambio_1gnc6_143\",\"center\":\"_center_1gnc6_149\",\"forceLeft\":\"_forceLeft_1gnc6_153\",\"forceRight\":\"_forceRight_1gnc6_157\",\"start\":\"_start_1gnc6_161\",\"end\":\"_end_1gnc6_165\",\"bold\":\"_bold_1gnc6_170\",\"regular\":\"_regular_1gnc6_174\",\"interactive\":\"_interactive_1gnc6_178\",\"semiBold\":\"_semiBold_1gnc6_182\",\"heavy\":\"_heavy_1gnc6_186\",\"regularCambio\":\"_regularCambio_1gnc6_190\",\"mediumCambio\":\"_mediumCambio_1gnc6_194\",\"semiBoldCambio\":\"_semiBoldCambio_1gnc6_198\",\"boldCambio\":\"_boldCambio_1gnc6_202\",\"underline\":\"_underline_1gnc6_206\",\"inline\":\"_inline_1gnc6_210\",\"uppercase\":\"_uppercase_1gnc6_214\",\"lineClamp\":\"_lineClamp_1gnc6_218\"}"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Typography_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./DZRB2DSH.js";
|
|
5
5
|
import {
|
|
6
6
|
useTheme
|
|
7
7
|
} from "./ZSHAHV4F.js";
|
|
@@ -52,4 +52,4 @@ var Heading_default = Heading;
|
|
|
52
52
|
export {
|
|
53
53
|
Heading_default
|
|
54
54
|
};
|
|
55
|
-
//# sourceMappingURL=
|
|
55
|
+
//# sourceMappingURL=5YXVVFJ3.js.map
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _46QLII42cjs = require('./46QLII42.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
|
|
@@ -40,10 +40,10 @@ var Badge = ({
|
|
|
40
40
|
alignItems: "center",
|
|
41
41
|
justifyContent: "center",
|
|
42
42
|
height: themeName === "cambio" ? 32 : void 0,
|
|
43
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
43
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { color: textColorForBackgroundColor(color), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _SNYEHXDAcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
|
|
44
44
|
Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
|
|
45
45
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
46
|
-
|
|
46
|
+
_46QLII42cjs.Typography_default,
|
|
47
47
|
{
|
|
48
48
|
color: textColorForBackgroundColor(color),
|
|
49
49
|
size: 100,
|
|
@@ -60,4 +60,4 @@ var Badge_default = Badge;
|
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
exports.Badge_default = Badge_default;
|
|
63
|
-
//# sourceMappingURL=
|
|
63
|
+
//# sourceMappingURL=6KTCQQ7E.cjs.map
|
|
@@ -25,7 +25,7 @@ var _QWMAWIWIcjs = require('./QWMAWIWI.cjs');
|
|
|
25
25
|
var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
|
|
26
26
|
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var _46QLII42cjs = require('./46QLII42.cjs');
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
|
|
@@ -89,7 +89,7 @@ var Button = _react.forwardRef.call(void 0,
|
|
|
89
89
|
children: [
|
|
90
90
|
!loading && StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StartIcon, { className: _classnames2.default.call(void 0, Button_module_default.icon, _54PSDUCDcjs.iconSize_default[size]) }),
|
|
91
91
|
(loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
92
|
-
|
|
92
|
+
_46QLII42cjs.Typography_default,
|
|
93
93
|
{
|
|
94
94
|
size: themeName === "classic" ? _5JUNB754cjs.textVariant_default[size] : _5JUNB754cjs.textVariant_default[size],
|
|
95
95
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -134,4 +134,4 @@ var Button_default = Button;
|
|
|
134
134
|
|
|
135
135
|
|
|
136
136
|
exports.Button_default = Button_default;
|
|
137
|
-
//# sourceMappingURL=
|
|
137
|
+
//# sourceMappingURL=6UFO6JEO.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _LAT2IHTZcjs = require('./LAT2IHTZ.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
|
|
@@ -136,7 +136,7 @@ function Modal({
|
|
|
136
136
|
padding: themeName === "classic" ? 9 : 6,
|
|
137
137
|
children: [
|
|
138
138
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
139
|
-
|
|
139
|
+
_LAT2IHTZcjs.Heading_default,
|
|
140
140
|
{
|
|
141
141
|
as: "h1",
|
|
142
142
|
size: themeName === "classic" ? 500 : 600,
|
|
@@ -173,4 +173,4 @@ Modal.displayName = "Modal";
|
|
|
173
173
|
|
|
174
174
|
|
|
175
175
|
exports.Modal = Modal;
|
|
176
|
-
//# sourceMappingURL=
|
|
176
|
+
//# sourceMappingURL=AI3HSJ4Z.cjs.map
|
|
@@ -10,7 +10,7 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
|
|
|
10
10
|
var _S5QHTHSTcjs = require('./S5QHTHST.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _46QLII42cjs = require('./46QLII42.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
var _X2LNODY7cjs = require('./X2LNODY7.cjs');
|
|
@@ -106,7 +106,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
|
|
|
106
106
|
childrenProp,
|
|
107
107
|
(children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
108
108
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, {}),
|
|
109
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
109
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { size: 100, color: "white", children }),
|
|
110
110
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
111
111
|
_E5P6WRJDcjs.OverlayVisibility,
|
|
112
112
|
{
|
|
@@ -166,4 +166,4 @@ var Tooltip_default = Tooltip;
|
|
|
166
166
|
|
|
167
167
|
|
|
168
168
|
exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
|
|
169
|
-
//# sourceMappingURL=
|
|
169
|
+
//# sourceMappingURL=CI5BYRSX.cjs.map
|
|
@@ -4,7 +4,7 @@ import {
|
|
|
4
4
|
} from "./KKADUD65.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./DZRB2DSH.js";
|
|
8
8
|
import {
|
|
9
9
|
colors_module_default
|
|
10
10
|
} from "./JHJZ5COD.js";
|
|
@@ -134,4 +134,4 @@ var Checkbox_default = Checkbox;
|
|
|
134
134
|
export {
|
|
135
135
|
Checkbox_default
|
|
136
136
|
};
|
|
137
|
-
//# sourceMappingURL=
|
|
137
|
+
//# sourceMappingURL=CJLPH2FJ.js.map
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _46QLII42cjs = require('./46QLII42.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
|
|
@@ -55,7 +55,7 @@ function TextField({
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
children: [
|
|
58
|
-
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
58
|
+
label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
|
|
59
59
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
60
60
|
"input",
|
|
61
61
|
{
|
|
@@ -80,7 +80,7 @@ function TextField({
|
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
82
|
(helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SNYEHXDAcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
83
|
-
|
|
83
|
+
_46QLII42cjs.Typography_default,
|
|
84
84
|
{
|
|
85
85
|
size: 100,
|
|
86
86
|
color: errorText ? "destructive-primary" : "gray700",
|
|
@@ -95,4 +95,4 @@ function TextField({
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
exports.TextField = TextField;
|
|
98
|
-
//# sourceMappingURL=
|
|
98
|
+
//# sourceMappingURL=CXCRGFIV.cjs.map
|
|
@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
|
|
|
7
7
|
var _IL22HCBFcjs = require('./IL22HCBF.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _46QLII42cjs = require('./46QLII42.cjs');
|
|
11
11
|
|
|
12
12
|
// src/RichSelect/RichSelectSection.tsx
|
|
13
13
|
var _react = require('react');
|
|
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
|
|
|
39
39
|
}
|
|
40
40
|
),
|
|
41
41
|
children: [
|
|
42
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
42
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _46QLII42cjs.Typography_default, { children: label }) }),
|
|
43
43
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
|
|
44
44
|
]
|
|
45
45
|
}
|
|
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
|
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
exports.RichSelectSection_default = RichSelectSection_default;
|
|
53
|
-
//# sourceMappingURL=
|
|
53
|
+
//# sourceMappingURL=DTEKITMF.cjs.map
|
|
@@ -11,7 +11,7 @@ import classNames from "classnames";
|
|
|
11
11
|
import { forwardRef } from "react";
|
|
12
12
|
|
|
13
13
|
// css-module:./Typography.module.css#css-module
|
|
14
|
-
var Typography_module_default = { "typography": "
|
|
14
|
+
var Typography_module_default = { "typography": "_typography_1gnc6_1", "sansSerif": "_sansSerif_1gnc6_24", "serif": "_serif_1gnc6_30", "size100": "_size100_1gnc6_37", "size200": "_size200_1gnc6_41", "size300": "_size300_1gnc6_45", "size500": "_size500_1gnc6_49", "size600": "_size600_1gnc6_53", "size700": "_size700_1gnc6_57", "size800": "_size800_1gnc6_61", "size100Cambio": "_size100Cambio_1gnc6_66", "size200Cambio": "_size200Cambio_1gnc6_70", "size300Cambio": "_size300Cambio_1gnc6_74", "size400Cambio": "_size400Cambio_1gnc6_78", "size500Cambio": "_size500Cambio_1gnc6_82", "size600Cambio": "_size600Cambio_1gnc6_86", "size700Cambio": "_size700Cambio_1gnc6_90", "size800Cambio": "_size800Cambio_1gnc6_94", "size900Cambio": "_size900Cambio_1gnc6_98", "size1000Cambio": "_size1000Cambio_1gnc6_139", "size1100Cambio": "_size1100Cambio_1gnc6_143", "center": "_center_1gnc6_149", "forceLeft": "_forceLeft_1gnc6_153", "forceRight": "_forceRight_1gnc6_157", "start": "_start_1gnc6_161", "end": "_end_1gnc6_165", "bold": "_bold_1gnc6_170", "regular": "_regular_1gnc6_174", "interactive": "_interactive_1gnc6_178", "semiBold": "_semiBold_1gnc6_182", "heavy": "_heavy_1gnc6_186", "regularCambio": "_regularCambio_1gnc6_190", "mediumCambio": "_mediumCambio_1gnc6_194", "semiBoldCambio": "_semiBoldCambio_1gnc6_198", "boldCambio": "_boldCambio_1gnc6_202", "underline": "_underline_1gnc6_206", "inline": "_inline_1gnc6_210", "uppercase": "_uppercase_1gnc6_214", "lineClamp": "_lineClamp_1gnc6_218" };
|
|
15
15
|
|
|
16
16
|
// src/Typography/Typography.tsx
|
|
17
17
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -125,4 +125,4 @@ var Typography_default = Typography;
|
|
|
125
125
|
export {
|
|
126
126
|
Typography_default
|
|
127
127
|
};
|
|
128
|
-
//# sourceMappingURL=
|
|
128
|
+
//# sourceMappingURL=DZRB2DSH.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_rz4gh_1\",\"sansSerif\":\"_sansSerif_rz4gh_24\",\"serif\":\"_serif_rz4gh_30\",\"size100\":\"_size100_rz4gh_37\",\"size200\":\"_size200_rz4gh_41\",\"size300\":\"_size300_rz4gh_45\",\"size500\":\"_size500_rz4gh_49\",\"size600\":\"_size600_rz4gh_53\",\"size700\":\"_size700_rz4gh_57\",\"size800\":\"_size800_rz4gh_61\",\"size100Cambio\":\"_size100Cambio_rz4gh_66\",\"size200Cambio\":\"_size200Cambio_rz4gh_70\",\"size300Cambio\":\"_size300Cambio_rz4gh_74\",\"size400Cambio\":\"_size400Cambio_rz4gh_78\",\"size500Cambio\":\"_size500Cambio_rz4gh_82\",\"size600Cambio\":\"_size600Cambio_rz4gh_86\",\"size700Cambio\":\"_size700Cambio_rz4gh_90\",\"size800Cambio\":\"_size800Cambio_rz4gh_94\",\"size900Cambio\":\"_size900Cambio_rz4gh_98\",\"size1000Cambio\":\"_size1000Cambio_rz4gh_139\",\"size1100Cambio\":\"_size1100Cambio_rz4gh_143\",\"center\":\"_center_rz4gh_149\",\"forceLeft\":\"_forceLeft_rz4gh_153\",\"forceRight\":\"_forceRight_rz4gh_157\",\"start\":\"_start_rz4gh_161\",\"end\":\"_end_rz4gh_165\",\"bold\":\"_bold_rz4gh_170\",\"regular\":\"_regular_rz4gh_174\",\"interactive\":\"_interactive_rz4gh_178\",\"semiBold\":\"_semiBold_rz4gh_182\",\"heavy\":\"_heavy_rz4gh_186\",\"regularCambio\":\"_regularCambio_rz4gh_190\",\"mediumCambio\":\"_mediumCambio_rz4gh_194\",\"semiBoldCambio\":\"_semiBoldCambio_rz4gh_198\",\"boldCambio\":\"_boldCambio_rz4gh_202\",\"underline\":\"_underline_rz4gh_206\",\"inline\":\"_inline_rz4gh_210\",\"uppercase\":\"_uppercase_rz4gh_214\",\"lineClamp\":\"_lineClamp_rz4gh_218\"}"],"mappings":"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","names":["Typography"]}
|
|
1
|
+
{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1gnc6_1\",\"sansSerif\":\"_sansSerif_1gnc6_24\",\"serif\":\"_serif_1gnc6_30\",\"size100\":\"_size100_1gnc6_37\",\"size200\":\"_size200_1gnc6_41\",\"size300\":\"_size300_1gnc6_45\",\"size500\":\"_size500_1gnc6_49\",\"size600\":\"_size600_1gnc6_53\",\"size700\":\"_size700_1gnc6_57\",\"size800\":\"_size800_1gnc6_61\",\"size100Cambio\":\"_size100Cambio_1gnc6_66\",\"size200Cambio\":\"_size200Cambio_1gnc6_70\",\"size300Cambio\":\"_size300Cambio_1gnc6_74\",\"size400Cambio\":\"_size400Cambio_1gnc6_78\",\"size500Cambio\":\"_size500Cambio_1gnc6_82\",\"size600Cambio\":\"_size600Cambio_1gnc6_86\",\"size700Cambio\":\"_size700Cambio_1gnc6_90\",\"size800Cambio\":\"_size800Cambio_1gnc6_94\",\"size900Cambio\":\"_size900Cambio_1gnc6_98\",\"size1000Cambio\":\"_size1000Cambio_1gnc6_139\",\"size1100Cambio\":\"_size1100Cambio_1gnc6_143\",\"center\":\"_center_1gnc6_149\",\"forceLeft\":\"_forceLeft_1gnc6_153\",\"forceRight\":\"_forceRight_1gnc6_157\",\"start\":\"_start_1gnc6_161\",\"end\":\"_end_1gnc6_165\",\"bold\":\"_bold_1gnc6_170\",\"regular\":\"_regular_1gnc6_174\",\"interactive\":\"_interactive_1gnc6_178\",\"semiBold\":\"_semiBold_1gnc6_182\",\"heavy\":\"_heavy_1gnc6_186\",\"regularCambio\":\"_regularCambio_1gnc6_190\",\"mediumCambio\":\"_mediumCambio_1gnc6_194\",\"semiBoldCambio\":\"_semiBoldCambio_1gnc6_198\",\"boldCambio\":\"_boldCambio_1gnc6_202\",\"underline\":\"_underline_1gnc6_206\",\"inline\":\"_inline_1gnc6_210\",\"uppercase\":\"_uppercase_1gnc6_214\",\"lineClamp\":\"_lineClamp_1gnc6_218\"}"],"mappings":"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","names":["Typography"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _RABZMRSJcjs = require('./RABZMRSJ.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
|
|
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
|
|
|
19
19
|
function RichSelectRadioButton(props, ref) {
|
|
20
20
|
const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
|
|
21
21
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
22
|
-
|
|
22
|
+
_RABZMRSJcjs.RadioButton_default,
|
|
23
23
|
{
|
|
24
24
|
checked: isSelected,
|
|
25
25
|
disabled: isDisabled,
|
|
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
|
|
|
37
37
|
|
|
38
38
|
|
|
39
39
|
exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
|
|
40
|
-
//# sourceMappingURL=
|
|
40
|
+
//# sourceMappingURL=EILCQTJ3.cjs.map
|