@cambly/syntax-core 10.34.0 → 10.35.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.cjs +6 -5
- package/dist/Avatar/Avatar.css +7 -11
- package/dist/Avatar/Avatar.css.map +1 -1
- package/dist/Avatar/Avatar.d.ts +1 -2
- package/dist/Avatar/Avatar.js +5 -4
- package/dist/AvatarGroup/AvatarGroup.cjs +5 -4
- package/dist/AvatarGroup/AvatarGroup.d.ts +2 -3
- package/dist/AvatarGroup/AvatarGroup.js +4 -3
- package/dist/Badge/Badge.cjs +5 -4
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +4 -3
- package/dist/Box/Box.cjs +4 -5
- package/dist/Box/Box.d.ts +2 -5
- package/dist/Box/Box.js +5 -6
- package/dist/Button/Button.cjs +5 -4
- package/dist/Button/Button.js +4 -3
- package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/dist/Card/Card.cjs +5 -4
- package/dist/Card/Card.js +4 -3
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Chip/Chip.cjs +5 -4
- package/dist/Chip/Chip.js +4 -3
- package/dist/Dialog/Dialog.cjs +4 -3
- package/dist/Dialog/Dialog.js +3 -2
- package/dist/Dialog/ModalDialog.cjs +6 -5
- package/dist/Dialog/ModalDialog.js +5 -4
- package/dist/Heading/Heading.d.ts +1 -1
- package/dist/Modal/Layer.cjs +5 -4
- package/dist/Modal/Layer.js +4 -3
- package/dist/Modal/Modal.cjs +6 -5
- package/dist/Modal/Modal.js +5 -4
- package/dist/Popover/Popover.cjs +7 -6
- package/dist/Popover/Popover.js +6 -5
- package/dist/RadioButton/RadioButton.cjs +5 -4
- package/dist/RadioButton/RadioButton.d.ts +1 -1
- package/dist/RadioButton/RadioButton.js +4 -3
- package/dist/RichSelect/RichSelectBox.cjs +10 -9
- package/dist/RichSelect/RichSelectBox.d.ts +1 -1
- package/dist/RichSelect/RichSelectBox.js +9 -8
- package/dist/RichSelect/RichSelectChip.cjs +6 -5
- package/dist/RichSelect/RichSelectChip.js +5 -4
- package/dist/RichSelect/RichSelectList.cjs +16 -15
- package/dist/RichSelect/RichSelectList.d.ts +1 -1
- package/dist/RichSelect/RichSelectList.js +15 -14
- package/dist/RichSelect/RichSelectRadioButton.cjs +6 -5
- package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
- package/dist/RichSelect/RichSelectRadioButton.js +5 -4
- package/dist/SelectList/SelectList.cjs +6 -5
- package/dist/SelectList/SelectList.js +5 -4
- package/dist/TapArea/TapArea.cjs +3 -7
- package/dist/TapArea/TapArea.css +0 -2054
- package/dist/TapArea/TapArea.css.map +1 -1
- package/dist/TapArea/TapArea.d.ts +1 -3
- package/dist/TapArea/TapArea.js +2 -6
- package/dist/TextArea/TextArea.cjs +5 -4
- package/dist/TextArea/TextArea.js +4 -3
- package/dist/TextField/TextField.cjs +5 -4
- package/dist/TextField/TextField.js +4 -3
- package/dist/Tooltip/Tooltip.cjs +4 -3
- package/dist/Tooltip/Tooltip.js +3 -2
- package/dist/Typography/Typography.d.ts +1 -1
- package/dist/__chunks/{EOHYUABJ.cjs → 2IY4AFLZ.cjs} +5 -5
- package/dist/__chunks/{JJMHCJ37.js → 2OLGBVRM.js} +3 -3
- package/dist/__chunks/{BEKUOSKU.cjs → 2Y7Y6KGW.cjs} +3 -3
- package/dist/__chunks/{5PL5GKUK.cjs → 3UEOKPM2.cjs} +3 -6
- package/dist/__chunks/3UEOKPM2.cjs.map +1 -0
- package/dist/__chunks/{PIB5AHP5.js → 4A6OSK3V.js} +6 -8
- package/dist/__chunks/4A6OSK3V.js.map +1 -0
- package/dist/__chunks/{WBMHYMAT.js → 4SQ2LELV.js} +2 -2
- package/dist/__chunks/{KZR322YX.cjs → 525TQTCQ.cjs} +4 -4
- package/dist/__chunks/{W74F2R45.cjs → 5A5IBIPC.cjs} +11 -13
- package/dist/__chunks/5A5IBIPC.cjs.map +1 -0
- package/dist/__chunks/{MI5OUDV4.cjs → 6RR4OL4S.cjs} +3 -3
- package/dist/__chunks/{BNBE2XVM.cjs → 76LTWV2Q.cjs} +3 -3
- package/dist/__chunks/{RCEIKIN5.js → 77FFPQY6.js} +3 -6
- package/dist/__chunks/77FFPQY6.js.map +1 -0
- package/dist/__chunks/{TNVQI6LF.cjs → ALD77RKF.cjs} +4 -5
- package/dist/__chunks/ALD77RKF.cjs.map +1 -0
- package/dist/__chunks/{LQ6UZ6GG.js → AV5B2KHQ.js} +5 -5
- package/dist/__chunks/{RGOIFORP.js → AWZCK6T3.js} +2 -2
- package/dist/__chunks/{4325RESS.js → BKBUTHI5.js} +3 -4
- package/dist/__chunks/BKBUTHI5.js.map +1 -0
- package/dist/__chunks/{YJI76DU2.cjs → BZ2W7SUB.cjs} +5 -5
- package/dist/__chunks/{45TMKSJQ.cjs → CHDS4D44.cjs} +1 -1
- package/dist/__chunks/{RJ3ZYLJS.cjs → DB7KX3J2.cjs} +4 -11
- package/dist/__chunks/DB7KX3J2.cjs.map +1 -0
- package/dist/__chunks/{TSR66LRL.js → DSLMOEWK.js} +2 -2
- package/dist/__chunks/{4HCWQMZO.cjs → GF53QRQ7.cjs} +13 -13
- package/dist/__chunks/{RLKQCGMZ.cjs → GNJNJVEO.cjs} +6 -6
- package/dist/__chunks/{4E7A4J3K.cjs → GUCD3CDN.cjs} +3 -3
- package/dist/__chunks/{BSSH5WJ4.cjs → HHOEMHQE.cjs} +1 -1
- package/dist/__chunks/{BSSH5WJ4.cjs.map → HHOEMHQE.cjs.map} +1 -1
- package/dist/__chunks/{LV2KIGSE.js → J32DPXIR.js} +2 -2
- package/dist/__chunks/{GCE2CI4A.js → J6DAGNNN.js} +3 -10
- package/dist/__chunks/J6DAGNNN.js.map +1 -0
- package/dist/__chunks/{HNXMVFBH.cjs → JHWCONNT.cjs} +5 -5
- package/dist/__chunks/{FY6MLXC5.js → K6TH7UPQ.js} +3 -3
- package/dist/__chunks/{EB7WKQ35.js → KBIW5XV4.js} +1 -1
- package/dist/__chunks/{23QITUST.js → LFL4LK4W.js} +1 -1
- package/dist/__chunks/{23QITUST.js.map → LFL4LK4W.js.map} +1 -1
- package/dist/__chunks/{N7WA46RL.cjs → LFPS43OR.cjs} +5 -5
- package/dist/__chunks/{E32CAKEB.cjs → MARZTIPV.cjs} +3 -3
- package/dist/__chunks/{LVOFLUED.js → MFNU3HMC.js} +9 -9
- package/dist/__chunks/{CUJFDOPJ.js → MYNQCB3D.js} +2 -2
- package/dist/__chunks/{NPOX7QNB.js → OWUHE3QB.js} +2 -2
- package/dist/__chunks/{NFIK6RYN.js → P4NYXJEO.js} +3 -3
- package/dist/__chunks/{3RDV2SM7.cjs → QMC6ZFD4.cjs} +3 -3
- package/dist/__chunks/{FRR2K77P.js → QX3BNIF3.js} +2 -2
- package/dist/__chunks/{MLUQYLT2.cjs → S5B7CZKL.cjs} +3 -3
- package/dist/__chunks/{2XOJNXTC.js → SLDP6ZJE.js} +2 -2
- package/dist/__chunks/{YBOF6XGJ.js → TZGJS522.js} +2 -2
- package/dist/__chunks/{KNFEGYQM.cjs → UVVLYBDQ.cjs} +3 -3
- package/dist/__chunks/{XCI3DO6F.cjs → W54J4A4T.cjs} +11 -11
- package/dist/__chunks/{TEKYRS2R.js → WYKA74SC.js} +2 -2
- package/dist/__chunks/{VKL4RHBK.js → XIKD47WC.js} +2 -2
- package/dist/__chunks/{ESGHXEEA.cjs → YFEKBWH2.cjs} +3 -3
- package/dist/__chunks/{XXSRBAIE.cjs → YQS4VRJE.cjs} +22 -22
- package/dist/__chunks/{MOLOILVI.js → ZTXNFBB6.js} +2 -2
- package/dist/__chunks/{QIPKRXQF.js → ZX3VWSSV.js} +3 -3
- package/dist/index.cjs +26 -25
- package/dist/index.css +7 -11
- package/dist/index.css.map +1 -1
- package/dist/index.js +25 -24
- package/package.json +1 -1
- package/dist/__chunks/4325RESS.js.map +0 -1
- package/dist/__chunks/5PL5GKUK.cjs.map +0 -1
- package/dist/__chunks/GCE2CI4A.js.map +0 -1
- package/dist/__chunks/PIB5AHP5.js.map +0 -1
- package/dist/__chunks/RCEIKIN5.js.map +0 -1
- package/dist/__chunks/RJ3ZYLJS.cjs.map +0 -1
- package/dist/__chunks/TNVQI6LF.cjs.map +0 -1
- package/dist/__chunks/W74F2R45.cjs.map +0 -1
- /package/dist/__chunks/{EOHYUABJ.cjs.map → 2IY4AFLZ.cjs.map} +0 -0
- /package/dist/__chunks/{JJMHCJ37.js.map → 2OLGBVRM.js.map} +0 -0
- /package/dist/__chunks/{BEKUOSKU.cjs.map → 2Y7Y6KGW.cjs.map} +0 -0
- /package/dist/__chunks/{WBMHYMAT.js.map → 4SQ2LELV.js.map} +0 -0
- /package/dist/__chunks/{KZR322YX.cjs.map → 525TQTCQ.cjs.map} +0 -0
- /package/dist/__chunks/{MI5OUDV4.cjs.map → 6RR4OL4S.cjs.map} +0 -0
- /package/dist/__chunks/{BNBE2XVM.cjs.map → 76LTWV2Q.cjs.map} +0 -0
- /package/dist/__chunks/{LQ6UZ6GG.js.map → AV5B2KHQ.js.map} +0 -0
- /package/dist/__chunks/{RGOIFORP.js.map → AWZCK6T3.js.map} +0 -0
- /package/dist/__chunks/{YJI76DU2.cjs.map → BZ2W7SUB.cjs.map} +0 -0
- /package/dist/__chunks/{45TMKSJQ.cjs.map → CHDS4D44.cjs.map} +0 -0
- /package/dist/__chunks/{TSR66LRL.js.map → DSLMOEWK.js.map} +0 -0
- /package/dist/__chunks/{4HCWQMZO.cjs.map → GF53QRQ7.cjs.map} +0 -0
- /package/dist/__chunks/{RLKQCGMZ.cjs.map → GNJNJVEO.cjs.map} +0 -0
- /package/dist/__chunks/{4E7A4J3K.cjs.map → GUCD3CDN.cjs.map} +0 -0
- /package/dist/__chunks/{LV2KIGSE.js.map → J32DPXIR.js.map} +0 -0
- /package/dist/__chunks/{HNXMVFBH.cjs.map → JHWCONNT.cjs.map} +0 -0
- /package/dist/__chunks/{FY6MLXC5.js.map → K6TH7UPQ.js.map} +0 -0
- /package/dist/__chunks/{EB7WKQ35.js.map → KBIW5XV4.js.map} +0 -0
- /package/dist/__chunks/{N7WA46RL.cjs.map → LFPS43OR.cjs.map} +0 -0
- /package/dist/__chunks/{E32CAKEB.cjs.map → MARZTIPV.cjs.map} +0 -0
- /package/dist/__chunks/{LVOFLUED.js.map → MFNU3HMC.js.map} +0 -0
- /package/dist/__chunks/{CUJFDOPJ.js.map → MYNQCB3D.js.map} +0 -0
- /package/dist/__chunks/{NPOX7QNB.js.map → OWUHE3QB.js.map} +0 -0
- /package/dist/__chunks/{NFIK6RYN.js.map → P4NYXJEO.js.map} +0 -0
- /package/dist/__chunks/{3RDV2SM7.cjs.map → QMC6ZFD4.cjs.map} +0 -0
- /package/dist/__chunks/{FRR2K77P.js.map → QX3BNIF3.js.map} +0 -0
- /package/dist/__chunks/{MLUQYLT2.cjs.map → S5B7CZKL.cjs.map} +0 -0
- /package/dist/__chunks/{2XOJNXTC.js.map → SLDP6ZJE.js.map} +0 -0
- /package/dist/__chunks/{YBOF6XGJ.js.map → TZGJS522.js.map} +0 -0
- /package/dist/__chunks/{KNFEGYQM.cjs.map → UVVLYBDQ.cjs.map} +0 -0
- /package/dist/__chunks/{XCI3DO6F.cjs.map → W54J4A4T.cjs.map} +0 -0
- /package/dist/__chunks/{TEKYRS2R.js.map → WYKA74SC.js.map} +0 -0
- /package/dist/__chunks/{VKL4RHBK.js.map → XIKD47WC.js.map} +0 -0
- /package/dist/__chunks/{ESGHXEEA.cjs.map → YFEKBWH2.cjs.map} +0 -0
- /package/dist/__chunks/{XXSRBAIE.cjs.map → YQS4VRJE.cjs.map} +0 -0
- /package/dist/__chunks/{MOLOILVI.js.map → ZTXNFBB6.js.map} +0 -0
- /package/dist/__chunks/{QIPKRXQF.js.map → ZX3VWSSV.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,eAAc,wBAAuB,sBAAqB,gCAA+B,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;ADkC3S,SACE,KADF;AA5BJ,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,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAC7D;AAEA,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAMiB;AACf,SACE,qBAAC,SAAI,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC,GACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP,WAAW,sBAAO;AAAA,UAClB,sBAAO,IAAI;AAAA,QACb;AAAA;AAAA,IACF;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,iBAAgB;AAAA,QAChB,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,QAAQ;AAAA,aACL,iBAAiB,IAAI;AAAA,QAE5B;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,QAAM,qBAAqB,eAAe;AAE1C,MAAI,uBAAuB,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,iBAAiB,aAAa,mBAAmB,IAAI;AAAA,UACvD;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,UAAS;AAAA,YAET;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,SAAO;AAAA,gBACP,MAAM,mBAAmB;AAAA,gBACzB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\n\nconst sizeToIconStyles = {\n xs: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n} as const;\n\nconst sizeToMargin = {\n xs: -10,\n sm: -14,\n md: -22,\n lg: -28,\n} as const;\n\nfunction AvatarInternal({\n accessibilityLabel,\n icon,\n outline,\n size = \"md\",\n src,\n}: {\n accessibilityLabel: string;\n icon?: React.ReactElement;\n outline?: boolean;\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n src: string;\n}): ReactElement {\n return (\n <div className={classNames(styles.avatar, styles[size])}>\n <img\n alt={accessibilityLabel}\n src={src}\n className={classNames(\n styles.avatarImage,\n outline && styles.avatarImageOutline,\n styles[size],\n )}\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 backgroundColor=\"white\"\n dangerouslySetInlineStyle={{\n __style: {\n border: \"1px solid white\",\n ...sizeToIconStyles[size],\n },\n }}\n rounding=\"full\"\n >\n {icon}\n </Box>\n </Box>\n )}\n </div>\n );\n}\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 * * `xs`: 24px\n * * `sm`: 32px\n * * `md`: 48px\n * * `lg`: 64px\n *\n * @defaultValue `md`\n */\n size?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n /**\n * URL of the image to display as the avatar.\n */\n src: string;\n}): JSX.Element => {\n const avatarGroupContext = useAvatarGroup();\n\n if (avatarGroupContext !== null) {\n return (\n <Box\n position=\"relative\"\n dangerouslySetInlineStyle={{\n __style: {\n marginInlineEnd: sizeToMargin[avatarGroupContext.size],\n },\n }}\n >\n <Box\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n backgroundColor=\"white\"\n rounding=\"full\"\n >\n <AvatarInternal\n accessibilityLabel={accessibilityLabel}\n icon={icon}\n outline\n size={avatarGroupContext.size}\n src={src}\n />\n </Box>\n </Box>\n );\n }\n\n return (\n <AvatarInternal\n accessibilityLabel={accessibilityLabel}\n icon={icon}\n size={size}\n src={src}\n />\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_19vv1_1\",\"avatarImage\":\"_avatarImage_19vv1_5\",\"avatarImageOutline\":\"_avatarImageOutline_19vv1_13\",\"xs\":\"_xs_19vv1_17\",\"sm\":\"_sm_19vv1_22\",\"md\":\"_md_19vv1_27\",\"lg\":\"_lg_19vv1_32\"}"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _YFEKBWH2cjs = require('./YFEKBWH2.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
|
+
_YFEKBWH2cjs.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=6RR4OL4S.cjs.map
|
|
@@ -10,7 +10,7 @@ var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
|
|
|
10
10
|
var _IL22HCBFcjs = require('./IL22HCBF.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _CHDS4D44cjs = require('./CHDS4D44.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
|
|
@@ -61,7 +61,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
|
|
|
61
61
|
_QT6IRCGWcjs.colors_module_default.whiteBackgroundColor,
|
|
62
62
|
_PLUVW6AMcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
|
|
63
63
|
_PLUVW6AMcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
|
|
64
|
-
|
|
64
|
+
_CHDS4D44cjs.rounding_module_default.roundingmd,
|
|
65
65
|
elevation_module_default.elevation400BoxShadow,
|
|
66
66
|
_MF7LLV7Vcjs.layout_module_default.fullMaxHeight,
|
|
67
67
|
_MF7LLV7Vcjs.layout_module_default.visibilityVisible,
|
|
@@ -77,4 +77,4 @@ var Dialog_default = Dialog;
|
|
|
77
77
|
|
|
78
78
|
|
|
79
79
|
exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
|
|
80
|
-
//# sourceMappingURL=
|
|
80
|
+
//# sourceMappingURL=76LTWV2Q.cjs.map
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
|
-
import {
|
|
3
|
-
roundingCambio
|
|
4
|
-
} from "./GCE2CI4A.js";
|
|
5
2
|
import {
|
|
6
3
|
rounding_module_default
|
|
7
|
-
} from "./
|
|
4
|
+
} from "./KBIW5XV4.js";
|
|
8
5
|
import {
|
|
9
6
|
useIsHydrated
|
|
10
7
|
} from "./JB65NEXK.js";
|
|
@@ -99,7 +96,7 @@ var TapArea = forwardRef(
|
|
|
99
96
|
onMouseLeave == null ? void 0 : onMouseLeave(event);
|
|
100
97
|
};
|
|
101
98
|
const isHoveredOrFocussed = !disabled && (hovered || focussed);
|
|
102
|
-
const roundingClasses = rounding !== "none" && rounding_module_default[`rounding${
|
|
99
|
+
const roundingClasses = rounding !== "none" && rounding_module_default[`rounding${rounding}`];
|
|
103
100
|
return /* @__PURE__ */ jsxs(
|
|
104
101
|
"div",
|
|
105
102
|
__spreadProps(__spreadValues({}, accessibilityProps), {
|
|
@@ -136,4 +133,4 @@ var TapArea_default = TapArea;
|
|
|
136
133
|
export {
|
|
137
134
|
TapArea_default
|
|
138
135
|
};
|
|
139
|
-
//# sourceMappingURL=
|
|
136
|
+
//# sourceMappingURL=77FFPQY6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/TapArea/TapArea.tsx","css-module:./TapArea.module.css#css-module"],"sourcesContent":["import React, {\n type ReactNode,\n forwardRef,\n useReducer,\n type AriaAttributes,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TapArea.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TapAreaProps = AriaAttributes & {\n /**\n * The children to be rendered inside the tap area.\n */\n children?: ReactNode;\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel?: string;\n /**\n * Test id for the tap area\n */\n \"data-testid\"?: string;\n /**\n * If `true`, the tap area will be disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * If `true`, the tap area will be full width\n */\n fullWidth?: boolean;\n /**\n * The callback to be called when the tap area is clicked\n */\n onClick: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n /**\n * The callback to be called when the tap area is hovered\n */\n onMouseEnter?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n /**\n * The callback to be called when the tap area is no longer hovered\n */\n onMouseLeave?: (event: React.SyntheticEvent<HTMLDivElement>) => void;\n /**\n * Border radius of the tap area.\n *\n * * `none`: 0px\n * * `sm`: 8px\n * * `md`: 12px\n * * `full`: 999px\n *\n * @defaultValue \"none\"\n */\n rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n /**\n * The tab index of the tap area\n */\n tabIndex?: 0 | -1;\n};\n\nfunction reducer(\n state: {\n hovered: boolean;\n focussed: boolean;\n },\n action: {\n type: \"BLUR\" | \"FOCUS\" | \"MOUSE_ENTER\" | \"MOUSE_LEAVE\";\n },\n) {\n switch (action.type) {\n case \"BLUR\":\n return { ...state, focussed: false };\n case \"FOCUS\":\n return { ...state, focussed: true };\n case \"MOUSE_ENTER\":\n return { ...state, hovered: true };\n case \"MOUSE_LEAVE\":\n return { ...state, hovered: false };\n default:\n return state;\n }\n}\n\n/**\n * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.\n */\nconst TapArea = forwardRef<HTMLDivElement, TapAreaProps>(\n (\n {\n children,\n accessibilityLabel,\n \"data-testid\": dataTestId,\n disabled: disabledProp = false,\n fullWidth = true,\n onClick,\n onMouseEnter,\n onMouseLeave,\n rounding = \"none\",\n tabIndex = 0,\n ...accessibilityProps\n }: TapAreaProps,\n ref,\n ) => {\n const isHydrated = useIsHydrated();\n const disabled = !isHydrated || disabledProp;\n const [{ hovered, focussed }, dispatch] = useReducer(reducer, {\n hovered: false,\n focussed: false,\n });\n\n const handleClick: React.MouseEventHandler<HTMLDivElement> = (event) => {\n if (disabled) {\n undefined;\n } else {\n event.currentTarget.blur();\n onClick(event);\n }\n };\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (\n event,\n ) => {\n if (disabled) return;\n if (event.key === \"Enter\" || event.key === \" \" || event.key === \"Space\") {\n event.preventDefault();\n onClick(event);\n }\n };\n\n const handleOnMouseEnter: React.MouseEventHandler<HTMLDivElement> = (\n event,\n ) => {\n if (disabled) return;\n dispatch({ type: \"MOUSE_ENTER\" });\n onMouseEnter?.(event);\n };\n\n const handleOnMouseLeave: React.MouseEventHandler<HTMLDivElement> = (\n event,\n ) => {\n if (disabled) return;\n dispatch({ type: \"MOUSE_LEAVE\" });\n onMouseLeave?.(event);\n };\n\n const isHoveredOrFocussed = !disabled && (hovered || focussed);\n const roundingClasses =\n rounding !== \"none\" && roundingStyles[`rounding${rounding}`];\n\n return (\n <div\n {...accessibilityProps}\n aria-disabled={disabled || accessibilityProps[\"aria-disabled\"]}\n aria-label={accessibilityLabel ?? accessibilityProps[\"aria-label\"]}\n className={classNames(\n styles.tapArea,\n styles[`${disabled ? \"disabled\" : \"enabled\"}`],\n fullWidth && styles.fullWidth,\n isHoveredOrFocussed && styles.hoveredOrFocussed,\n roundingClasses,\n )}\n data-testid={dataTestId}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleOnMouseEnter}\n onMouseLeave={handleOnMouseLeave}\n onFocus={() => dispatch({ type: \"FOCUS\" })}\n onBlur={() => dispatch({ type: \"BLUR\" })}\n ref={ref}\n role=\"button\"\n tabIndex={disabled ? undefined : tabIndex}\n >\n {!disabled && (hovered || focussed) && (\n <div className={classNames(styles.overlay, roundingClasses)} />\n )}\n {children}\n </div>\n );\n },\n);\n\nTapArea.displayName = \"TapArea\";\n\nexport default TapArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TapArea/TapArea.module.css\"; export default {\"tapArea\":\"_tapArea_g6gkz_1\",\"fullWidth\":\"_fullWidth_g6gkz_5\",\"disabled\":\"_disabled_g6gkz_9\",\"enabled\":\"_enabled_g6gkz_16\",\"overlay\":\"_overlay_g6gkz_29\",\"hoveredOrFocussed\":\"_hoveredOrFocussed_g6gkz_39\"}"],"mappings":"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","names":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
|
|
5
5
|
|
|
6
6
|
// src/AvatarGroup/AvatarGroup.tsx
|
|
7
7
|
|
|
@@ -19,9 +19,8 @@ function AvatarGroup({
|
|
|
19
19
|
orientation = "standard",
|
|
20
20
|
children
|
|
21
21
|
}) {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
_RJ3ZYLJScjs.Box_default,
|
|
22
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23
|
+
_DB7KX3J2cjs.Box_default,
|
|
25
24
|
{
|
|
26
25
|
display: "flex",
|
|
27
26
|
justifyContent: orientation === "standard" ? "start" : "end",
|
|
@@ -40,4 +39,4 @@ AvatarGroup.displayName = "AvatarGroup";
|
|
|
40
39
|
|
|
41
40
|
|
|
42
41
|
exports.useAvatarGroup = useAvatarGroup; exports.AvatarGroup = AvatarGroup;
|
|
43
|
-
//# sourceMappingURL=
|
|
42
|
+
//# sourceMappingURL=ALD77RKF.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":";;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAgED;AArDN,IAAM,qBAAqB,cAA6C,IAAI;AAErE,SAAS,iBAAgD;AAC9D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,SAAO,CAAC,UAAU,OAAO;AAC3B;AAgBe,SAAR,YAA6B;AAAA,EAClC,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GAyBiB;AACf,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,MAAM,YAAY,GACtD;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,gBAAgB,gBAAgB,aAAa,UAAU;AAAA,MACvD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,aAAa,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc","sourcesContent":["import {\n type ReactNode,\n createContext,\n useContext,\n type ReactElement,\n} from \"react\";\nimport Box from \"../Box/Box\";\n\ntype Size = \"xs\" | \"sm\" | \"md\" | \"lg\";\ntype Orientation = \"standard\" | \"reverse\";\n\ntype AvatarGroupContextType = {\n size: Size;\n orientation: Orientation;\n};\n\nconst AvatarGroupContext = createContext<AvatarGroupContextType | null>(null);\n\nexport function useAvatarGroup(): AvatarGroupContextType | null {\n const context = useContext(AvatarGroupContext);\n return !context ? null : context;\n}\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 * Pass in Avatar components as children to the AvatarGroup component. The size prop that is passed into the AvatarGroup component will override Avatar's size prop..\n *\n * Usage:\n *\n * <AvatarGroup size=\"md\" orientation=\"standard\">\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * </AvatarGroup>\n *\n */\nexport default function AvatarGroup({\n size = \"md\",\n orientation = \"standard\",\n children,\n}: {\n /**\n * Size of the avatars in the AvatarGroup.\n *\n * * `xs`: 24px\n * * `sm`: 32px\n * * `md`: 48px\n * * `lg`: 64px\n *\n * @defaultValue `md`\n */\n size?: Size;\n /**\n * Orientation of the AvatarGroup.\n * This describes the order of rendering of the Avatar components.\n * Standard renders the Avatar components with the right component on top.\n * Reverse renders the Avatar components with the left component on top.\n *\n * @defaultValue `standard`\n */\n orientation?: Orientation;\n /**\n * Avatars to be rendered within the AvatarGroup.\n */\n children: ReactNode;\n}): ReactElement {\n return (\n <AvatarGroupContext.Provider value={{ size, orientation }}>\n <Box\n display=\"flex\"\n justifyContent={orientation === \"standard\" ? \"start\" : \"end\"}\n dangerouslySetInlineStyle={{\n __style: {\n flexDirection: orientation === \"standard\" ? \"row\" : \"row-reverse\",\n },\n }}\n >\n {children}\n </Box>\n </AvatarGroupContext.Provider>\n );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}
|
|
@@ -4,26 +4,26 @@ import {
|
|
|
4
4
|
} from "./BOX3VY3Q.js";
|
|
5
5
|
import {
|
|
6
6
|
Button_default
|
|
7
|
-
} from "./
|
|
7
|
+
} from "./MYNQCB3D.js";
|
|
8
8
|
import {
|
|
9
9
|
Divider
|
|
10
10
|
} from "./TK2EQ6QG.js";
|
|
11
11
|
import {
|
|
12
12
|
RichSelectChip_default
|
|
13
|
-
} from "./
|
|
13
|
+
} from "./ZTXNFBB6.js";
|
|
14
14
|
import {
|
|
15
15
|
RichSelectSection_default
|
|
16
16
|
} from "./YF53K6PE.js";
|
|
17
17
|
import {
|
|
18
18
|
RichSelectRadioButton_default
|
|
19
|
-
} from "./
|
|
19
|
+
} from "./QX3BNIF3.js";
|
|
20
20
|
import {
|
|
21
21
|
RichSelectItemContext,
|
|
22
22
|
RichSelect_module_default
|
|
23
23
|
} from "./ODMJANSX.js";
|
|
24
24
|
import {
|
|
25
25
|
Box_default
|
|
26
|
-
} from "./
|
|
26
|
+
} from "./J6DAGNNN.js";
|
|
27
27
|
|
|
28
28
|
// src/RichSelect/RichSelectBox.tsx
|
|
29
29
|
import {
|
|
@@ -208,4 +208,4 @@ export {
|
|
|
208
208
|
RichSelectBoxContext,
|
|
209
209
|
RichSelectBox_default
|
|
210
210
|
};
|
|
211
|
-
//# sourceMappingURL=
|
|
211
|
+
//# sourceMappingURL=AV5B2KHQ.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Box_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./J6DAGNNN.js";
|
|
5
5
|
|
|
6
6
|
// src/Card/Card.tsx
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -27,4 +27,4 @@ function Card({
|
|
|
27
27
|
export {
|
|
28
28
|
Card
|
|
29
29
|
};
|
|
30
|
-
//# sourceMappingURL=
|
|
30
|
+
//# sourceMappingURL=AWZCK6T3.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Box_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./J6DAGNNN.js";
|
|
5
5
|
|
|
6
6
|
// src/AvatarGroup/AvatarGroup.tsx
|
|
7
7
|
import {
|
|
@@ -19,8 +19,7 @@ function AvatarGroup({
|
|
|
19
19
|
orientation = "standard",
|
|
20
20
|
children
|
|
21
21
|
}) {
|
|
22
|
-
|
|
23
|
-
return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: { size: parsedSize, orientation }, children: /* @__PURE__ */ jsx(
|
|
22
|
+
return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: { size, orientation }, children: /* @__PURE__ */ jsx(
|
|
24
23
|
Box_default,
|
|
25
24
|
{
|
|
26
25
|
display: "flex",
|
|
@@ -40,4 +39,4 @@ export {
|
|
|
40
39
|
useAvatarGroup,
|
|
41
40
|
AvatarGroup
|
|
42
41
|
};
|
|
43
|
-
//# sourceMappingURL=
|
|
42
|
+
//# sourceMappingURL=BKBUTHI5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import {\n type ReactNode,\n createContext,\n useContext,\n type ReactElement,\n} from \"react\";\nimport Box from \"../Box/Box\";\n\ntype Size = \"xs\" | \"sm\" | \"md\" | \"lg\";\ntype Orientation = \"standard\" | \"reverse\";\n\ntype AvatarGroupContextType = {\n size: Size;\n orientation: Orientation;\n};\n\nconst AvatarGroupContext = createContext<AvatarGroupContextType | null>(null);\n\nexport function useAvatarGroup(): AvatarGroupContextType | null {\n const context = useContext(AvatarGroupContext);\n return !context ? null : context;\n}\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 * Pass in Avatar components as children to the AvatarGroup component. The size prop that is passed into the AvatarGroup component will override Avatar's size prop..\n *\n * Usage:\n *\n * <AvatarGroup size=\"md\" orientation=\"standard\">\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * <Avatar accessibilityLabel=\"Joseph Liotta\" src=\"image.png\" />\n * </AvatarGroup>\n *\n */\nexport default function AvatarGroup({\n size = \"md\",\n orientation = \"standard\",\n children,\n}: {\n /**\n * Size of the avatars in the AvatarGroup.\n *\n * * `xs`: 24px\n * * `sm`: 32px\n * * `md`: 48px\n * * `lg`: 64px\n *\n * @defaultValue `md`\n */\n size?: Size;\n /**\n * Orientation of the AvatarGroup.\n * This describes the order of rendering of the Avatar components.\n * Standard renders the Avatar components with the right component on top.\n * Reverse renders the Avatar components with the left component on top.\n *\n * @defaultValue `standard`\n */\n orientation?: Orientation;\n /**\n * Avatars to be rendered within the AvatarGroup.\n */\n children: ReactNode;\n}): ReactElement {\n return (\n <AvatarGroupContext.Provider value={{ size, orientation }}>\n <Box\n display=\"flex\"\n justifyContent={orientation === \"standard\" ? \"start\" : \"end\"}\n dangerouslySetInlineStyle={{\n __style: {\n flexDirection: orientation === \"standard\" ? \"row\" : \"row-reverse\",\n },\n }}\n >\n {children}\n </Box>\n </AvatarGroupContext.Provider>\n );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":";;;;;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAEK;AAgED;AArDN,IAAM,qBAAqB,cAA6C,IAAI;AAErE,SAAS,iBAAgD;AAC9D,QAAM,UAAU,WAAW,kBAAkB;AAC7C,SAAO,CAAC,UAAU,OAAO;AAC3B;AAgBe,SAAR,YAA6B;AAAA,EAClC,OAAO;AAAA,EACP,cAAc;AAAA,EACd;AACF,GAyBiB;AACf,SACE,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,EAAE,MAAM,YAAY,GACtD;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,gBAAgB,gBAAgB,aAAa,UAAU;AAAA,MACvD,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,eAAe,gBAAgB,aAAa,QAAQ;AAAA,QACtD;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,cAAc;","names":[]}
|
|
@@ -1,10 +1,10 @@
|
|
|
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 _LFPS43ORcjs = require('./LFPS43OR.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
|
|
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
|
|
|
100
100
|
} = props;
|
|
101
101
|
const modal = !children || modalProp;
|
|
102
102
|
const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
103
|
-
|
|
103
|
+
_LFPS43ORcjs.ModalDialog_default,
|
|
104
104
|
{
|
|
105
105
|
accessibilityLabel,
|
|
106
106
|
accessibilityCloseLabel,
|
|
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
|
|
|
117
117
|
{
|
|
118
118
|
placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
|
|
119
119
|
onChangeContentVisibility,
|
|
120
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
120
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _76LTWV2Qcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
|
|
121
121
|
}
|
|
122
122
|
);
|
|
123
123
|
if (!children)
|
|
@@ -141,4 +141,4 @@ var Popover_default = Popover;
|
|
|
141
141
|
|
|
142
142
|
|
|
143
143
|
exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
|
|
144
|
-
//# sourceMappingURL=
|
|
144
|
+
//# sourceMappingURL=BZ2W7SUB.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 _CHDS4D44cjs = require('./CHDS4D44.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
|
|
@@ -26,12 +26,6 @@ var padding_module_default = { "paddingX0": "_paddingX0_1aqye_2", "paddingX1": "
|
|
|
26
26
|
// src/Box/Box.tsx
|
|
27
27
|
var _react = require('react');
|
|
28
28
|
var _jsxruntime = require('react/jsx-runtime');
|
|
29
|
-
function roundingCambio(rounding) {
|
|
30
|
-
if (rounding === "lg" || rounding === "xl") {
|
|
31
|
-
return "md";
|
|
32
|
-
}
|
|
33
|
-
return rounding;
|
|
34
|
-
}
|
|
35
29
|
var Box = _react.forwardRef.call(void 0, function Box2(props, ref) {
|
|
36
30
|
var _c;
|
|
37
31
|
const _a = props, { as: BoxElement = "div", children } = _a, boxProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["as", "children"]);
|
|
@@ -206,7 +200,7 @@ var Box = _react.forwardRef.call(void 0, function Box2(props, ref) {
|
|
|
206
200
|
smJustifyContent && Box_module_default[`justifyContent${smJustifyContent}Small`],
|
|
207
201
|
lgJustifyContent && Box_module_default[`justifyContent${lgJustifyContent}Large`],
|
|
208
202
|
position && position !== "static" && Box_module_default[position],
|
|
209
|
-
rounding && rounding !== "none" &&
|
|
203
|
+
rounding && rounding !== "none" && _CHDS4D44cjs.rounding_module_default[`rounding${rounding}`],
|
|
210
204
|
overflow && Box_module_default[`overflow${overflow}`],
|
|
211
205
|
overflowX && Box_module_default[`overflowX${overflowX}`],
|
|
212
206
|
overflowY && Box_module_default[`overflowY${overflowY}`]
|
|
@@ -232,6 +226,5 @@ var Box_default = Box;
|
|
|
232
226
|
|
|
233
227
|
|
|
234
228
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
//# sourceMappingURL=RJ3ZYLJS.cjs.map
|
|
229
|
+
exports.Box_default = Box_default;
|
|
230
|
+
//# sourceMappingURL=DB7KX3J2.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/Box/Box.tsx","css-module:./Box.module.css#css-module","css-module:./margin.module.css#css-module","css-module:./padding.module.css#css-module"],"names":["Box"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { type AriaRole, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Box.module.css\";\nimport marginStyles from \"./margin.module.css\";\nimport paddingStyles from \"./padding.module.css\";\nimport type allColors from \"../colors/allColors\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport { forwardRef } from \"react\";\n\ntype AlignItems = \"baseline\" | \"center\" | \"end\" | \"start\" | \"stretch\";\ntype As =\n | \"article\"\n | \"aside\"\n | \"caption\"\n | \"div\"\n | \"figcaption\"\n | \"figure\"\n | \"footer\"\n | \"header\"\n | \"main\"\n | \"nav\"\n | \"section\"\n | \"summary\";\ntype Dimension = number | string;\ntype Direction = \"row\" | \"column\";\ntype Display =\n | \"none\"\n | \"flex\"\n | \"block\"\n | \"inlineBlock\"\n | \"inlineFlex\"\n | \"visuallyHidden\";\ntype Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype JustifyContent =\n | \"start\"\n | \"end\"\n | \"center\"\n | \"between\"\n | \"around\"\n | \"evenly\";\ntype Margin =\n | -12\n | -11\n | -10\n | -9\n | -8\n | -7\n | -6\n | -5\n | -4\n | -3\n | -2\n | -1\n | 0\n | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | \"auto\";\ntype Padding = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\ntype Overflow =\n | \"visible\"\n | \"hidden\"\n | \"scroll\"\n | \"auto\"\n | \"inherit\"\n | \"initial\";\n\ntype BoxProps = {\n /**\n * The alignment of the box on the cross axis.\n *\n * Responsive props:\n * * `smAlignItems`\n * * `lgAlignItems`\n */\n alignItems?: AlignItems;\n /**\n * Allows the default alignment (or the one specified by align-items) to be overridden for individual flex items.\n */\n alignSelf?: \"auto\" | \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\";\n /**\n * The underlying DOM element usually set for accessibility or SEO reasons.\n *\n * @defaultValue `div`\n */\n as?: As;\n /**\n * The background color of the box.\n */\n backgroundColor?: (typeof allColors)[number];\n /**\n * The children to be rendered inside the box.\n */\n children?: ReactNode;\n /**\n * An \"escape hatch\" used to apply styles not otherwise available on Box.\n *\n * Please use this sparingly and only when you have a good reason to.\n */\n dangerouslySetInlineStyle?: {\n __style: Record<string, string | number | null>;\n };\n /**\n * The flex direction of the box.\n *\n * Responsive props:\n * * `smDirection`\n * * `lgDirection`\n *\n * @defaultValue `row`\n */\n direction?: Direction;\n /**\n * The display property specifies the display behavior (the type of rendering box) of an element.\n *\n * Responsive props:\n * * `smDisplay`\n * * `lgDisplay`\n *\n * @defaultValue `block`\n */\n display?: Display;\n /**\n * Sets the flex behavior of a flex item.\n *\n * * `none`: The item will not grow or shrink\n * * `shrink`: The item will shrink if necessary (default browser behavior)\n * * `grow`: The item will grow if necessary\n *\n * @defaultValue `shrink`\n */\n flex?: \"none\" | \"shrink\" | \"grow\";\n /**\n * By default, flex items will all try to fit onto one line. But if you specify `flexWrap=\"wrap\"`, the flex items will wrap onto multiple lines.\n *\n * @defaultValue `nowrap`\n */\n flexWrap?: \"wrap\" | \"nowrap\";\n /**\n * The gap between the children of the box.\n */\n gap?: Gap;\n /**\n * The id of the element.\n */\n id?: string;\n /**\n * The alignment of the box on the cross axis on lg (960px) or larger viewports.\n */\n lgAlignItems?: AlignItems;\n /**\n * The flex direction on lg (960px) or larger viewports.\n */\n lgDirection?: Direction;\n /**\n * The display style on lg (960px) or larger viewports.\n */\n lgDisplay?: Display;\n /**\n * The alignment of the box on the cross axis on lg (960px) or larger viewports.\n */\n lgJustifyContent?: JustifyContent;\n /**\n * Margin on lg (960px) or larger viewports.\n */\n lgMargin?: Margin;\n /**\n * Bottom margin on lg (960px) or larger viewports.\n */\n lgMarginBottom?: Margin;\n /**\n * Margin to the right in left-to-right languages, and to the left in right-to-left languages on lg (960px) or larger viewports.\n */\n lgMarginEnd?: Margin;\n /**\n * Margin to the left in left-to-right languages, and to the right in right-to-left languages on lg (960px) or larger viewports.\n */\n lgMarginStart?: Margin;\n /**\n * Top margin on lg (960px) or larger viewports.\n */\n lgMarginTop?: Margin;\n /**\n * The padding of the box on lg (960px) or larger viewports.\n */\n lgPadding?: Padding;\n /**\n * The padding of the box on the x-axis on lg (960px) or larger viewports.\n */\n lgPaddingX?: Padding;\n /**\n * The padding of the box on the y-axis on lg (960px) or larger viewports.\n */\n lgPaddingY?: Padding;\n /**\n * The margin of the box.\n *\n * Responsive props:\n * * `smMargin`\n * * `lgMargin`\n *\n * @defaultValue 0\n */\n margin?: Margin;\n /**\n * Bottom margin of the box.\n *\n * Responsive props:\n * * `smMarginBottom`\n * * `lgMarginBottom`\n *\n */\n marginBottom?: Margin;\n /**\n * Margin to the right in left-to-right languages, and to the left in right-to-left languages.\n *\n * Responsive props:\n * * `smMarginEnd`\n * * `lgMarginEnd`\n *\n */\n marginEnd?: Margin;\n /**\n * Margin to the left in left-to-right languages, and to the right in right-to-left languages.\n *\n * Responsive props:\n * * `smMarginStart`\n * * `lgMarginStart`\n *\n */\n marginStart?: Margin;\n /**\n * Top margin of the box.\n *\n * Responsive props:\n * * `smMarginTop`\n * * `lgMarginTop`\n *\n */\n marginTop?: Margin;\n /**\n * The maximum height of the box.\n */\n maxHeight?: Dimension;\n /**\n * The maximum width of the box.\n */\n maxWidth?: Dimension;\n /**\n * The minimum height of the box.\n */\n minHeight?: Dimension;\n /**\n * The minimum width of the box.\n */\n minWidth?: Dimension;\n /**\n * The height of the box.\n */\n height?: Dimension;\n /**\n * The alignment of the box on the main axis.\n *\n * Responsive props:\n * * `smJustifyContent`\n * * `lgJustifyContent`\n *\n * @defaultValue \"start\"\n */\n justifyContent?: JustifyContent;\n /**\n * How box behaves when content does not fit in the box on both axes.\n *\n * * `visible`\n * * `hidden`\n * * `scroll`\n * * `auto`\n * * `inherit`\n * * `initial`\n *\n * @defaultValue \"visible\"\n */\n overflow?: Overflow;\n /**\n * How box behaves when content does not fit in the box on the X axis.\n *\n * * `visible`\n * * `hidden`\n * * `scroll`\n * * `auto`\n * * `inherit`\n * * `initial`\n *\n * @defaultValue \"visible\"\n */\n overflowX?: Overflow;\n /**\n * How box behaves when content does not fit in the box on the Y axis.\n *\n * * `visible`\n * * `hidden`\n * * `scroll`\n * * `auto`\n * * `inherit`\n * * `initial`\n *\n * @defaultValue \"visible\"\n */\n overflowY?: Overflow;\n /**\n * The padding of the box.\n *\n * Responsive props:\n * * `smPadding`\n * * `lgPadding`\n *\n * @defaultValue 0\n */\n padding?: Padding;\n /**\n * The padding of the box on the x-axis.\n *\n * Responsive props:\n * * `smPaddingX`\n * * `lgPaddingX`\n *\n */\n paddingX?: Padding;\n /**\n * The padding of the box on the y-axis.\n *\n * Responsive props:\n * * `smPaddingY`\n * * `lgPaddingY`\n */\n paddingY?: Padding;\n /**\n * The position of the box.\n *\n * @defaultValue \"static\"\n */\n position?: \"absolute\" | \"fixed\" | \"relative\" | \"static\" | \"sticky\";\n /**\n * The role attribute of the box.\n *\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles) for the list of valid roles.\n */\n role?: AriaRole;\n /**\n * Border radius of the box.\n *\n * * `none`: 0px\n * * `sm`: 4px\n * * `md`: 8px\n * * `full`: 999px\n *\n * @defaultValue \"none\"\n */\n rounding?: \"md\" | \"sm\" | \"full\" | \"none\";\n /**\n * The alignment of the box on the cross axis on sm (480px) or larger viewports.\n */\n smAlignItems?: AlignItems;\n /**\n * The flex direction on sm (480px) or larger viewports.\n */\n smDirection?: Direction;\n /**\n * The display style on sm (480px) or larger viewports.\n */\n smDisplay?: Display;\n /**\n * The alignment of the box on the main axis on sm (480px) or larger viewports.\n */\n smJustifyContent?: JustifyContent;\n /**\n * Margin on sm (480px) or larger viewports.\n */\n smMargin?: Margin;\n /**\n * Bottom margin on sm (480px) or larger viewports.\n */\n smMarginBottom?: Margin;\n /**\n * Margin to the right in left-to-right languages, and to the left in right-to-left languages on sm (480px) or larger viewports.\n */\n smMarginEnd?: Margin;\n /**\n * Margin to the left in left-to-right languages, and to the right in right-to-left languages on sm (480px) or larger viewports.\n */\n smMarginStart?: Margin;\n /**\n * Top margin on sm (480px) or larger viewports.\n */\n smMarginTop?: Margin;\n /**\n * The padding of the box on sm (480px) or larger viewports.\n */\n smPadding?: Padding;\n /**\n * The padding of the box on the x-axis on sm (480px) or larger viewports.\n */\n smPaddingX?: Padding;\n /**\n * The padding of the box on the y-axis on sm (480px) or larger viewports.\n */\n smPaddingY?: Padding;\n /**\n * The width of the box.\n */\n width?: Dimension;\n};\n\n/**\n * [Box](https://cambly-syntax.vercel.app/?path=/docs/components-box--docs) is primitive design component and is used by lots of other components. It keeps details like spacing, borders and colors consistent across all of Syntax.\n *\n * Passthrough props:\n * * `aria-*`\n * * `data-testid`\n */\nconst Box = forwardRef<HTMLDivElement, BoxProps>(function Box(\n props: BoxProps,\n ref,\n): ReactElement {\n const { as: BoxElement = \"div\", children, ...boxProps } = props;\n\n const {\n // Classname\n alignItems,\n smAlignItems,\n lgAlignItems,\n alignSelf,\n backgroundColor,\n direction,\n smDirection,\n lgDirection,\n display,\n smDisplay,\n lgDisplay,\n flex,\n flexWrap,\n gap,\n justifyContent,\n smJustifyContent,\n lgJustifyContent,\n // Margin\n margin,\n marginBottom,\n marginEnd,\n marginStart,\n marginTop,\n smMargin,\n smMarginBottom,\n smMarginEnd,\n smMarginStart,\n smMarginTop,\n lgMargin,\n lgMarginBottom,\n lgMarginEnd,\n lgMarginStart,\n lgMarginTop,\n // Overflow\n overflow,\n overflowX,\n overflowY,\n // Padding\n padding,\n paddingX,\n paddingY,\n smPadding,\n smPaddingX,\n smPaddingY,\n lgPadding,\n lgPaddingX,\n lgPaddingY,\n position,\n rounding,\n // Style\n dangerouslySetInlineStyle,\n height,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n width,\n ...maybePassThroughProps\n } = boxProps;\n\n const parsedProps = {\n className: classNames(\n styles.box,\n alignItems && styles[`alignItems${alignItems}`],\n smAlignItems && styles[`alignItems${smAlignItems}Small`],\n lgAlignItems && styles[`alignItems${lgAlignItems}Large`],\n alignSelf && styles[`alignSelf${alignSelf}`],\n backgroundColor && colorStyles[`${backgroundColor}BackgroundColor`],\n direction && styles[direction],\n smDirection && styles[`${smDirection}Small`],\n lgDirection && styles[`${lgDirection}Large`],\n display && styles[display],\n smDisplay && styles[`${smDisplay}Small`],\n lgDisplay && styles[`${lgDisplay}Large`],\n flex && (flex === \"none\" || flex === \"grow\") && styles[`flex${flex}`],\n flexWrap && styles.flexWrap,\n gap != null && styles[`gap${gap}`],\n margin != null && !marginBottom && marginStyles[`marginBottom${margin}`],\n margin != null && !marginEnd && marginStyles[`marginEnd${margin}`],\n margin != null && !marginStart && marginStyles[`marginStart${margin}`],\n margin != null && !marginTop && marginStyles[`marginTop${margin}`],\n marginBottom != null && marginStyles[`marginBottom${marginBottom}`],\n marginEnd != null && marginStyles[`marginEnd${marginEnd}`],\n marginStart != null && marginStyles[`marginStart${marginStart}`],\n marginTop != null && marginStyles[`marginTop${marginTop}`],\n smMargin != null &&\n !smMarginBottom &&\n marginStyles[`marginBottom${smMargin}Small`],\n smMargin != null &&\n !smMarginEnd &&\n marginStyles[`marginEnd${smMargin}Small`],\n smMargin != null &&\n !smMarginStart &&\n marginStyles[`marginStart${smMargin}Small`],\n smMargin != null &&\n !smMarginTop &&\n marginStyles[`marginTop${smMargin}Small`],\n smMarginBottom != null &&\n marginStyles[`marginBottom${smMarginBottom}Small`],\n smMarginEnd != null && marginStyles[`marginEnd${smMarginEnd}Small`],\n smMarginStart != null && marginStyles[`marginStart${smMarginStart}Small`],\n smMarginTop != null && marginStyles[`marginTop${smMarginTop}Small`],\n lgMargin != null &&\n !lgMarginBottom &&\n marginStyles[`marginBottom${lgMargin}Large`],\n lgMargin != null &&\n !lgMarginEnd &&\n marginStyles[`marginEnd${lgMargin}Large`],\n lgMargin != null &&\n !lgMarginStart &&\n marginStyles[`marginStart${lgMargin}Large`],\n lgMargin != null &&\n !lgMarginTop &&\n marginStyles[`marginTop${lgMargin}Large`],\n lgMarginBottom != null &&\n marginStyles[`marginBottom${lgMarginBottom}Large`],\n lgMarginEnd != null && marginStyles[`marginEnd${lgMarginEnd}Large`],\n lgMarginStart != null && marginStyles[`marginStart${lgMarginStart}Large`],\n lgMarginTop != null && marginStyles[`marginTop${lgMarginTop}Large`],\n padding != null && !paddingX && paddingStyles[`paddingX${padding}`],\n padding != null && !paddingY && paddingStyles[`paddingY${padding}`],\n paddingX != null && paddingStyles[`paddingX${paddingX}`],\n paddingY != null && paddingStyles[`paddingY${paddingY}`],\n smPadding != null &&\n !smPaddingX &&\n paddingStyles[`paddingX${smPadding}Small`],\n smPadding != null &&\n !smPaddingY &&\n paddingStyles[`paddingY${smPadding}Small`],\n smPaddingX != null && paddingStyles[`paddingX${smPaddingX}Small`],\n smPaddingY != null && paddingStyles[`paddingY${smPaddingY}Small`],\n lgPadding != null &&\n !lgPaddingX &&\n paddingStyles[`paddingX${lgPadding}Large`],\n lgPadding != null &&\n !lgPaddingX &&\n paddingStyles[`paddingY${lgPadding}Large`],\n lgPaddingX != null && paddingStyles[`paddingX${lgPaddingX}Large`],\n lgPaddingY != null && paddingStyles[`paddingY${lgPaddingY}Large`],\n justifyContent && styles[`justifyContent${justifyContent}`],\n smJustifyContent && styles[`justifyContent${smJustifyContent}Small`],\n lgJustifyContent && styles[`justifyContent${lgJustifyContent}Large`],\n position && position !== \"static\" && styles[position],\n rounding && rounding !== \"none\" && roundingStyles[`rounding${rounding}`],\n overflow && styles[`overflow${overflow}`],\n overflowX && styles[`overflowX${overflowX}`],\n overflowY && styles[`overflowY${overflowY}`],\n ),\n style: {\n height,\n maxHeight,\n maxWidth,\n minHeight,\n minWidth,\n width,\n ...(dangerouslySetInlineStyle?.__style ?? {}),\n },\n };\n\n const passthroughProps = Object.entries(maybePassThroughProps).reduce<\n Record<string, number | string | undefined>\n >((acc, [key]) => {\n if (\n key === \"id\" ||\n key === \"role\" ||\n key.startsWith(\"aria-\") ||\n key.startsWith(\"data-testid\")\n ) {\n // @ts-expect-error unsafe assignment\n // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n acc[key] = maybePassThroughProps[key];\n }\n return acc;\n }, {});\n\n return (\n <BoxElement {...parsedProps} {...passthroughProps} ref={ref}>\n {children}\n </BoxElement>\n );\n});\n\nexport default Box;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css\"; export default {\"box\":\"_box_xcjsm_1\",\"flexnone\":\"_flexnone_xcjsm_5\",\"flexgrow\":\"_flexgrow_xcjsm_9\",\"flexWrap\":\"_flexWrap_xcjsm_13\",\"alignItemscenter\":\"_alignItemscenter_xcjsm_18\",\"alignItemsstart\":\"_alignItemsstart_xcjsm_22\",\"alignItemsend\":\"_alignItemsend_xcjsm_26\",\"alignItemsstretch\":\"_alignItemsstretch_xcjsm_30\",\"alignItemsbaseline\":\"_alignItemsbaseline_xcjsm_34\",\"alignItemscenterSmall\":\"_alignItemscenterSmall_xcjsm_40\",\"alignItemsstartSmall\":\"_alignItemsstartSmall_xcjsm_44\",\"alignItemsendSmall\":\"_alignItemsendSmall_xcjsm_48\",\"alignItemsstretchSmall\":\"_alignItemsstretchSmall_xcjsm_52\",\"alignItemsbaselineSmall\":\"_alignItemsbaselineSmall_xcjsm_56\",\"alignItemscenterLarge\":\"_alignItemscenterLarge_xcjsm_63\",\"alignItemsstartLarge\":\"_alignItemsstartLarge_xcjsm_67\",\"alignItemsendLarge\":\"_alignItemsendLarge_xcjsm_71\",\"alignItemsstretchLarge\":\"_alignItemsstretchLarge_xcjsm_75\",\"alignItemsbaselineLarge\":\"_alignItemsbaselineLarge_xcjsm_79\",\"alignSelfcenter\":\"_alignSelfcenter_xcjsm_85\",\"alignSelfstart\":\"_alignSelfstart_xcjsm_89\",\"alignSelfend\":\"_alignSelfend_xcjsm_93\",\"alignSelfstretch\":\"_alignSelfstretch_xcjsm_97\",\"alignSelfbaseline\":\"_alignSelfbaseline_xcjsm_101\",\"alignSelfauto\":\"_alignSelfauto_xcjsm_105\",\"block\":\"_block_xcjsm_110\",\"flex\":\"_flex_xcjsm_5\",\"inlineBlock\":\"_inlineBlock_xcjsm_118\",\"inlineFlex\":\"_inlineFlex_xcjsm_122\",\"none\":\"_none_xcjsm_126\",\"visuallyHidden\":\"_visuallyHidden_xcjsm_130\",\"blockSmall\":\"_blockSmall_xcjsm_144\",\"flexSmall\":\"_flexSmall_xcjsm_148\",\"inlineBlockSmall\":\"_inlineBlockSmall_xcjsm_152\",\"inlineFlexSmall\":\"_inlineFlexSmall_xcjsm_156\",\"noneSmall\":\"_noneSmall_xcjsm_160\",\"visuallyHiddenSmall\":\"_visuallyHiddenSmall_xcjsm_164\",\"blockLarge\":\"_blockLarge_xcjsm_179\",\"flexLarge\":\"_flexLarge_xcjsm_183\",\"inlineBlockLarge\":\"_inlineBlockLarge_xcjsm_187\",\"inlineFlexLarge\":\"_inlineFlexLarge_xcjsm_191\",\"noneLarge\":\"_noneLarge_xcjsm_195\",\"visuallyHiddenLarge\":\"_visuallyHiddenLarge_xcjsm_199\",\"column\":\"_column_xcjsm_213\",\"row\":\"_row_xcjsm_217\",\"columnSmall\":\"_columnSmall_xcjsm_223\",\"rowSmall\":\"_rowSmall_xcjsm_227\",\"columnLarge\":\"_columnLarge_xcjsm_234\",\"rowLarge\":\"_rowLarge_xcjsm_238\",\"gap0\":\"_gap0_xcjsm_244\",\"gap1\":\"_gap1_xcjsm_248\",\"gap2\":\"_gap2_xcjsm_252\",\"gap3\":\"_gap3_xcjsm_256\",\"gap4\":\"_gap4_xcjsm_260\",\"gap5\":\"_gap5_xcjsm_264\",\"gap6\":\"_gap6_xcjsm_268\",\"gap7\":\"_gap7_xcjsm_272\",\"gap8\":\"_gap8_xcjsm_276\",\"gap9\":\"_gap9_xcjsm_280\",\"gap10\":\"_gap10_xcjsm_284\",\"gap11\":\"_gap11_xcjsm_288\",\"gap12\":\"_gap12_xcjsm_292\",\"justifyContentcenter\":\"_justifyContentcenter_xcjsm_297\",\"justifyContentstart\":\"_justifyContentstart_xcjsm_301\",\"justifyContentend\":\"_justifyContentend_xcjsm_305\",\"justifyContentbetween\":\"_justifyContentbetween_xcjsm_309\",\"justifyContentaround\":\"_justifyContentaround_xcjsm_313\",\"justifyContentevenly\":\"_justifyContentevenly_xcjsm_317\",\"justifyContentcenterSmall\":\"_justifyContentcenterSmall_xcjsm_323\",\"justifyContentstartSmall\":\"_justifyContentstartSmall_xcjsm_327\",\"justifyContentendSmall\":\"_justifyContentendSmall_xcjsm_331\",\"justifyContentbetweenSmall\":\"_justifyContentbetweenSmall_xcjsm_335\",\"justifyContentaroundSmall\":\"_justifyContentaroundSmall_xcjsm_339\",\"justifyContentevenlySmall\":\"_justifyContentevenlySmall_xcjsm_343\",\"justifyContentcenterLarge\":\"_justifyContentcenterLarge_xcjsm_350\",\"justifyContentstartLarge\":\"_justifyContentstartLarge_xcjsm_354\",\"justifyContentendLarge\":\"_justifyContentendLarge_xcjsm_358\",\"justifyContentbetweenLarge\":\"_justifyContentbetweenLarge_xcjsm_362\",\"justifyContentaroundLarge\":\"_justifyContentaroundLarge_xcjsm_366\",\"justifyContentevenlyLarge\":\"_justifyContentevenlyLarge_xcjsm_370\",\"overflowvisible\":\"_overflowvisible_xcjsm_376\",\"overflowhidden\":\"_overflowhidden_xcjsm_380\",\"overflowscroll\":\"_overflowscroll_xcjsm_384\",\"overflowauto\":\"_overflowauto_xcjsm_388\",\"overflowinherit\":\"_overflowinherit_xcjsm_392\",\"overflowinitial\":\"_overflowinitial_xcjsm_396\",\"overflowXvisible\":\"_overflowXvisible_xcjsm_400\",\"overflowXhidden\":\"_overflowXhidden_xcjsm_404\",\"overflowXscroll\":\"_overflowXscroll_xcjsm_408\",\"overflowXauto\":\"_overflowXauto_xcjsm_412\",\"overflowXinherit\":\"_overflowXinherit_xcjsm_416\",\"overflowXinitial\":\"_overflowXinitial_xcjsm_420\",\"overflowYvisible\":\"_overflowYvisible_xcjsm_424\",\"overflowYhidden\":\"_overflowYhidden_xcjsm_428\",\"overflowYscroll\":\"_overflowYscroll_xcjsm_432\",\"overflowYauto\":\"_overflowYauto_xcjsm_436\",\"overflowYinherit\":\"_overflowYinherit_xcjsm_440\",\"overflowYinitial\":\"_overflowYinitial_xcjsm_444\",\"absolute\":\"_absolute_xcjsm_449\",\"fixed\":\"_fixed_xcjsm_453\",\"relative\":\"_relative_xcjsm_457\",\"sticky\":\"_sticky_xcjsm_461\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css\"; export default {\"marginBottom-12\":\"_marginBottom-12_1whn1_2\",\"marginBottom-11\":\"_marginBottom-11_1whn1_6\",\"marginBottom-10\":\"_marginBottom-10_1whn1_10\",\"marginBottom-9\":\"_marginBottom-9_1whn1_14\",\"marginBottom-8\":\"_marginBottom-8_1whn1_18\",\"marginBottom-7\":\"_marginBottom-7_1whn1_22\",\"marginBottom-6\":\"_marginBottom-6_1whn1_26\",\"marginBottom-5\":\"_marginBottom-5_1whn1_30\",\"marginBottom-4\":\"_marginBottom-4_1whn1_34\",\"marginBottom-3\":\"_marginBottom-3_1whn1_38\",\"marginBottom-2\":\"_marginBottom-2_1whn1_42\",\"marginBottom-1\":\"_marginBottom-1_1whn1_2\",\"marginBottom0\":\"_marginBottom0_1whn1_50\",\"marginBottom1\":\"_marginBottom1_1whn1_54\",\"marginBottom2\":\"_marginBottom2_1whn1_58\",\"marginBottom3\":\"_marginBottom3_1whn1_62\",\"marginBottom4\":\"_marginBottom4_1whn1_66\",\"marginBottom5\":\"_marginBottom5_1whn1_70\",\"marginBottom6\":\"_marginBottom6_1whn1_74\",\"marginBottom7\":\"_marginBottom7_1whn1_78\",\"marginBottom8\":\"_marginBottom8_1whn1_82\",\"marginBottom9\":\"_marginBottom9_1whn1_86\",\"marginBottom10\":\"_marginBottom10_1whn1_90\",\"marginBottom11\":\"_marginBottom11_1whn1_94\",\"marginBottom12\":\"_marginBottom12_1whn1_98\",\"marginBottomauto\":\"_marginBottomauto_1whn1_102\",\"marginEnd-12\":\"_marginEnd-12_1whn1_107\",\"marginEnd-11\":\"_marginEnd-11_1whn1_111\",\"marginEnd-10\":\"_marginEnd-10_1whn1_115\",\"marginEnd-9\":\"_marginEnd-9_1whn1_119\",\"marginEnd-8\":\"_marginEnd-8_1whn1_123\",\"marginEnd-7\":\"_marginEnd-7_1whn1_127\",\"marginEnd-6\":\"_marginEnd-6_1whn1_131\",\"marginEnd-5\":\"_marginEnd-5_1whn1_135\",\"marginEnd-4\":\"_marginEnd-4_1whn1_139\",\"marginEnd-3\":\"_marginEnd-3_1whn1_143\",\"marginEnd-2\":\"_marginEnd-2_1whn1_147\",\"marginEnd-1\":\"_marginEnd-1_1whn1_107\",\"marginEnd0\":\"_marginEnd0_1whn1_155\",\"marginEnd1\":\"_marginEnd1_1whn1_159\",\"marginEnd2\":\"_marginEnd2_1whn1_163\",\"marginEnd3\":\"_marginEnd3_1whn1_167\",\"marginEnd4\":\"_marginEnd4_1whn1_171\",\"marginEnd5\":\"_marginEnd5_1whn1_175\",\"marginEnd6\":\"_marginEnd6_1whn1_179\",\"marginEnd7\":\"_marginEnd7_1whn1_183\",\"marginEnd8\":\"_marginEnd8_1whn1_187\",\"marginEnd9\":\"_marginEnd9_1whn1_191\",\"marginEnd10\":\"_marginEnd10_1whn1_195\",\"marginEnd11\":\"_marginEnd11_1whn1_199\",\"marginEnd12\":\"_marginEnd12_1whn1_203\",\"marginEndauto\":\"_marginEndauto_1whn1_207\",\"marginStart-12\":\"_marginStart-12_1whn1_212\",\"marginStart-11\":\"_marginStart-11_1whn1_216\",\"marginStart-10\":\"_marginStart-10_1whn1_220\",\"marginStart-9\":\"_marginStart-9_1whn1_224\",\"marginStart-8\":\"_marginStart-8_1whn1_228\",\"marginStart-7\":\"_marginStart-7_1whn1_232\",\"marginStart-6\":\"_marginStart-6_1whn1_236\",\"marginStart-5\":\"_marginStart-5_1whn1_240\",\"marginStart-4\":\"_marginStart-4_1whn1_244\",\"marginStart-3\":\"_marginStart-3_1whn1_248\",\"marginStart-2\":\"_marginStart-2_1whn1_252\",\"marginStart-1\":\"_marginStart-1_1whn1_212\",\"marginStart0\":\"_marginStart0_1whn1_260\",\"marginStart1\":\"_marginStart1_1whn1_264\",\"marginStart2\":\"_marginStart2_1whn1_268\",\"marginStart3\":\"_marginStart3_1whn1_272\",\"marginStart4\":\"_marginStart4_1whn1_276\",\"marginStart5\":\"_marginStart5_1whn1_280\",\"marginStart6\":\"_marginStart6_1whn1_284\",\"marginStart7\":\"_marginStart7_1whn1_288\",\"marginStart8\":\"_marginStart8_1whn1_292\",\"marginStart9\":\"_marginStart9_1whn1_296\",\"marginStart10\":\"_marginStart10_1whn1_300\",\"marginStart11\":\"_marginStart11_1whn1_304\",\"marginStart12\":\"_marginStart12_1whn1_308\",\"marginStartauto\":\"_marginStartauto_1whn1_312\",\"marginTop-12\":\"_marginTop-12_1whn1_317\",\"marginTop-11\":\"_marginTop-11_1whn1_321\",\"marginTop-10\":\"_marginTop-10_1whn1_325\",\"marginTop-9\":\"_marginTop-9_1whn1_329\",\"marginTop-8\":\"_marginTop-8_1whn1_333\",\"marginTop-7\":\"_marginTop-7_1whn1_337\",\"marginTop-6\":\"_marginTop-6_1whn1_341\",\"marginTop-5\":\"_marginTop-5_1whn1_345\",\"marginTop-4\":\"_marginTop-4_1whn1_349\",\"marginTop-3\":\"_marginTop-3_1whn1_353\",\"marginTop-2\":\"_marginTop-2_1whn1_357\",\"marginTop-1\":\"_marginTop-1_1whn1_317\",\"marginTop0\":\"_marginTop0_1whn1_365\",\"marginTop1\":\"_marginTop1_1whn1_369\",\"marginTop2\":\"_marginTop2_1whn1_373\",\"marginTop3\":\"_marginTop3_1whn1_377\",\"marginTop4\":\"_marginTop4_1whn1_381\",\"marginTop5\":\"_marginTop5_1whn1_385\",\"marginTop6\":\"_marginTop6_1whn1_389\",\"marginTop7\":\"_marginTop7_1whn1_393\",\"marginTop8\":\"_marginTop8_1whn1_397\",\"marginTop9\":\"_marginTop9_1whn1_401\",\"marginTop10\":\"_marginTop10_1whn1_405\",\"marginTop11\":\"_marginTop11_1whn1_409\",\"marginTop12\":\"_marginTop12_1whn1_413\",\"marginTopauto\":\"_marginTopauto_1whn1_417\",\"marginBottom-12Small\":\"_marginBottom-12Small_1whn1_423\",\"marginBottom-11Small\":\"_marginBottom-11Small_1whn1_427\",\"marginBottom-10Small\":\"_marginBottom-10Small_1whn1_431\",\"marginBottom-9Small\":\"_marginBottom-9Small_1whn1_435\",\"marginBottom-8Small\":\"_marginBottom-8Small_1whn1_439\",\"marginBottom-7Small\":\"_marginBottom-7Small_1whn1_443\",\"marginBottom-6Small\":\"_marginBottom-6Small_1whn1_447\",\"marginBottom-5Small\":\"_marginBottom-5Small_1whn1_451\",\"marginBottom-4Small\":\"_marginBottom-4Small_1whn1_455\",\"marginBottom-3Small\":\"_marginBottom-3Small_1whn1_459\",\"marginBottom-2Small\":\"_marginBottom-2Small_1whn1_463\",\"marginBottom-1Small\":\"_marginBottom-1Small_1whn1_467\",\"marginBottom0Small\":\"_marginBottom0Small_1whn1_471\",\"marginBottom1Small\":\"_marginBottom1Small_1whn1_475\",\"marginBottom2Small\":\"_marginBottom2Small_1whn1_479\",\"marginBottom3Small\":\"_marginBottom3Small_1whn1_483\",\"marginBottom4Small\":\"_marginBottom4Small_1whn1_487\",\"marginBottom5Small\":\"_marginBottom5Small_1whn1_491\",\"marginBottom6Small\":\"_marginBottom6Small_1whn1_495\",\"marginBottom7Small\":\"_marginBottom7Small_1whn1_499\",\"marginBottom8Small\":\"_marginBottom8Small_1whn1_503\",\"marginBottom9Small\":\"_marginBottom9Small_1whn1_507\",\"marginBottom10Small\":\"_marginBottom10Small_1whn1_511\",\"marginBottom11Small\":\"_marginBottom11Small_1whn1_515\",\"marginBottom12Small\":\"_marginBottom12Small_1whn1_519\",\"marginBottomautoSmall\":\"_marginBottomautoSmall_1whn1_523\",\"marginEnd-12Small\":\"_marginEnd-12Small_1whn1_527\",\"marginEnd-11Small\":\"_marginEnd-11Small_1whn1_531\",\"marginEnd-10Small\":\"_marginEnd-10Small_1whn1_535\",\"marginEnd-9Small\":\"_marginEnd-9Small_1whn1_539\",\"marginEnd-8Small\":\"_marginEnd-8Small_1whn1_543\",\"marginEnd-7Small\":\"_marginEnd-7Small_1whn1_547\",\"marginEnd-6Small\":\"_marginEnd-6Small_1whn1_551\",\"marginEnd-5Small\":\"_marginEnd-5Small_1whn1_555\",\"marginEnd-4Small\":\"_marginEnd-4Small_1whn1_559\",\"marginEnd-3Small\":\"_marginEnd-3Small_1whn1_563\",\"marginEnd-2Small\":\"_marginEnd-2Small_1whn1_567\",\"marginEnd-1Small\":\"_marginEnd-1Small_1whn1_571\",\"marginEnd0Small\":\"_marginEnd0Small_1whn1_575\",\"marginEnd1Small\":\"_marginEnd1Small_1whn1_579\",\"marginEnd2Small\":\"_marginEnd2Small_1whn1_583\",\"marginEnd3Small\":\"_marginEnd3Small_1whn1_587\",\"marginEnd4Small\":\"_marginEnd4Small_1whn1_591\",\"marginEnd5Small\":\"_marginEnd5Small_1whn1_595\",\"marginEnd6Small\":\"_marginEnd6Small_1whn1_599\",\"marginEnd7Small\":\"_marginEnd7Small_1whn1_603\",\"marginEnd8Small\":\"_marginEnd8Small_1whn1_607\",\"marginEnd9Small\":\"_marginEnd9Small_1whn1_611\",\"marginEnd10Small\":\"_marginEnd10Small_1whn1_615\",\"marginEnd11Small\":\"_marginEnd11Small_1whn1_619\",\"marginEnd12Small\":\"_marginEnd12Small_1whn1_623\",\"marginEndautoSmall\":\"_marginEndautoSmall_1whn1_627\",\"marginStart-12Small\":\"_marginStart-12Small_1whn1_631\",\"marginStart-11Small\":\"_marginStart-11Small_1whn1_635\",\"marginStart-10Small\":\"_marginStart-10Small_1whn1_639\",\"marginStart-9Small\":\"_marginStart-9Small_1whn1_643\",\"marginStart-8Small\":\"_marginStart-8Small_1whn1_647\",\"marginStart-7Small\":\"_marginStart-7Small_1whn1_651\",\"marginStart-6Small\":\"_marginStart-6Small_1whn1_655\",\"marginStart-5Small\":\"_marginStart-5Small_1whn1_659\",\"marginStart-4Small\":\"_marginStart-4Small_1whn1_663\",\"marginStart-3Small\":\"_marginStart-3Small_1whn1_667\",\"marginStart-2Small\":\"_marginStart-2Small_1whn1_671\",\"marginStart-1Small\":\"_marginStart-1Small_1whn1_675\",\"marginStart0Small\":\"_marginStart0Small_1whn1_679\",\"marginStart1Small\":\"_marginStart1Small_1whn1_683\",\"marginStart2Small\":\"_marginStart2Small_1whn1_687\",\"marginStart3Small\":\"_marginStart3Small_1whn1_691\",\"marginStart4Small\":\"_marginStart4Small_1whn1_695\",\"marginStart5Small\":\"_marginStart5Small_1whn1_699\",\"marginStart6Small\":\"_marginStart6Small_1whn1_703\",\"marginStart7Small\":\"_marginStart7Small_1whn1_707\",\"marginStart8Small\":\"_marginStart8Small_1whn1_711\",\"marginStart9Small\":\"_marginStart9Small_1whn1_715\",\"marginStart10Small\":\"_marginStart10Small_1whn1_719\",\"marginStart11Small\":\"_marginStart11Small_1whn1_723\",\"marginStart12Small\":\"_marginStart12Small_1whn1_727\",\"marginStartautoSmall\":\"_marginStartautoSmall_1whn1_731\",\"marginTop-12Small\":\"_marginTop-12Small_1whn1_735\",\"marginTop-11Small\":\"_marginTop-11Small_1whn1_739\",\"marginTop-10Small\":\"_marginTop-10Small_1whn1_743\",\"marginTop-9Small\":\"_marginTop-9Small_1whn1_747\",\"marginTop-8Small\":\"_marginTop-8Small_1whn1_751\",\"marginTop-7Small\":\"_marginTop-7Small_1whn1_755\",\"marginTop-6Small\":\"_marginTop-6Small_1whn1_759\",\"marginTop-5Small\":\"_marginTop-5Small_1whn1_763\",\"marginTop-4Small\":\"_marginTop-4Small_1whn1_767\",\"marginTop-3Small\":\"_marginTop-3Small_1whn1_771\",\"marginTop-2Small\":\"_marginTop-2Small_1whn1_775\",\"marginTop-1Small\":\"_marginTop-1Small_1whn1_779\",\"marginTop0Small\":\"_marginTop0Small_1whn1_783\",\"marginTop1Small\":\"_marginTop1Small_1whn1_787\",\"marginTop2Small\":\"_marginTop2Small_1whn1_791\",\"marginTop3Small\":\"_marginTop3Small_1whn1_795\",\"marginTop4Small\":\"_marginTop4Small_1whn1_799\",\"marginTop5Small\":\"_marginTop5Small_1whn1_803\",\"marginTop6Small\":\"_marginTop6Small_1whn1_807\",\"marginTop7Small\":\"_marginTop7Small_1whn1_811\",\"marginTop8Small\":\"_marginTop8Small_1whn1_815\",\"marginTop9Small\":\"_marginTop9Small_1whn1_819\",\"marginTop10Small\":\"_marginTop10Small_1whn1_823\",\"marginTop11Small\":\"_marginTop11Small_1whn1_827\",\"marginTop12Small\":\"_marginTop12Small_1whn1_831\",\"marginTopautoSmall\":\"_marginTopautoSmall_1whn1_835\",\"marginBottom-12Large\":\"_marginBottom-12Large_1whn1_842\",\"marginBottom-11Large\":\"_marginBottom-11Large_1whn1_846\",\"marginBottom-10Large\":\"_marginBottom-10Large_1whn1_850\",\"marginBottom-9Large\":\"_marginBottom-9Large_1whn1_854\",\"marginBottom-8Large\":\"_marginBottom-8Large_1whn1_858\",\"marginBottom-7Large\":\"_marginBottom-7Large_1whn1_862\",\"marginBottom-6Large\":\"_marginBottom-6Large_1whn1_866\",\"marginBottom-5Large\":\"_marginBottom-5Large_1whn1_870\",\"marginBottom-4Large\":\"_marginBottom-4Large_1whn1_874\",\"marginBottom-3Large\":\"_marginBottom-3Large_1whn1_878\",\"marginBottom-2Large\":\"_marginBottom-2Large_1whn1_882\",\"marginBottom-1Large\":\"_marginBottom-1Large_1whn1_886\",\"marginBottom0Large\":\"_marginBottom0Large_1whn1_890\",\"marginBottom1Large\":\"_marginBottom1Large_1whn1_894\",\"marginBottom2Large\":\"_marginBottom2Large_1whn1_898\",\"marginBottom3Large\":\"_marginBottom3Large_1whn1_902\",\"marginBottom4Large\":\"_marginBottom4Large_1whn1_906\",\"marginBottom5Large\":\"_marginBottom5Large_1whn1_910\",\"marginBottom6Large\":\"_marginBottom6Large_1whn1_914\",\"marginBottom7Large\":\"_marginBottom7Large_1whn1_918\",\"marginBottom8Large\":\"_marginBottom8Large_1whn1_922\",\"marginBottom9Large\":\"_marginBottom9Large_1whn1_926\",\"marginBottom10Large\":\"_marginBottom10Large_1whn1_930\",\"marginBottom11Large\":\"_marginBottom11Large_1whn1_934\",\"marginBottom12Large\":\"_marginBottom12Large_1whn1_938\",\"marginBottomautoLarge\":\"_marginBottomautoLarge_1whn1_942\",\"marginEnd-12Large\":\"_marginEnd-12Large_1whn1_946\",\"marginEnd-11Large\":\"_marginEnd-11Large_1whn1_950\",\"marginEnd-10Large\":\"_marginEnd-10Large_1whn1_954\",\"marginEnd-9Large\":\"_marginEnd-9Large_1whn1_958\",\"marginEnd-8Large\":\"_marginEnd-8Large_1whn1_962\",\"marginEnd-7Large\":\"_marginEnd-7Large_1whn1_966\",\"marginEnd-6Large\":\"_marginEnd-6Large_1whn1_970\",\"marginEnd-5Large\":\"_marginEnd-5Large_1whn1_974\",\"marginEnd-4Large\":\"_marginEnd-4Large_1whn1_978\",\"marginEnd-3Large\":\"_marginEnd-3Large_1whn1_982\",\"marginEnd-2Large\":\"_marginEnd-2Large_1whn1_986\",\"marginEnd-1Large\":\"_marginEnd-1Large_1whn1_990\",\"marginEnd0Large\":\"_marginEnd0Large_1whn1_994\",\"marginEnd1Large\":\"_marginEnd1Large_1whn1_998\",\"marginEnd2Large\":\"_marginEnd2Large_1whn1_1002\",\"marginEnd3Large\":\"_marginEnd3Large_1whn1_1006\",\"marginEnd4Large\":\"_marginEnd4Large_1whn1_1010\",\"marginEnd5Large\":\"_marginEnd5Large_1whn1_1014\",\"marginEnd6Large\":\"_marginEnd6Large_1whn1_1018\",\"marginEnd7Large\":\"_marginEnd7Large_1whn1_1022\",\"marginEnd8Large\":\"_marginEnd8Large_1whn1_1026\",\"marginEnd9Large\":\"_marginEnd9Large_1whn1_1030\",\"marginEnd10Large\":\"_marginEnd10Large_1whn1_1034\",\"marginEnd11Large\":\"_marginEnd11Large_1whn1_1038\",\"marginEnd12Large\":\"_marginEnd12Large_1whn1_1042\",\"marginEndautoLarge\":\"_marginEndautoLarge_1whn1_1046\",\"marginStart-12Large\":\"_marginStart-12Large_1whn1_1050\",\"marginStart-11Large\":\"_marginStart-11Large_1whn1_1054\",\"marginStart-10Large\":\"_marginStart-10Large_1whn1_1058\",\"marginStart-9Large\":\"_marginStart-9Large_1whn1_1062\",\"marginStart-8Large\":\"_marginStart-8Large_1whn1_1066\",\"marginStart-7Large\":\"_marginStart-7Large_1whn1_1070\",\"marginStart-6Large\":\"_marginStart-6Large_1whn1_1074\",\"marginStart-5Large\":\"_marginStart-5Large_1whn1_1078\",\"marginStart-4Large\":\"_marginStart-4Large_1whn1_1082\",\"marginStart-3Large\":\"_marginStart-3Large_1whn1_1086\",\"marginStart-2Large\":\"_marginStart-2Large_1whn1_1090\",\"marginStart-1Large\":\"_marginStart-1Large_1whn1_1094\",\"marginStart0Large\":\"_marginStart0Large_1whn1_1098\",\"marginStart1Large\":\"_marginStart1Large_1whn1_1102\",\"marginStart2Large\":\"_marginStart2Large_1whn1_1106\",\"marginStart3Large\":\"_marginStart3Large_1whn1_1110\",\"marginStart4Large\":\"_marginStart4Large_1whn1_1114\",\"marginStart5Large\":\"_marginStart5Large_1whn1_1118\",\"marginStart6Large\":\"_marginStart6Large_1whn1_1122\",\"marginStart7Large\":\"_marginStart7Large_1whn1_1126\",\"marginStart8Large\":\"_marginStart8Large_1whn1_1130\",\"marginStart9Large\":\"_marginStart9Large_1whn1_1134\",\"marginStart10Large\":\"_marginStart10Large_1whn1_1138\",\"marginStart11Large\":\"_marginStart11Large_1whn1_1142\",\"marginStart12Large\":\"_marginStart12Large_1whn1_1146\",\"marginStartautoLarge\":\"_marginStartautoLarge_1whn1_1150\",\"marginTop-12Large\":\"_marginTop-12Large_1whn1_1154\",\"marginTop-11Large\":\"_marginTop-11Large_1whn1_1158\",\"marginTop-10Large\":\"_marginTop-10Large_1whn1_1162\",\"marginTop-9Large\":\"_marginTop-9Large_1whn1_1166\",\"marginTop-8Large\":\"_marginTop-8Large_1whn1_1170\",\"marginTop-7Large\":\"_marginTop-7Large_1whn1_1174\",\"marginTop-6Large\":\"_marginTop-6Large_1whn1_1178\",\"marginTop-5Large\":\"_marginTop-5Large_1whn1_1182\",\"marginTop-4Large\":\"_marginTop-4Large_1whn1_1186\",\"marginTop-3Large\":\"_marginTop-3Large_1whn1_1190\",\"marginTop-2Large\":\"_marginTop-2Large_1whn1_1194\",\"marginTop-1Large\":\"_marginTop-1Large_1whn1_1198\",\"marginTop0Large\":\"_marginTop0Large_1whn1_1202\",\"marginTop1Large\":\"_marginTop1Large_1whn1_1206\",\"marginTop2Large\":\"_marginTop2Large_1whn1_1210\",\"marginTop3Large\":\"_marginTop3Large_1whn1_1214\",\"marginTop4Large\":\"_marginTop4Large_1whn1_1218\",\"marginTop5Large\":\"_marginTop5Large_1whn1_1222\",\"marginTop6Large\":\"_marginTop6Large_1whn1_1226\",\"marginTop7Large\":\"_marginTop7Large_1whn1_1230\",\"marginTop8Large\":\"_marginTop8Large_1whn1_1234\",\"marginTop9Large\":\"_marginTop9Large_1whn1_1238\",\"marginTop10Large\":\"_marginTop10Large_1whn1_1242\",\"marginTop11Large\":\"_marginTop11Large_1whn1_1246\",\"marginTop12Large\":\"_marginTop12Large_1whn1_1250\",\"marginTopautoLarge\":\"_marginTopautoLarge_1whn1_1254\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css\"; export default {\"paddingX0\":\"_paddingX0_1aqye_2\",\"paddingX1\":\"_paddingX1_1aqye_7\",\"paddingX2\":\"_paddingX2_1aqye_12\",\"paddingX3\":\"_paddingX3_1aqye_17\",\"paddingX4\":\"_paddingX4_1aqye_22\",\"paddingX5\":\"_paddingX5_1aqye_27\",\"paddingX6\":\"_paddingX6_1aqye_32\",\"paddingX7\":\"_paddingX7_1aqye_37\",\"paddingX8\":\"_paddingX8_1aqye_42\",\"paddingX9\":\"_paddingX9_1aqye_47\",\"paddingX10\":\"_paddingX10_1aqye_52\",\"paddingX11\":\"_paddingX11_1aqye_57\",\"paddingX12\":\"_paddingX12_1aqye_62\",\"paddingY0\":\"_paddingY0_1aqye_67\",\"paddingY1\":\"_paddingY1_1aqye_72\",\"paddingY2\":\"_paddingY2_1aqye_77\",\"paddingY3\":\"_paddingY3_1aqye_82\",\"paddingY4\":\"_paddingY4_1aqye_87\",\"paddingY5\":\"_paddingY5_1aqye_92\",\"paddingY6\":\"_paddingY6_1aqye_97\",\"paddingY7\":\"_paddingY7_1aqye_102\",\"paddingY8\":\"_paddingY8_1aqye_107\",\"paddingY9\":\"_paddingY9_1aqye_112\",\"paddingY10\":\"_paddingY10_1aqye_117\",\"paddingY11\":\"_paddingY11_1aqye_122\",\"paddingY12\":\"_paddingY12_1aqye_127\",\"paddingX0Small\":\"_paddingX0Small_1aqye_134\",\"paddingX1Small\":\"_paddingX1Small_1aqye_139\",\"paddingX2Small\":\"_paddingX2Small_1aqye_144\",\"paddingX3Small\":\"_paddingX3Small_1aqye_149\",\"paddingX4Small\":\"_paddingX4Small_1aqye_154\",\"paddingX5Small\":\"_paddingX5Small_1aqye_159\",\"paddingX6Small\":\"_paddingX6Small_1aqye_164\",\"paddingX7Small\":\"_paddingX7Small_1aqye_169\",\"paddingX8Small\":\"_paddingX8Small_1aqye_174\",\"paddingX9Small\":\"_paddingX9Small_1aqye_179\",\"paddingX10Small\":\"_paddingX10Small_1aqye_184\",\"paddingX11Small\":\"_paddingX11Small_1aqye_189\",\"paddingX12Small\":\"_paddingX12Small_1aqye_194\",\"paddingY0Small\":\"_paddingY0Small_1aqye_199\",\"paddingY1Small\":\"_paddingY1Small_1aqye_204\",\"paddingY2Small\":\"_paddingY2Small_1aqye_209\",\"paddingY3Small\":\"_paddingY3Small_1aqye_214\",\"paddingY4Small\":\"_paddingY4Small_1aqye_219\",\"paddingY5Small\":\"_paddingY5Small_1aqye_224\",\"paddingY6Small\":\"_paddingY6Small_1aqye_229\",\"paddingY7Small\":\"_paddingY7Small_1aqye_234\",\"paddingY8Small\":\"_paddingY8Small_1aqye_239\",\"paddingY9Small\":\"_paddingY9Small_1aqye_244\",\"paddingY10Small\":\"_paddingY10Small_1aqye_249\",\"paddingY11Small\":\"_paddingY11Small_1aqye_254\",\"paddingY12Small\":\"_paddingY12Small_1aqye_259\",\"paddingX0Large\":\"_paddingX0Large_1aqye_267\",\"paddingX1Large\":\"_paddingX1Large_1aqye_272\",\"paddingX2Large\":\"_paddingX2Large_1aqye_277\",\"paddingX3Large\":\"_paddingX3Large_1aqye_282\",\"paddingX4Large\":\"_paddingX4Large_1aqye_287\",\"paddingX5Large\":\"_paddingX5Large_1aqye_292\",\"paddingX6Large\":\"_paddingX6Large_1aqye_297\",\"paddingX7Large\":\"_paddingX7Large_1aqye_302\",\"paddingX8Large\":\"_paddingX8Large_1aqye_307\",\"paddingX9Large\":\"_paddingX9Large_1aqye_312\",\"paddingX10Large\":\"_paddingX10Large_1aqye_317\",\"paddingX11Large\":\"_paddingX11Large_1aqye_322\",\"paddingX12Large\":\"_paddingX12Large_1aqye_327\",\"paddingY0Large\":\"_paddingY0Large_1aqye_332\",\"paddingY1Large\":\"_paddingY1Large_1aqye_337\",\"paddingY2Large\":\"_paddingY2Large_1aqye_342\",\"paddingY3Large\":\"_paddingY3Large_1aqye_347\",\"paddingY4Large\":\"_paddingY4Large_1aqye_352\",\"paddingY5Large\":\"_paddingY5Large_1aqye_357\",\"paddingY6Large\":\"_paddingY6Large_1aqye_362\",\"paddingY7Large\":\"_paddingY7Large_1aqye_367\",\"paddingY8Large\":\"_paddingY8Large_1aqye_372\",\"paddingY9Large\":\"_paddingY9Large_1aqye_377\",\"paddingY10Large\":\"_paddingY10Large_1aqye_382\",\"paddingY11Large\":\"_paddingY11Large_1aqye_387\",\"paddingY12Large\":\"_paddingY12Large_1aqye_392\"}"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import {
|
|
3
3
|
Box_default
|
|
4
|
-
} from "./
|
|
4
|
+
} from "./J6DAGNNN.js";
|
|
5
5
|
import {
|
|
6
6
|
Typography_default
|
|
7
7
|
} from "./YAM7DAOZ.js";
|
|
@@ -91,4 +91,4 @@ var TextArea_default = TextArea;
|
|
|
91
91
|
export {
|
|
92
92
|
TextArea_default
|
|
93
93
|
};
|
|
94
|
-
//# sourceMappingURL=
|
|
94
|
+
//# sourceMappingURL=DSLMOEWK.js.map
|
|
@@ -4,26 +4,26 @@
|
|
|
4
4
|
var _C5XPZTFOcjs = require('./C5XPZTFO.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _GUCD3CDNcjs = require('./GUCD3CDN.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
var _DMA6PPUZcjs = require('./DMA6PPUZ.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
var
|
|
13
|
+
var _6RR4OL4Scjs = require('./6RR4OL4S.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
var _SND6HHALcjs = require('./SND6HHAL.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _UVVLYBDQcjs = require('./UVVLYBDQ.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
var
|
|
26
|
+
var _DB7KX3J2cjs = require('./DB7KX3J2.cjs');
|
|
27
27
|
|
|
28
28
|
// src/RichSelect/RichSelectBox.tsx
|
|
29
29
|
|
|
@@ -125,7 +125,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
125
125
|
});
|
|
126
126
|
}, []);
|
|
127
127
|
const { autoFocus } = _react.useContext.call(void 0, RichSelectBoxContext);
|
|
128
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
128
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _DB7KX3J2cjs.Box_default, { children: [
|
|
129
129
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
130
130
|
_reactariacomponents.ListBox,
|
|
131
131
|
{
|
|
@@ -144,7 +144,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
144
144
|
}
|
|
145
145
|
),
|
|
146
146
|
!autosave && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
147
|
-
|
|
147
|
+
_DB7KX3J2cjs.Box_default,
|
|
148
148
|
{
|
|
149
149
|
backgroundColor: "white",
|
|
150
150
|
display: "flex",
|
|
@@ -159,9 +159,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
159
159
|
}
|
|
160
160
|
},
|
|
161
161
|
children: [
|
|
162
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
162
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DB7KX3J2cjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DMA6PPUZcjs.Divider, {}) }),
|
|
163
163
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
164
|
-
|
|
164
|
+
_DB7KX3J2cjs.Box_default,
|
|
165
165
|
{
|
|
166
166
|
paddingY: 5,
|
|
167
167
|
marginTop: -5,
|
|
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
169
169
|
justifyContent: "end",
|
|
170
170
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _C5XPZTFOcjs.ButtonGroup_default, { orientation: "horizontal", children: [
|
|
171
171
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
172
|
-
|
|
172
|
+
_GUCD3CDNcjs.Button_default,
|
|
173
173
|
{
|
|
174
174
|
onClick: clearChanges,
|
|
175
175
|
color: "secondary",
|
|
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
179
179
|
}
|
|
180
180
|
),
|
|
181
181
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
182
|
-
|
|
182
|
+
_GUCD3CDNcjs.Button_default,
|
|
183
183
|
{
|
|
184
184
|
onClick: saveChanges,
|
|
185
185
|
text: primaryButtonText,
|
|
@@ -199,8 +199,8 @@ var RichSelectBox = _react.forwardRef.call(void 0,
|
|
|
199
199
|
);
|
|
200
200
|
var RichSelectBox_default = Object.assign(RichSelectBox, {
|
|
201
201
|
Section: _SND6HHALcjs.RichSelectSection_default,
|
|
202
|
-
Chip:
|
|
203
|
-
RadioButton:
|
|
202
|
+
Chip: _6RR4OL4Scjs.RichSelectChip_default,
|
|
203
|
+
RadioButton: _UVVLYBDQcjs.RichSelectRadioButton_default
|
|
204
204
|
});
|
|
205
205
|
|
|
206
206
|
|
|
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
|
|
|
208
208
|
|
|
209
209
|
|
|
210
210
|
exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
|
|
211
|
-
//# sourceMappingURL=
|
|
211
|
+
//# sourceMappingURL=GF53QRQ7.cjs.map
|