@cambly/syntax-core 9.8.0 → 10.0.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.css +17 -16
- package/dist/Avatar/Avatar.css.map +1 -1
- package/dist/Avatar/Avatar.d.ts +3 -2
- package/dist/Avatar/Avatar.js +3 -2
- package/dist/Avatar/Avatar.mjs +2 -1
- package/dist/AvatarGroup/AvatarGroup.css +0 -28
- package/dist/AvatarGroup/AvatarGroup.css.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts +42 -12
- package/dist/AvatarGroup/AvatarGroup.js +4 -4
- package/dist/AvatarGroup/AvatarGroup.mjs +5 -5
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/SelectList/SelectList.js +2 -2
- package/dist/SelectList/SelectList.mjs +1 -1
- package/dist/__chunks/F7PM3X2U.mjs +42 -0
- package/dist/__chunks/F7PM3X2U.mjs.map +1 -0
- package/dist/__chunks/{U35WIBLZ.mjs → H3DNC3QP.mjs} +1 -1
- package/dist/__chunks/{U35WIBLZ.mjs.map → H3DNC3QP.mjs.map} +1 -1
- package/dist/__chunks/JD6Q4NMG.mjs +118 -0
- package/dist/__chunks/JD6Q4NMG.mjs.map +1 -0
- package/dist/__chunks/MMHLD5IF.js +118 -0
- package/dist/__chunks/MMHLD5IF.js.map +1 -0
- package/dist/__chunks/SSXWBCF3.js +42 -0
- package/dist/__chunks/SSXWBCF3.js.map +1 -0
- package/dist/__chunks/{5KKBFAX4.js → TUACMS2V.js} +1 -1
- package/dist/__chunks/{5KKBFAX4.js.map → TUACMS2V.js.map} +1 -1
- package/dist/index.css +17 -16
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +4 -5
- package/dist/index.mjs +5 -6
- package/package.json +3 -3
- package/dist/AvatarGroup/AvatarGroupAvatar.css +0 -1811
- package/dist/AvatarGroup/AvatarGroupAvatar.css.map +0 -1
- package/dist/AvatarGroup/AvatarGroupAvatar.d.ts +0 -38
- package/dist/AvatarGroup/AvatarGroupAvatar.js +0 -13
- package/dist/AvatarGroup/AvatarGroupAvatar.js.map +0 -1
- package/dist/AvatarGroup/AvatarGroupAvatar.mjs +0 -13
- package/dist/AvatarGroup/AvatarGroupAvatar.mjs.map +0 -1
- package/dist/__chunks/5FTIZFPF.js +0 -34
- package/dist/__chunks/5FTIZFPF.js.map +0 -1
- package/dist/__chunks/I4H3F6ZC.mjs +0 -61
- package/dist/__chunks/I4H3F6ZC.mjs.map +0 -1
- package/dist/__chunks/L34SSETB.mjs +0 -58
- package/dist/__chunks/L34SSETB.mjs.map +0 -1
- package/dist/__chunks/X55E7W4C.mjs +0 -34
- package/dist/__chunks/X55E7W4C.mjs.map +0 -1
- package/dist/__chunks/YHHO5POQ.js +0 -61
- package/dist/__chunks/YHHO5POQ.js.map +0 -1
- package/dist/__chunks/Z3JCDZYS.js +0 -58
- package/dist/__chunks/Z3JCDZYS.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css/#css-module-data"],"sourcesContent":["._box_bg9pe_1 {\n box-sizing: border-box;\n}\n\n._flexnone_bg9pe_5 {\n flex: 0 0 auto;\n}\n\n._flexgrow_bg9pe_9 {\n flex: 1 1 auto;\n}\n\n._flexWrap_bg9pe_13 {\n flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_bg9pe_18 {\n align-items: center;\n}\n\n._alignItemsstart_bg9pe_22 {\n align-items: flex-start;\n}\n\n._alignItemsend_bg9pe_26 {\n align-items: flex-end;\n}\n\n._alignItemsstretch_bg9pe_30 {\n align-items: stretch;\n}\n\n._alignItemsbaseline_bg9pe_34 {\n align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n ._alignItemscenterSmall_bg9pe_40 {\n align-items: center;\n }\n\n ._alignItemsstartSmall_bg9pe_44 {\n align-items: flex-start;\n }\n\n ._alignItemsendSmall_bg9pe_48 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchSmall_bg9pe_52 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineSmall_bg9pe_56 {\n align-items: baseline;\n }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n ._alignItemscenterLarge_bg9pe_63 {\n align-items: center;\n }\n\n ._alignItemsstartLarge_bg9pe_67 {\n align-items: flex-start;\n }\n\n ._alignItemsendLarge_bg9pe_71 {\n align-items: flex-end;\n }\n\n ._alignItemsstretchLarge_bg9pe_75 {\n align-items: stretch;\n }\n\n ._alignItemsbaselineLarge_bg9pe_79 {\n align-items: baseline;\n }\n}\n\n/* Align self */\n._alignSelfcenter_bg9pe_85 {\n align-self: center;\n}\n\n._alignSelfstart_bg9pe_89 {\n align-self: flex-start;\n}\n\n._alignSelfend_bg9pe_93 {\n align-self: flex-end;\n}\n\n._alignSelfstretch_bg9pe_97 {\n align-self: stretch;\n}\n\n._alignSelfbaseline_bg9pe_101 {\n align-self: baseline;\n}\n\n._alignSelfauto_bg9pe_105 {\n align-self: auto;\n}\n\n/* Display (base) */\n._block_bg9pe_110 {\n display: block;\n}\n\n._flex_bg9pe_5 {\n display: flex;\n}\n\n._inlineBlock_bg9pe_118 {\n display: inline-block;\n}\n\n._none_bg9pe_122 {\n display: none;\n}\n\n._visuallyHidden_bg9pe_126 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n ._blockSmall_bg9pe_140 {\n display: block;\n }\n\n ._flexSmall_bg9pe_144 {\n display: flex;\n }\n\n ._inlineBlockSmall_bg9pe_148 {\n display: inline-block;\n }\n\n ._noneSmall_bg9pe_152 {\n display: none;\n }\n\n ._visuallyHiddenSmall_bg9pe_156 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n ._blockLarge_bg9pe_171 {\n display: block;\n }\n\n ._flexLarge_bg9pe_175 {\n display: flex;\n }\n\n ._inlineBlockLarge_bg9pe_179 {\n display: inline-block;\n }\n\n ._noneLarge_bg9pe_183 {\n display: none;\n }\n\n ._visuallyHiddenLarge_bg9pe_187 {\n position: absolute;\n width: 1px;\n height: 1px;\n margin-bottom: -1px;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n clip: rect(0 0 0 0);\n overflow: hidden;\n }\n}\n\n/* Direction */\n._column_bg9pe_201 {\n flex-direction: column;\n}\n\n._row_bg9pe_205 {\n flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n ._columnSmall_bg9pe_211 {\n flex-direction: column;\n }\n\n ._rowSmall_bg9pe_215 {\n flex-direction: row;\n }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n ._columnLarge_bg9pe_222 {\n flex-direction: column;\n }\n\n ._rowLarge_bg9pe_226 {\n flex-direction: row;\n }\n}\n\n/* Gap */\n._gap0_bg9pe_232 {\n gap: 0;\n}\n\n._gap1_bg9pe_236 {\n gap: 4px;\n}\n\n._gap2_bg9pe_240 {\n gap: 8px;\n}\n\n._gap3_bg9pe_244 {\n gap: 12px;\n}\n\n._gap4_bg9pe_248 {\n gap: 16px;\n}\n\n._gap5_bg9pe_252 {\n gap: 20px;\n}\n\n._gap6_bg9pe_256 {\n gap: 24px;\n}\n\n._gap7_bg9pe_260 {\n gap: 28px;\n}\n\n._gap8_bg9pe_264 {\n gap: 32px;\n}\n\n._gap9_bg9pe_268 {\n gap: 36px;\n}\n\n._gap10_bg9pe_272 {\n gap: 40px;\n}\n\n._gap11_bg9pe_276 {\n gap: 44px;\n}\n\n._gap12_bg9pe_280 {\n gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_bg9pe_285 {\n justify-content: center;\n}\n\n._justifyContentstart_bg9pe_289 {\n justify-content: flex-start;\n}\n\n._justifyContentend_bg9pe_293 {\n justify-content: flex-end;\n}\n\n._justifyContentbetween_bg9pe_297 {\n justify-content: space-between;\n}\n\n._justifyContentaround_bg9pe_301 {\n justify-content: space-around;\n}\n\n._justifyContentevenly_bg9pe_305 {\n justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n ._justifyContentcenterSmall_bg9pe_311 {\n justify-content: center;\n }\n\n ._justifyContentstartSmall_bg9pe_315 {\n justify-content: flex-start;\n }\n\n ._justifyContentendSmall_bg9pe_319 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenSmall_bg9pe_323 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundSmall_bg9pe_327 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlySmall_bg9pe_331 {\n justify-content: space-evenly;\n }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n ._justifyContentcenterLarge_bg9pe_338 {\n justify-content: center;\n }\n\n ._justifyContentstartLarge_bg9pe_342 {\n justify-content: flex-start;\n }\n\n ._justifyContentendLarge_bg9pe_346 {\n justify-content: flex-end;\n }\n\n ._justifyContentbetweenLarge_bg9pe_350 {\n justify-content: space-between;\n }\n\n ._justifyContentaroundLarge_bg9pe_354 {\n justify-content: space-around;\n }\n\n ._justifyContentevenlyLarge_bg9pe_358 {\n justify-content: space-evenly;\n }\n}\n\n/* Overflow */\n._overflowvisible_bg9pe_364 {\n overflow: visible;\n}\n\n._overflowhidden_bg9pe_368 {\n overflow: hidden;\n}\n\n._overflowscroll_bg9pe_372 {\n overflow: scroll;\n}\n\n._overflowauto_bg9pe_376 {\n overflow: auto;\n}\n\n._overflowinherit_bg9pe_380 {\n overflow: inherit;\n}\n\n._overflowinitial_bg9pe_384 {\n overflow: initial;\n}\n\n._overflowXvisible_bg9pe_388 {\n overflow-x: visible;\n}\n\n._overflowXhidden_bg9pe_392 {\n overflow-x: hidden;\n}\n\n._overflowXscroll_bg9pe_396 {\n overflow-x: scroll;\n}\n\n._overflowXauto_bg9pe_400 {\n overflow-x: auto;\n}\n\n._overflowXinherit_bg9pe_404 {\n overflow-x: inherit;\n}\n\n._overflowXinitial_bg9pe_408 {\n overflow-x: initial;\n}\n\n._overflowYvisible_bg9pe_412 {\n overflow-y: visible;\n}\n\n._overflowYhidden_bg9pe_416 {\n overflow-y: hidden;\n}\n\n._overflowYscroll_bg9pe_420 {\n overflow-y: scroll;\n}\n\n._overflowYauto_bg9pe_424 {\n overflow-y: auto;\n}\n\n._overflowYinherit_bg9pe_428 {\n overflow-y: inherit;\n}\n\n._overflowYinitial_bg9pe_432 {\n overflow-y: initial;\n}\n\n/* Position */\n._absolute_bg9pe_437 {\n position: absolute;\n}\n\n._fixed_bg9pe_441 {\n position: fixed;\n}\n\n._relative_bg9pe_445 {\n position: relative;\n}\n\n._sticky_bg9pe_449 {\n position: sticky;\n}\n","/* Margin bottom */\n._marginBottom-12_1whn1_2 {\n margin-bottom: -48px;\n}\n\n._marginBottom-11_1whn1_6 {\n margin-bottom: -44px;\n}\n\n._marginBottom-10_1whn1_10 {\n margin-bottom: -40px;\n}\n\n._marginBottom-9_1whn1_14 {\n margin-bottom: -36px;\n}\n\n._marginBottom-8_1whn1_18 {\n margin-bottom: -32px;\n}\n\n._marginBottom-7_1whn1_22 {\n margin-bottom: -28px;\n}\n\n._marginBottom-6_1whn1_26 {\n margin-bottom: -24px;\n}\n\n._marginBottom-5_1whn1_30 {\n margin-bottom: -20px;\n}\n\n._marginBottom-4_1whn1_34 {\n margin-bottom: -16px;\n}\n\n._marginBottom-3_1whn1_38 {\n margin-bottom: -12px;\n}\n\n._marginBottom-2_1whn1_42 {\n margin-bottom: -8px;\n}\n\n._marginBottom-1_1whn1_2 {\n margin-bottom: -4px;\n}\n\n._marginBottom0_1whn1_50 {\n margin-bottom: 0;\n}\n\n._marginBottom1_1whn1_54 {\n margin-bottom: 4px;\n}\n\n._marginBottom2_1whn1_58 {\n margin-bottom: 8px;\n}\n\n._marginBottom3_1whn1_62 {\n margin-bottom: 12px;\n}\n\n._marginBottom4_1whn1_66 {\n margin-bottom: 16px;\n}\n\n._marginBottom5_1whn1_70 {\n margin-bottom: 20px;\n}\n\n._marginBottom6_1whn1_74 {\n margin-bottom: 24px;\n}\n\n._marginBottom7_1whn1_78 {\n margin-bottom: 28px;\n}\n\n._marginBottom8_1whn1_82 {\n margin-bottom: 32px;\n}\n\n._marginBottom9_1whn1_86 {\n margin-bottom: 36px;\n}\n\n._marginBottom10_1whn1_90 {\n margin-bottom: 40px;\n}\n\n._marginBottom11_1whn1_94 {\n margin-bottom: 44px;\n}\n\n._marginBottom12_1whn1_98 {\n margin-bottom: 48px;\n}\n\n._marginBottomauto_1whn1_102 {\n margin-bottom: auto;\n}\n\n/* Margin end */\n._marginEnd-12_1whn1_107 {\n margin-inline-end: -48px;\n}\n\n._marginEnd-11_1whn1_111 {\n margin-inline-end: -44px;\n}\n\n._marginEnd-10_1whn1_115 {\n margin-inline-end: -40px;\n}\n\n._marginEnd-9_1whn1_119 {\n margin-inline-end: -36px;\n}\n\n._marginEnd-8_1whn1_123 {\n margin-inline-end: -32px;\n}\n\n._marginEnd-7_1whn1_127 {\n margin-inline-end: -28px;\n}\n\n._marginEnd-6_1whn1_131 {\n margin-inline-end: -24px;\n}\n\n._marginEnd-5_1whn1_135 {\n margin-inline-end: -20px;\n}\n\n._marginEnd-4_1whn1_139 {\n margin-inline-end: -16px;\n}\n\n._marginEnd-3_1whn1_143 {\n margin-inline-end: -12px;\n}\n\n._marginEnd-2_1whn1_147 {\n margin-inline-end: -8px;\n}\n\n._marginEnd-1_1whn1_107 {\n margin-inline-end: -4px;\n}\n\n._marginEnd0_1whn1_155 {\n margin-inline-end: 0;\n}\n\n._marginEnd1_1whn1_159 {\n margin-inline-end: 4px;\n}\n\n._marginEnd2_1whn1_163 {\n margin-inline-end: 8px;\n}\n\n._marginEnd3_1whn1_167 {\n margin-inline-end: 12px;\n}\n\n._marginEnd4_1whn1_171 {\n margin-inline-end: 16px;\n}\n\n._marginEnd5_1whn1_175 {\n margin-inline-end: 20px;\n}\n\n._marginEnd6_1whn1_179 {\n margin-inline-end: 24px;\n}\n\n._marginEnd7_1whn1_183 {\n margin-inline-end: 28px;\n}\n\n._marginEnd8_1whn1_187 {\n margin-inline-end: 32px;\n}\n\n._marginEnd9_1whn1_191 {\n margin-inline-end: 36px;\n}\n\n._marginEnd10_1whn1_195 {\n margin-inline-end: 40px;\n}\n\n._marginEnd11_1whn1_199 {\n margin-inline-end: 44px;\n}\n\n._marginEnd12_1whn1_203 {\n margin-inline-end: 48px;\n}\n\n._marginEndauto_1whn1_207 {\n margin-inline-end: auto;\n}\n\n/* Margin start */\n._marginStart-12_1whn1_212 {\n margin-inline-start: -48px;\n}\n\n._marginStart-11_1whn1_216 {\n margin-inline-start: -44px;\n}\n\n._marginStart-10_1whn1_220 {\n margin-inline-start: -40px;\n}\n\n._marginStart-9_1whn1_224 {\n margin-inline-start: -36px;\n}\n\n._marginStart-8_1whn1_228 {\n margin-inline-start: -32px;\n}\n\n._marginStart-7_1whn1_232 {\n margin-inline-start: -28px;\n}\n\n._marginStart-6_1whn1_236 {\n margin-inline-start: -24px;\n}\n\n._marginStart-5_1whn1_240 {\n margin-inline-start: -20px;\n}\n\n._marginStart-4_1whn1_244 {\n margin-inline-start: -16px;\n}\n\n._marginStart-3_1whn1_248 {\n margin-inline-start: -12px;\n}\n\n._marginStart-2_1whn1_252 {\n margin-inline-start: -8px;\n}\n\n._marginStart-1_1whn1_212 {\n margin-inline-start: -4px;\n}\n\n._marginStart0_1whn1_260 {\n margin-inline-start: 0;\n}\n\n._marginStart1_1whn1_264 {\n margin-inline-start: 4px;\n}\n\n._marginStart2_1whn1_268 {\n margin-inline-start: 8px;\n}\n\n._marginStart3_1whn1_272 {\n margin-inline-start: 12px;\n}\n\n._marginStart4_1whn1_276 {\n margin-inline-start: 16px;\n}\n\n._marginStart5_1whn1_280 {\n margin-inline-start: 20px;\n}\n\n._marginStart6_1whn1_284 {\n margin-inline-start: 24px;\n}\n\n._marginStart7_1whn1_288 {\n margin-inline-start: 28px;\n}\n\n._marginStart8_1whn1_292 {\n margin-inline-start: 32px;\n}\n\n._marginStart9_1whn1_296 {\n margin-inline-start: 36px;\n}\n\n._marginStart10_1whn1_300 {\n margin-inline-start: 40px;\n}\n\n._marginStart11_1whn1_304 {\n margin-inline-start: 44px;\n}\n\n._marginStart12_1whn1_308 {\n margin-inline-start: 48px;\n}\n\n._marginStartauto_1whn1_312 {\n margin-inline-start: auto;\n}\n\n/* Margin top */\n._marginTop-12_1whn1_317 {\n margin-top: -48px;\n}\n\n._marginTop-11_1whn1_321 {\n margin-top: -44px;\n}\n\n._marginTop-10_1whn1_325 {\n margin-top: -40px;\n}\n\n._marginTop-9_1whn1_329 {\n margin-top: -36px;\n}\n\n._marginTop-8_1whn1_333 {\n margin-top: -32px;\n}\n\n._marginTop-7_1whn1_337 {\n margin-top: -28px;\n}\n\n._marginTop-6_1whn1_341 {\n margin-top: -24px;\n}\n\n._marginTop-5_1whn1_345 {\n margin-top: -20px;\n}\n\n._marginTop-4_1whn1_349 {\n margin-top: -16px;\n}\n\n._marginTop-3_1whn1_353 {\n margin-top: -12px;\n}\n\n._marginTop-2_1whn1_357 {\n margin-top: -8px;\n}\n\n._marginTop-1_1whn1_317 {\n margin-top: -4px;\n}\n\n._marginTop0_1whn1_365 {\n margin-top: 0;\n}\n\n._marginTop1_1whn1_369 {\n margin-top: 4px;\n}\n\n._marginTop2_1whn1_373 {\n margin-top: 8px;\n}\n\n._marginTop3_1whn1_377 {\n margin-top: 12px;\n}\n\n._marginTop4_1whn1_381 {\n margin-top: 16px;\n}\n\n._marginTop5_1whn1_385 {\n margin-top: 20px;\n}\n\n._marginTop6_1whn1_389 {\n margin-top: 24px;\n}\n\n._marginTop7_1whn1_393 {\n margin-top: 28px;\n}\n\n._marginTop8_1whn1_397 {\n margin-top: 32px;\n}\n\n._marginTop9_1whn1_401 {\n margin-top: 36px;\n}\n\n._marginTop10_1whn1_405 {\n margin-top: 40px;\n}\n\n._marginTop11_1whn1_409 {\n margin-top: 44px;\n}\n\n._marginTop12_1whn1_413 {\n margin-top: 48px;\n}\n\n._marginTopauto_1whn1_417 {\n margin-top: auto;\n}\n\n/* Margin (small and up) */\n@media (min-width: 480px) {\n ._marginBottom-12Small_1whn1_423 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Small_1whn1_427 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Small_1whn1_431 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Small_1whn1_435 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Small_1whn1_439 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Small_1whn1_443 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Small_1whn1_447 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Small_1whn1_451 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Small_1whn1_455 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Small_1whn1_459 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Small_1whn1_463 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Small_1whn1_467 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Small_1whn1_471 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Small_1whn1_475 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Small_1whn1_479 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Small_1whn1_483 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Small_1whn1_487 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Small_1whn1_491 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Small_1whn1_495 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Small_1whn1_499 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Small_1whn1_503 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Small_1whn1_507 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Small_1whn1_511 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Small_1whn1_515 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Small_1whn1_519 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoSmall_1whn1_523 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Small_1whn1_527 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Small_1whn1_531 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Small_1whn1_535 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Small_1whn1_539 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Small_1whn1_543 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Small_1whn1_547 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Small_1whn1_551 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Small_1whn1_555 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Small_1whn1_559 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Small_1whn1_563 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Small_1whn1_567 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Small_1whn1_571 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Small_1whn1_575 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Small_1whn1_579 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Small_1whn1_583 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Small_1whn1_587 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Small_1whn1_591 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Small_1whn1_595 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Small_1whn1_599 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Small_1whn1_603 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Small_1whn1_607 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Small_1whn1_611 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Small_1whn1_615 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Small_1whn1_619 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Small_1whn1_623 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoSmall_1whn1_627 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Small_1whn1_631 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Small_1whn1_635 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Small_1whn1_639 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Small_1whn1_643 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Small_1whn1_647 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Small_1whn1_651 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Small_1whn1_655 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Small_1whn1_659 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Small_1whn1_663 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Small_1whn1_667 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Small_1whn1_671 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Small_1whn1_675 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Small_1whn1_679 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Small_1whn1_683 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Small_1whn1_687 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Small_1whn1_691 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Small_1whn1_695 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Small_1whn1_699 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Small_1whn1_703 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Small_1whn1_707 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Small_1whn1_711 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Small_1whn1_715 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Small_1whn1_719 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Small_1whn1_723 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Small_1whn1_727 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoSmall_1whn1_731 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Small_1whn1_735 {\n margin-top: -48px;\n }\n\n ._marginTop-11Small_1whn1_739 {\n margin-top: -44px;\n }\n\n ._marginTop-10Small_1whn1_743 {\n margin-top: -40px;\n }\n\n ._marginTop-9Small_1whn1_747 {\n margin-top: -36px;\n }\n\n ._marginTop-8Small_1whn1_751 {\n margin-top: -32px;\n }\n\n ._marginTop-7Small_1whn1_755 {\n margin-top: -28px;\n }\n\n ._marginTop-6Small_1whn1_759 {\n margin-top: -24px;\n }\n\n ._marginTop-5Small_1whn1_763 {\n margin-top: -20px;\n }\n\n ._marginTop-4Small_1whn1_767 {\n margin-top: -16px;\n }\n\n ._marginTop-3Small_1whn1_771 {\n margin-top: -12px;\n }\n\n ._marginTop-2Small_1whn1_775 {\n margin-top: -8px;\n }\n\n ._marginTop-1Small_1whn1_779 {\n margin-top: -4px;\n }\n\n ._marginTop0Small_1whn1_783 {\n margin-top: 0;\n }\n\n ._marginTop1Small_1whn1_787 {\n margin-top: 4px;\n }\n\n ._marginTop2Small_1whn1_791 {\n margin-top: 8px;\n }\n\n ._marginTop3Small_1whn1_795 {\n margin-top: 12px;\n }\n\n ._marginTop4Small_1whn1_799 {\n margin-top: 16px;\n }\n\n ._marginTop5Small_1whn1_803 {\n margin-top: 20px;\n }\n\n ._marginTop6Small_1whn1_807 {\n margin-top: 24px;\n }\n\n ._marginTop7Small_1whn1_811 {\n margin-top: 28px;\n }\n\n ._marginTop8Small_1whn1_815 {\n margin-top: 32px;\n }\n\n ._marginTop9Small_1whn1_819 {\n margin-top: 36px;\n }\n\n ._marginTop10Small_1whn1_823 {\n margin-top: 40px;\n }\n\n ._marginTop11Small_1whn1_827 {\n margin-top: 44px;\n }\n\n ._marginTop12Small_1whn1_831 {\n margin-top: 48px;\n }\n\n ._marginTopautoSmall_1whn1_835 {\n margin-top: auto;\n }\n}\n\n/* Margin (large and up) */\n@media (min-width: 960px) {\n ._marginBottom-12Large_1whn1_842 {\n margin-bottom: -48px;\n }\n\n ._marginBottom-11Large_1whn1_846 {\n margin-bottom: -44px;\n }\n\n ._marginBottom-10Large_1whn1_850 {\n margin-bottom: -40px;\n }\n\n ._marginBottom-9Large_1whn1_854 {\n margin-bottom: -36px;\n }\n\n ._marginBottom-8Large_1whn1_858 {\n margin-bottom: -32px;\n }\n\n ._marginBottom-7Large_1whn1_862 {\n margin-bottom: -28px;\n }\n\n ._marginBottom-6Large_1whn1_866 {\n margin-bottom: -24px;\n }\n\n ._marginBottom-5Large_1whn1_870 {\n margin-bottom: -20px;\n }\n\n ._marginBottom-4Large_1whn1_874 {\n margin-bottom: -16px;\n }\n\n ._marginBottom-3Large_1whn1_878 {\n margin-bottom: -12px;\n }\n\n ._marginBottom-2Large_1whn1_882 {\n margin-bottom: -8px;\n }\n\n ._marginBottom-1Large_1whn1_886 {\n margin-bottom: -4px;\n }\n\n ._marginBottom0Large_1whn1_890 {\n margin-bottom: 0;\n }\n\n ._marginBottom1Large_1whn1_894 {\n margin-bottom: 4px;\n }\n\n ._marginBottom2Large_1whn1_898 {\n margin-bottom: 8px;\n }\n\n ._marginBottom3Large_1whn1_902 {\n margin-bottom: 12px;\n }\n\n ._marginBottom4Large_1whn1_906 {\n margin-bottom: 16px;\n }\n\n ._marginBottom5Large_1whn1_910 {\n margin-bottom: 20px;\n }\n\n ._marginBottom6Large_1whn1_914 {\n margin-bottom: 24px;\n }\n\n ._marginBottom7Large_1whn1_918 {\n margin-bottom: 28px;\n }\n\n ._marginBottom8Large_1whn1_922 {\n margin-bottom: 32px;\n }\n\n ._marginBottom9Large_1whn1_926 {\n margin-bottom: 36px;\n }\n\n ._marginBottom10Large_1whn1_930 {\n margin-bottom: 40px;\n }\n\n ._marginBottom11Large_1whn1_934 {\n margin-bottom: 44px;\n }\n\n ._marginBottom12Large_1whn1_938 {\n margin-bottom: 48px;\n }\n\n ._marginBottomautoLarge_1whn1_942 {\n margin-bottom: auto;\n }\n\n ._marginEnd-12Large_1whn1_946 {\n margin-inline-end: -48px;\n }\n\n ._marginEnd-11Large_1whn1_950 {\n margin-inline-end: -44px;\n }\n\n ._marginEnd-10Large_1whn1_954 {\n margin-inline-end: -40px;\n }\n\n ._marginEnd-9Large_1whn1_958 {\n margin-inline-end: -36px;\n }\n\n ._marginEnd-8Large_1whn1_962 {\n margin-inline-end: -32px;\n }\n\n ._marginEnd-7Large_1whn1_966 {\n margin-inline-end: -28px;\n }\n\n ._marginEnd-6Large_1whn1_970 {\n margin-inline-end: -24px;\n }\n\n ._marginEnd-5Large_1whn1_974 {\n margin-inline-end: -20px;\n }\n\n ._marginEnd-4Large_1whn1_978 {\n margin-inline-end: -16px;\n }\n\n ._marginEnd-3Large_1whn1_982 {\n margin-inline-end: -12px;\n }\n\n ._marginEnd-2Large_1whn1_986 {\n margin-inline-end: -8px;\n }\n\n ._marginEnd-1Large_1whn1_990 {\n margin-inline-end: -4px;\n }\n\n ._marginEnd0Large_1whn1_994 {\n margin-inline-end: 0;\n }\n\n ._marginEnd1Large_1whn1_998 {\n margin-inline-end: 4px;\n }\n\n ._marginEnd2Large_1whn1_1002 {\n margin-inline-end: 8px;\n }\n\n ._marginEnd3Large_1whn1_1006 {\n margin-inline-end: 12px;\n }\n\n ._marginEnd4Large_1whn1_1010 {\n margin-inline-end: 16px;\n }\n\n ._marginEnd5Large_1whn1_1014 {\n margin-inline-end: 20px;\n }\n\n ._marginEnd6Large_1whn1_1018 {\n margin-inline-end: 24px;\n }\n\n ._marginEnd7Large_1whn1_1022 {\n margin-inline-end: 28px;\n }\n\n ._marginEnd8Large_1whn1_1026 {\n margin-inline-end: 32px;\n }\n\n ._marginEnd9Large_1whn1_1030 {\n margin-inline-end: 36px;\n }\n\n ._marginEnd10Large_1whn1_1034 {\n margin-inline-end: 40px;\n }\n\n ._marginEnd11Large_1whn1_1038 {\n margin-inline-end: 44px;\n }\n\n ._marginEnd12Large_1whn1_1042 {\n margin-inline-end: 48px;\n }\n\n ._marginEndautoLarge_1whn1_1046 {\n margin-inline-end: auto;\n }\n\n ._marginStart-12Large_1whn1_1050 {\n margin-inline-start: -48px;\n }\n\n ._marginStart-11Large_1whn1_1054 {\n margin-inline-start: -44px;\n }\n\n ._marginStart-10Large_1whn1_1058 {\n margin-inline-start: -40px;\n }\n\n ._marginStart-9Large_1whn1_1062 {\n margin-inline-start: -36px;\n }\n\n ._marginStart-8Large_1whn1_1066 {\n margin-inline-start: -32px;\n }\n\n ._marginStart-7Large_1whn1_1070 {\n margin-inline-start: -28px;\n }\n\n ._marginStart-6Large_1whn1_1074 {\n margin-inline-start: -24px;\n }\n\n ._marginStart-5Large_1whn1_1078 {\n margin-inline-start: -20px;\n }\n\n ._marginStart-4Large_1whn1_1082 {\n margin-inline-start: -16px;\n }\n\n ._marginStart-3Large_1whn1_1086 {\n margin-inline-start: -12px;\n }\n\n ._marginStart-2Large_1whn1_1090 {\n margin-inline-start: -8px;\n }\n\n ._marginStart-1Large_1whn1_1094 {\n margin-inline-start: -4px;\n }\n\n ._marginStart0Large_1whn1_1098 {\n margin-inline-start: 0;\n }\n\n ._marginStart1Large_1whn1_1102 {\n margin-inline-start: 4px;\n }\n\n ._marginStart2Large_1whn1_1106 {\n margin-inline-start: 8px;\n }\n\n ._marginStart3Large_1whn1_1110 {\n margin-inline-start: 12px;\n }\n\n ._marginStart4Large_1whn1_1114 {\n margin-inline-start: 16px;\n }\n\n ._marginStart5Large_1whn1_1118 {\n margin-inline-start: 20px;\n }\n\n ._marginStart6Large_1whn1_1122 {\n margin-inline-start: 24px;\n }\n\n ._marginStart7Large_1whn1_1126 {\n margin-inline-start: 28px;\n }\n\n ._marginStart8Large_1whn1_1130 {\n margin-inline-start: 32px;\n }\n\n ._marginStart9Large_1whn1_1134 {\n margin-inline-start: 36px;\n }\n\n ._marginStart10Large_1whn1_1138 {\n margin-inline-start: 40px;\n }\n\n ._marginStart11Large_1whn1_1142 {\n margin-inline-start: 44px;\n }\n\n ._marginStart12Large_1whn1_1146 {\n margin-inline-start: 48px;\n }\n\n ._marginStartautoLarge_1whn1_1150 {\n margin-inline-start: auto;\n }\n\n ._marginTop-12Large_1whn1_1154 {\n margin-top: -48px;\n }\n\n ._marginTop-11Large_1whn1_1158 {\n margin-top: -44px;\n }\n\n ._marginTop-10Large_1whn1_1162 {\n margin-top: -40px;\n }\n\n ._marginTop-9Large_1whn1_1166 {\n margin-top: -36px;\n }\n\n ._marginTop-8Large_1whn1_1170 {\n margin-top: -32px;\n }\n\n ._marginTop-7Large_1whn1_1174 {\n margin-top: -28px;\n }\n\n ._marginTop-6Large_1whn1_1178 {\n margin-top: -24px;\n }\n\n ._marginTop-5Large_1whn1_1182 {\n margin-top: -20px;\n }\n\n ._marginTop-4Large_1whn1_1186 {\n margin-top: -16px;\n }\n\n ._marginTop-3Large_1whn1_1190 {\n margin-top: -12px;\n }\n\n ._marginTop-2Large_1whn1_1194 {\n margin-top: -8px;\n }\n\n ._marginTop-1Large_1whn1_1198 {\n margin-top: -4px;\n }\n\n ._marginTop0Large_1whn1_1202 {\n margin-top: 0;\n }\n\n ._marginTop1Large_1whn1_1206 {\n margin-top: 4px;\n }\n\n ._marginTop2Large_1whn1_1210 {\n margin-top: 8px;\n }\n\n ._marginTop3Large_1whn1_1214 {\n margin-top: 12px;\n }\n\n ._marginTop4Large_1whn1_1218 {\n margin-top: 16px;\n }\n\n ._marginTop5Large_1whn1_1222 {\n margin-top: 20px;\n }\n\n ._marginTop6Large_1whn1_1226 {\n margin-top: 24px;\n }\n\n ._marginTop7Large_1whn1_1230 {\n margin-top: 28px;\n }\n\n ._marginTop8Large_1whn1_1234 {\n margin-top: 32px;\n }\n\n ._marginTop9Large_1whn1_1238 {\n margin-top: 36px;\n }\n\n ._marginTop10Large_1whn1_1242 {\n margin-top: 40px;\n }\n\n ._marginTop11Large_1whn1_1246 {\n margin-top: 44px;\n }\n\n ._marginTop12Large_1whn1_1250 {\n margin-top: 48px;\n }\n\n ._marginTopautoLarge_1whn1_1254 {\n margin-top: auto;\n }\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n padding-left: 0;\n padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n padding-left: 4px;\n padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n padding-left: 12px;\n padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n padding-left: 16px;\n padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n padding-left: 24px;\n padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n padding-left: 28px;\n padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n padding-left: 32px;\n padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n padding-left: 36px;\n padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n padding-left: 40px;\n padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n padding-left: 44px;\n padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n padding-left: 48px;\n padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n padding-bottom: 0;\n padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n padding-bottom: 4px;\n padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n padding-bottom: 8px;\n padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n padding-bottom: 12px;\n padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n padding-bottom: 16px;\n padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n padding-bottom: 20px;\n padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n padding-bottom: 24px;\n padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n padding-bottom: 28px;\n padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n padding-bottom: 32px;\n padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n padding-bottom: 36px;\n padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n padding-bottom: 40px;\n padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n padding-bottom: 44px;\n padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n padding-bottom: 48px;\n padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n ._paddingX0Small_1aqye_134 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Small_1aqye_139 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Small_1aqye_144 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Small_1aqye_149 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Small_1aqye_154 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Small_1aqye_159 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Small_1aqye_164 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Small_1aqye_169 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Small_1aqye_174 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Small_1aqye_179 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Small_1aqye_184 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Small_1aqye_189 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Small_1aqye_194 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Small_1aqye_199 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Small_1aqye_204 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Small_1aqye_209 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Small_1aqye_214 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Small_1aqye_219 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Small_1aqye_224 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Small_1aqye_229 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Small_1aqye_234 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Small_1aqye_239 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Small_1aqye_244 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Small_1aqye_249 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Small_1aqye_254 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Small_1aqye_259 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n ._paddingX0Large_1aqye_267 {\n padding-left: 0;\n padding-right: 0;\n }\n\n ._paddingX1Large_1aqye_272 {\n padding-left: 4px;\n padding-right: 4px;\n }\n\n ._paddingX2Large_1aqye_277 {\n padding-left: 8px;\n padding-right: 8px;\n }\n\n ._paddingX3Large_1aqye_282 {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ._paddingX4Large_1aqye_287 {\n padding-left: 16px;\n padding-right: 16px;\n }\n\n ._paddingX5Large_1aqye_292 {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n ._paddingX6Large_1aqye_297 {\n padding-left: 24px;\n padding-right: 24px;\n }\n\n ._paddingX7Large_1aqye_302 {\n padding-left: 28px;\n padding-right: 28px;\n }\n\n ._paddingX8Large_1aqye_307 {\n padding-left: 32px;\n padding-right: 32px;\n }\n\n ._paddingX9Large_1aqye_312 {\n padding-left: 36px;\n padding-right: 36px;\n }\n\n ._paddingX10Large_1aqye_317 {\n padding-left: 40px;\n padding-right: 40px;\n }\n\n ._paddingX11Large_1aqye_322 {\n padding-left: 44px;\n padding-right: 44px;\n }\n\n ._paddingX12Large_1aqye_327 {\n padding-left: 48px;\n padding-right: 48px;\n }\n\n ._paddingY0Large_1aqye_332 {\n padding-bottom: 0;\n padding-top: 0;\n }\n\n ._paddingY1Large_1aqye_337 {\n padding-bottom: 4px;\n padding-top: 4px;\n }\n\n ._paddingY2Large_1aqye_342 {\n padding-bottom: 8px;\n padding-top: 8px;\n }\n\n ._paddingY3Large_1aqye_347 {\n padding-bottom: 12px;\n padding-top: 12px;\n }\n\n ._paddingY4Large_1aqye_352 {\n padding-bottom: 16px;\n padding-top: 16px;\n }\n\n ._paddingY5Large_1aqye_357 {\n padding-bottom: 20px;\n padding-top: 20px;\n }\n\n ._paddingY6Large_1aqye_362 {\n padding-bottom: 24px;\n padding-top: 24px;\n }\n\n ._paddingY7Large_1aqye_367 {\n padding-bottom: 28px;\n padding-top: 28px;\n }\n\n ._paddingY8Large_1aqye_372 {\n padding-bottom: 32px;\n padding-top: 32px;\n }\n\n ._paddingY9Large_1aqye_377 {\n padding-bottom: 36px;\n padding-top: 36px;\n }\n\n ._paddingY10Large_1aqye_382 {\n padding-bottom: 40px;\n padding-top: 40px;\n }\n\n ._paddingY11Large_1aqye_387 {\n padding-bottom: 44px;\n padding-top: 44px;\n }\n\n ._paddingY12Large_1aqye_392 {\n padding-bottom: 48px;\n padding-top: 48px;\n }\n}\n","/* Regular Colors */\n._inheritColor_11l4y_2 {\n color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n background-color: var(--color-base-yellow-900);\n}\n","/* Border Radius */\n._roundingsm_1bo6p_2 {\n border-radius: 8px;\n}\n\n._roundingmd_1bo6p_6 {\n border-radius: 12px;\n}\n\n._roundinglg_1bo6p_10 {\n border-radius: 16px;\n}\n\n._roundingxl_1bo6p_14 {\n border-radius: 24px;\n}\n\n._roundingfull_1bo6p_18 {\n border-radius: 999px;\n}\n",":root {\n --syntax-avatar-border-width: 1px;\n}\n\n._avatar_1anoj_5 {\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n border-radius: 50%;\n border: var(--syntax-avatar-border-width) solid #fff;\n}\n\n._sm_1anoj_13 {\n width: calc(24px - var(--syntax-avatar-border-width) * 2);\n height: calc(24px - var(--syntax-avatar-border-width) * 2);\n}\n\n._md_1anoj_18 {\n width: calc(40px - var(--syntax-avatar-border-width) * 2);\n height: calc(40px - var(--syntax-avatar-border-width) * 2);\n}\n\n._lg_1anoj_23 {\n width: calc(72px - var(--syntax-avatar-border-width) * 2);\n height: calc(72px - var(--syntax-avatar-border-width) * 2);\n}\n\n._xl_1anoj_28 {\n width: calc(128px - var(--syntax-avatar-border-width) * 2);\n height: calc(128px - var(--syntax-avatar-border-width) * 2);\n}\n"],"mappings":";AAAA;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;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;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;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;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;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;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;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;;;AChcF;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;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;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;AAIF;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;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;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;AAAA;AAKJ;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;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;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;AAAA;;;ACruCJ;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACxYJ;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;;;AC1NF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClBF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;","names":[]}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
|
|
3
|
-
declare function AvatarGroupAvatar({ accessibilityLabel, icon, orientation, size, src, zIndex, }: {
|
|
4
|
-
/**
|
|
5
|
-
* Alt text to use for the image.
|
|
6
|
-
* This should describe the image to people using screen readers.
|
|
7
|
-
*/
|
|
8
|
-
accessibilityLabel: string;
|
|
9
|
-
/**
|
|
10
|
-
* optional icon that appears on the bottom corner of the avatar
|
|
11
|
-
*/
|
|
12
|
-
icon?: React.ReactElement;
|
|
13
|
-
/**
|
|
14
|
-
* URL of the image to display as the avatar.
|
|
15
|
-
*/
|
|
16
|
-
src: string;
|
|
17
|
-
/**
|
|
18
|
-
* Influences which direction we apply the negative margin between avatars
|
|
19
|
-
*/
|
|
20
|
-
orientation?: "standard" | "reverse";
|
|
21
|
-
/**
|
|
22
|
-
* Position of the avatar in the stack
|
|
23
|
-
*/
|
|
24
|
-
zIndex: number;
|
|
25
|
-
/**
|
|
26
|
-
* Size of the avatar.
|
|
27
|
-
*
|
|
28
|
-
* * `sm`: 24px
|
|
29
|
-
* * `md`: 40px
|
|
30
|
-
* * `lg`: 72px
|
|
31
|
-
* * `xl`: 128px
|
|
32
|
-
*
|
|
33
|
-
* @defaultValue `md`
|
|
34
|
-
*/
|
|
35
|
-
size?: "sm" | "md" | "lg" | "xl";
|
|
36
|
-
}): ReactElement;
|
|
37
|
-
|
|
38
|
-
export { AvatarGroupAvatar as default };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _YHHO5POQjs = require('../__chunks/YHHO5POQ.js');
|
|
4
|
-
require('../__chunks/Z3JCDZYS.js');
|
|
5
|
-
require('../__chunks/PYNS67IV.js');
|
|
6
|
-
require('../__chunks/TPMQI44L.js');
|
|
7
|
-
require('../__chunks/ERXGNP37.js');
|
|
8
|
-
require('../__chunks/5AR53MHD.js');
|
|
9
|
-
require('../__chunks/LULBCTQR.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.default = _YHHO5POQjs.AvatarGroupAvatar;
|
|
13
|
-
//# sourceMappingURL=AvatarGroupAvatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AvatarGroupAvatar
|
|
3
|
-
} from "../__chunks/I4H3F6ZC.mjs";
|
|
4
|
-
import "../__chunks/L34SSETB.mjs";
|
|
5
|
-
import "../__chunks/LKQ7PJ4S.mjs";
|
|
6
|
-
import "../__chunks/3PCHHAIY.mjs";
|
|
7
|
-
import "../__chunks/FWVHWU47.mjs";
|
|
8
|
-
import "../__chunks/IXDA4ZXP.mjs";
|
|
9
|
-
import "../__chunks/CUDAH5IW.mjs";
|
|
10
|
-
export {
|
|
11
|
-
AvatarGroupAvatar as default
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=AvatarGroupAvatar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _YHHO5POQjs = require('./YHHO5POQ.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _PYNS67IVjs = require('./PYNS67IV.js');
|
|
7
|
-
|
|
8
|
-
// src/AvatarGroup/AvatarGroup.tsx
|
|
9
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
-
function AvatarGroup({
|
|
11
|
-
children,
|
|
12
|
-
orientation = "standard"
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15
|
-
_PYNS67IVjs.Box_default,
|
|
16
|
-
{
|
|
17
|
-
display: "flex",
|
|
18
|
-
alignItems: "center",
|
|
19
|
-
dangerouslySetInlineStyle: {
|
|
20
|
-
__style: {
|
|
21
|
-
flexDirection: orientation === "reverse" ? "row-reverse" : "row"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
children
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
AvatarGroup.displayName = "AvatarGroup";
|
|
29
|
-
AvatarGroup.Avatar = _YHHO5POQjs.AvatarGroupAvatar;
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
exports.AvatarGroup = AvatarGroup;
|
|
34
|
-
//# sourceMappingURL=5FTIZFPF.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":";;;;;;;;AAwBI;AAhBW,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA,cAAc;AAChB,GAWgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,YAAY,gBAAgB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS","sourcesContent":["import Box from \"../Box/Box\";\nimport { type ReactNode } from \"react\";\nimport AvatarGroupAvatar from \"./AvatarGroupAvatar\";\n\n/**\n * [AvatarGroup](https://cambly-syntax.vercel.app/?path=/docs/components-avatargroup--docs) is a stack of avatars to represent a group of people\n */\n\nexport default function AvatarGroup({\n children,\n orientation = \"standard\",\n}: {\n /**\n * One or more.Avatar components.\n */\n children: ReactNode;\n /**\n * Direction of the avatar stack\n * standard - avatars stack from right to left\n * reverse - avatars stack from left to right\n */\n orientation?: \"standard\" | \"reverse\";\n}): JSX.Element {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n dangerouslySetInlineStyle={{\n __style: {\n flexDirection: orientation === \"reverse\" ? \"row-reverse\" : \"row\",\n },\n }}\n >\n {children}\n </Box>\n );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\nAvatarGroup.Avatar = AvatarGroupAvatar;\n"]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Avatar_default
|
|
3
|
-
} from "./L34SSETB.mjs";
|
|
4
|
-
import {
|
|
5
|
-
Box_default
|
|
6
|
-
} from "./LKQ7PJ4S.mjs";
|
|
7
|
-
|
|
8
|
-
// src/AvatarGroup/AvatarGroupAvatar.tsx
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
var sizeToMargin = {
|
|
11
|
-
sm: -16,
|
|
12
|
-
md: -28,
|
|
13
|
-
lg: -48,
|
|
14
|
-
xl: -96
|
|
15
|
-
};
|
|
16
|
-
function AvatarGroupAvatar({
|
|
17
|
-
accessibilityLabel,
|
|
18
|
-
icon,
|
|
19
|
-
orientation = "standard",
|
|
20
|
-
size = "md",
|
|
21
|
-
src,
|
|
22
|
-
zIndex
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ jsx(
|
|
25
|
-
Box_default,
|
|
26
|
-
{
|
|
27
|
-
position: "relative",
|
|
28
|
-
dangerouslySetInlineStyle: {
|
|
29
|
-
__style: {
|
|
30
|
-
zIndex,
|
|
31
|
-
marginInlineEnd: orientation === "standard" ? sizeToMargin[size] : 0,
|
|
32
|
-
marginInlineStart: orientation === "reverse" ? sizeToMargin[size] : 0
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
children: /* @__PURE__ */ jsx(
|
|
36
|
-
Box_default,
|
|
37
|
-
{
|
|
38
|
-
display: "flex",
|
|
39
|
-
alignItems: "center",
|
|
40
|
-
justifyContent: "center",
|
|
41
|
-
backgroundColor: "white",
|
|
42
|
-
rounding: "full",
|
|
43
|
-
children: /* @__PURE__ */ jsx(
|
|
44
|
-
Avatar_default,
|
|
45
|
-
{
|
|
46
|
-
src,
|
|
47
|
-
accessibilityLabel,
|
|
48
|
-
size,
|
|
49
|
-
icon
|
|
50
|
-
}
|
|
51
|
-
)
|
|
52
|
-
}
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export {
|
|
59
|
-
AvatarGroupAvatar
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=I4H3F6ZC.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroupAvatar.tsx"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport Box from \"../Box/Box\";\nimport Avatar from \"../Avatar/Avatar\";\n\nconst sizeToMargin = {\n sm: -16,\n md: -28,\n lg: -48,\n xl: -96,\n} as const;\n\nexport default function AvatarGroupAvatar({\n accessibilityLabel,\n icon,\n orientation = \"standard\",\n size = \"md\",\n src,\n zIndex,\n}: {\n /**\n * Alt text to use for the image.\n * This should describe the image to people using screen readers.\n */\n accessibilityLabel: string;\n /**\n * optional icon that appears on the bottom corner of the avatar\n */\n icon?: React.ReactElement;\n /**\n * URL of the image to display as the avatar.\n */\n src: string;\n /**\n * Influences which direction we apply the negative margin between avatars\n */\n orientation?: \"standard\" | \"reverse\";\n /**\n * Position of the avatar in the stack\n */\n zIndex: number;\n /**\n * Size of the avatar.\n *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `xl`: 128px\n *\n * @defaultValue `md`\n */\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): ReactElement {\n return (\n <Box\n position=\"relative\"\n dangerouslySetInlineStyle={{\n __style: {\n zIndex,\n marginInlineEnd: orientation === \"standard\" ? sizeToMargin[size] : 0,\n marginInlineStart: orientation === \"reverse\" ? sizeToMargin[size] : 0,\n },\n }}\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n backgroundColor=\"white\"\n rounding=\"full\"\n >\n <Avatar\n src={src}\n accessibilityLabel={accessibilityLabel}\n size={size}\n icon={icon}\n />\n </Box>\n </Box>\n );\n}\n"],"mappings":";;;;;;;;AAsEQ;AAlER,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEe,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAiCiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP;AAAA,UACA,iBAAiB,gBAAgB,aAAa,aAAa,IAAI,IAAI;AAAA,UACnE,mBAAmB,gBAAgB,YAAY,aAAa,IAAI,IAAI;AAAA,QACtE;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Box_default
|
|
3
|
-
} from "./LKQ7PJ4S.mjs";
|
|
4
|
-
import {
|
|
5
|
-
__spreadValues
|
|
6
|
-
} from "./CUDAH5IW.mjs";
|
|
7
|
-
|
|
8
|
-
// src/Avatar/Avatar.tsx
|
|
9
|
-
import classNames from "classnames";
|
|
10
|
-
|
|
11
|
-
// css-module:./Avatar.module.css#css-module
|
|
12
|
-
var Avatar_module_default = { "avatar": "_avatar_1anoj_5", "sm": "_sm_1anoj_13", "md": "_md_1anoj_18", "lg": "_lg_1anoj_23", "xl": "_xl_1anoj_28" };
|
|
13
|
-
|
|
14
|
-
// src/Avatar/Avatar.tsx
|
|
15
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
var sizeToIconStyles = {
|
|
17
|
-
sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },
|
|
18
|
-
md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },
|
|
19
|
-
lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },
|
|
20
|
-
xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 }
|
|
21
|
-
};
|
|
22
|
-
var Avatar = ({
|
|
23
|
-
accessibilityLabel,
|
|
24
|
-
icon,
|
|
25
|
-
size = "md",
|
|
26
|
-
src
|
|
27
|
-
}) => {
|
|
28
|
-
return /* @__PURE__ */ jsxs("div", { className: Avatar_module_default[size], children: [
|
|
29
|
-
/* @__PURE__ */ jsx(
|
|
30
|
-
"img",
|
|
31
|
-
{
|
|
32
|
-
alt: accessibilityLabel,
|
|
33
|
-
src,
|
|
34
|
-
className: classNames(Avatar_module_default.avatar, Avatar_module_default[size])
|
|
35
|
-
}
|
|
36
|
-
),
|
|
37
|
-
icon && /* @__PURE__ */ jsx(Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ jsx(
|
|
38
|
-
Box_default,
|
|
39
|
-
{
|
|
40
|
-
display: "flex",
|
|
41
|
-
alignItems: "center",
|
|
42
|
-
justifyContent: "center",
|
|
43
|
-
position: "absolute",
|
|
44
|
-
dangerouslySetInlineStyle: {
|
|
45
|
-
__style: __spreadValues({ border: "1px solid white" }, sizeToIconStyles[size])
|
|
46
|
-
},
|
|
47
|
-
rounding: "full",
|
|
48
|
-
children: icon
|
|
49
|
-
}
|
|
50
|
-
) })
|
|
51
|
-
] });
|
|
52
|
-
};
|
|
53
|
-
var Avatar_default = Avatar;
|
|
54
|
-
|
|
55
|
-
export {
|
|
56
|
-
Avatar_default
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=L34SSETB.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\n\nconst sizeToIconStyles = {\n sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },\n md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },\n lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },\n xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n accessibilityLabel,\n icon,\n size = \"md\",\n src,\n}: {\n /**\n * Alt text to use for the image.\n * This should describe the image to people using screen readers.\n */\n accessibilityLabel: string;\n /**\n * optional icon that appears on the bottom corner of the avatar\n */\n icon?: React.ReactElement;\n /**\n * Size of the avatar.\n *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `xl`: 128px\n *\n * @defaultValue `md`\n */\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n /**\n * URL of the image to display as the avatar.\n */\n src: string;\n}): JSX.Element => {\n return (\n <div className={styles[size]}>\n <img\n alt={accessibilityLabel}\n src={src}\n className={classNames(styles.avatar, styles[size])}\n />\n {icon && (\n <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n dangerouslySetInlineStyle={{\n __style: { border: \"1px solid white\", ...sizeToIconStyles[size] },\n }}\n rounding=\"full\"\n >\n {icon}\n </Box>\n </Box>\n )}\n </div>\n );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1anoj_5\",\"sm\":\"_sm_1anoj_13\",\"md\":\"_md_1anoj_18\",\"lg\":\"_lg_1anoj_23\",\"xl\":\"_xl_1anoj_28\"}"],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;;;ACAqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;AD8ClN,SACE,KADF;AA1CJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,SACE,qBAAC,SAAI,WAAW,sBAAO,IAAI,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC;AAAA;AAAA,IACnD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS,iBAAE,QAAQ,qBAAsB,iBAAiB,IAAI;AAAA,QAChE;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
AvatarGroupAvatar
|
|
3
|
-
} from "./I4H3F6ZC.mjs";
|
|
4
|
-
import {
|
|
5
|
-
Box_default
|
|
6
|
-
} from "./LKQ7PJ4S.mjs";
|
|
7
|
-
|
|
8
|
-
// src/AvatarGroup/AvatarGroup.tsx
|
|
9
|
-
import { jsx } from "react/jsx-runtime";
|
|
10
|
-
function AvatarGroup({
|
|
11
|
-
children,
|
|
12
|
-
orientation = "standard"
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ jsx(
|
|
15
|
-
Box_default,
|
|
16
|
-
{
|
|
17
|
-
display: "flex",
|
|
18
|
-
alignItems: "center",
|
|
19
|
-
dangerouslySetInlineStyle: {
|
|
20
|
-
__style: {
|
|
21
|
-
flexDirection: orientation === "reverse" ? "row-reverse" : "row"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
children
|
|
25
|
-
}
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
AvatarGroup.displayName = "AvatarGroup";
|
|
29
|
-
AvatarGroup.Avatar = AvatarGroupAvatar;
|
|
30
|
-
|
|
31
|
-
export {
|
|
32
|
-
AvatarGroup
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=X55E7W4C.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import Box from \"../Box/Box\";\nimport { type ReactNode } from \"react\";\nimport AvatarGroupAvatar from \"./AvatarGroupAvatar\";\n\n/**\n * [AvatarGroup](https://cambly-syntax.vercel.app/?path=/docs/components-avatargroup--docs) is a stack of avatars to represent a group of people\n */\n\nexport default function AvatarGroup({\n children,\n orientation = \"standard\",\n}: {\n /**\n * One or more.Avatar components.\n */\n children: ReactNode;\n /**\n * Direction of the avatar stack\n * standard - avatars stack from right to left\n * reverse - avatars stack from left to right\n */\n orientation?: \"standard\" | \"reverse\";\n}): JSX.Element {\n return (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n dangerouslySetInlineStyle={{\n __style: {\n flexDirection: orientation === \"reverse\" ? \"row-reverse\" : \"row\",\n },\n }}\n >\n {children}\n </Box>\n );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\nAvatarGroup.Avatar = AvatarGroupAvatar;\n"],"mappings":";;;;;;;;AAwBI;AAhBW,SAAR,YAA6B;AAAA,EAClC;AAAA,EACA,cAAc;AAChB,GAWgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,YAAY,gBAAgB;AAAA,QAC7D;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
var _Z3JCDZYSjs = require('./Z3JCDZYS.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _PYNS67IVjs = require('./PYNS67IV.js');
|
|
7
|
-
|
|
8
|
-
// src/AvatarGroup/AvatarGroupAvatar.tsx
|
|
9
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
-
var sizeToMargin = {
|
|
11
|
-
sm: -16,
|
|
12
|
-
md: -28,
|
|
13
|
-
lg: -48,
|
|
14
|
-
xl: -96
|
|
15
|
-
};
|
|
16
|
-
function AvatarGroupAvatar({
|
|
17
|
-
accessibilityLabel,
|
|
18
|
-
icon,
|
|
19
|
-
orientation = "standard",
|
|
20
|
-
size = "md",
|
|
21
|
-
src,
|
|
22
|
-
zIndex
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25
|
-
_PYNS67IVjs.Box_default,
|
|
26
|
-
{
|
|
27
|
-
position: "relative",
|
|
28
|
-
dangerouslySetInlineStyle: {
|
|
29
|
-
__style: {
|
|
30
|
-
zIndex,
|
|
31
|
-
marginInlineEnd: orientation === "standard" ? sizeToMargin[size] : 0,
|
|
32
|
-
marginInlineStart: orientation === "reverse" ? sizeToMargin[size] : 0
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
36
|
-
_PYNS67IVjs.Box_default,
|
|
37
|
-
{
|
|
38
|
-
display: "flex",
|
|
39
|
-
alignItems: "center",
|
|
40
|
-
justifyContent: "center",
|
|
41
|
-
backgroundColor: "white",
|
|
42
|
-
rounding: "full",
|
|
43
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
44
|
-
_Z3JCDZYSjs.Avatar_default,
|
|
45
|
-
{
|
|
46
|
-
src,
|
|
47
|
-
accessibilityLabel,
|
|
48
|
-
size,
|
|
49
|
-
icon
|
|
50
|
-
}
|
|
51
|
-
)
|
|
52
|
-
}
|
|
53
|
-
)
|
|
54
|
-
}
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
exports.AvatarGroupAvatar = AvatarGroupAvatar;
|
|
61
|
-
//# sourceMappingURL=YHHO5POQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroupAvatar.tsx"],"names":[],"mappings":";;;;;;;;AAsEQ;AAlER,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEe,SAAR,kBAAmC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAiCiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP;AAAA,UACA,iBAAiB,gBAAgB,aAAa,aAAa,IAAI,IAAI;AAAA,UACnE,mBAAmB,gBAAgB,YAAY,aAAa,IAAI,IAAI;AAAA,QACtE;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ","sourcesContent":["import { type ReactElement } from \"react\";\nimport Box from \"../Box/Box\";\nimport Avatar from \"../Avatar/Avatar\";\n\nconst sizeToMargin = {\n sm: -16,\n md: -28,\n lg: -48,\n xl: -96,\n} as const;\n\nexport default function AvatarGroupAvatar({\n accessibilityLabel,\n icon,\n orientation = \"standard\",\n size = \"md\",\n src,\n zIndex,\n}: {\n /**\n * Alt text to use for the image.\n * This should describe the image to people using screen readers.\n */\n accessibilityLabel: string;\n /**\n * optional icon that appears on the bottom corner of the avatar\n */\n icon?: React.ReactElement;\n /**\n * URL of the image to display as the avatar.\n */\n src: string;\n /**\n * Influences which direction we apply the negative margin between avatars\n */\n orientation?: \"standard\" | \"reverse\";\n /**\n * Position of the avatar in the stack\n */\n zIndex: number;\n /**\n * Size of the avatar.\n *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `xl`: 128px\n *\n * @defaultValue `md`\n */\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n}): ReactElement {\n return (\n <Box\n position=\"relative\"\n dangerouslySetInlineStyle={{\n __style: {\n zIndex,\n marginInlineEnd: orientation === \"standard\" ? sizeToMargin[size] : 0,\n marginInlineStart: orientation === \"reverse\" ? sizeToMargin[size] : 0,\n },\n }}\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n backgroundColor=\"white\"\n rounding=\"full\"\n >\n <Avatar\n src={src}\n accessibilityLabel={accessibilityLabel}\n size={size}\n icon={icon}\n />\n </Box>\n </Box>\n );\n}\n"]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
2
|
-
|
|
3
|
-
var _PYNS67IVjs = require('./PYNS67IV.js');
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _LULBCTQRjs = require('./LULBCTQR.js');
|
|
7
|
-
|
|
8
|
-
// src/Avatar/Avatar.tsx
|
|
9
|
-
var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
|
|
10
|
-
|
|
11
|
-
// css-module:./Avatar.module.css#css-module
|
|
12
|
-
var Avatar_module_default = { "avatar": "_avatar_1anoj_5", "sm": "_sm_1anoj_13", "md": "_md_1anoj_18", "lg": "_lg_1anoj_23", "xl": "_xl_1anoj_28" };
|
|
13
|
-
|
|
14
|
-
// src/Avatar/Avatar.tsx
|
|
15
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
16
|
-
var sizeToIconStyles = {
|
|
17
|
-
sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },
|
|
18
|
-
md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },
|
|
19
|
-
lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },
|
|
20
|
-
xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 }
|
|
21
|
-
};
|
|
22
|
-
var Avatar = ({
|
|
23
|
-
accessibilityLabel,
|
|
24
|
-
icon,
|
|
25
|
-
size = "md",
|
|
26
|
-
src
|
|
27
|
-
}) => {
|
|
28
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Avatar_module_default[size], children: [
|
|
29
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
30
|
-
"img",
|
|
31
|
-
{
|
|
32
|
-
alt: accessibilityLabel,
|
|
33
|
-
src,
|
|
34
|
-
className: _classnames2.default.call(void 0, Avatar_module_default.avatar, Avatar_module_default[size])
|
|
35
|
-
}
|
|
36
|
-
),
|
|
37
|
-
icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PYNS67IVjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
38
|
-
_PYNS67IVjs.Box_default,
|
|
39
|
-
{
|
|
40
|
-
display: "flex",
|
|
41
|
-
alignItems: "center",
|
|
42
|
-
justifyContent: "center",
|
|
43
|
-
position: "absolute",
|
|
44
|
-
dangerouslySetInlineStyle: {
|
|
45
|
-
__style: _LULBCTQRjs.__spreadValues.call(void 0, { border: "1px solid white" }, sizeToIconStyles[size])
|
|
46
|
-
},
|
|
47
|
-
rounding: "full",
|
|
48
|
-
children: icon
|
|
49
|
-
}
|
|
50
|
-
) })
|
|
51
|
-
] });
|
|
52
|
-
};
|
|
53
|
-
var Avatar_default = Avatar;
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
exports.Avatar_default = Avatar_default;
|
|
58
|
-
//# sourceMappingURL=Z3JCDZYS.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;;;ACAqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;AD8ClN,SACE,KADF;AA1CJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,SACE,qBAAC,SAAI,WAAW,sBAAO,IAAI,GACzB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC;AAAA;AAAA,IACnD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS,iBAAE,QAAQ,qBAAsB,iBAAiB,IAAI;AAAA,QAChE;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\n\nconst sizeToIconStyles = {\n sm: { bottom: 8, marginInlineEnd: 0, height: 4, width: 4 },\n md: { bottom: 8, marginInlineEnd: 0, height: 8, width: 8 },\n lg: { bottom: 8, marginInlineEnd: 4, height: 12, width: 12 },\n xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n accessibilityLabel,\n icon,\n size = \"md\",\n src,\n}: {\n /**\n * Alt text to use for the image.\n * This should describe the image to people using screen readers.\n */\n accessibilityLabel: string;\n /**\n * optional icon that appears on the bottom corner of the avatar\n */\n icon?: React.ReactElement;\n /**\n * Size of the avatar.\n *\n * * `sm`: 24px\n * * `md`: 40px\n * * `lg`: 72px\n * * `xl`: 128px\n *\n * @defaultValue `md`\n */\n size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n /**\n * URL of the image to display as the avatar.\n */\n src: string;\n}): JSX.Element => {\n return (\n <div className={styles[size]}>\n <img\n alt={accessibilityLabel}\n src={src}\n className={classNames(styles.avatar, styles[size])}\n />\n {icon && (\n <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n dangerouslySetInlineStyle={{\n __style: { border: \"1px solid white\", ...sizeToIconStyles[size] },\n }}\n rounding=\"full\"\n >\n {icon}\n </Box>\n </Box>\n )}\n </div>\n );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_1anoj_5\",\"sm\":\"_sm_1anoj_13\",\"md\":\"_md_1anoj_18\",\"lg\":\"_lg_1anoj_23\",\"xl\":\"_xl_1anoj_28\"}"]}
|