npm - @fluentui/react-migration-v8-v9 - Versions diffs - 9.9.0 → 9.9.1 - Mend

@fluentui/react-migration-v8-v9 9.9.0 → 9.9.1

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.

Files changed (65) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-migration-v8-v9
-This log was last generated on Thu, 17 Jul 2025 13:45:42 GMT and should not be manually modified.
+This log was last generated on Mon, 28 Jul 2025 18:44:12 GMT and should not be manually modified.
 <!-- Start content -->
+## [9.9.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.1)
+Mon, 28 Jul 2025 18:44:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.0..@fluentui/react-migration-v8-v9_v9.9.1)
+### Patches
+- Bump @fluentui/react-components to v9.68.0 ([PR #34918](https://github.com/microsoft/fluentui/pull/34918) by beachball)
 ## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.0)
-Thu, 17 Jul 2025 13:45:42 GMT
+Thu, 17 Jul 2025 13:49:42 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.8.8..@fluentui/react-migration-v8-v9_v9.9.0)
 ### Minor changes

package/lib/components/Button/ActionButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: 'ms-Button--action ms-Button--command',\n };\n\n const shimProps = shimButtonProps(variantProps);\n\n return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"~~rangeMappings":";;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYP,gBAAgBK;IAElC,qBAAO,oBAACN;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: 'ms-Button--action ms-Button--command',\n };\n\n const shimProps = shimButtonProps(variantProps);\n\n return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYP,gBAAgBK;IAElC,qBAAO,oBAACN;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}

package/lib/components/Button/ButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n IBaseButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const shimProps = shimButtonProps(props);\n\n if (props.toggle) {\n return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n }\n if (props.secondaryText \|\| props.onRenderDescription?.(props)) {\n return <CompoundButtonShim {...props} />;\n }\n\n return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,OAAO,MAAMC,2BAITL,MAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,YAAYP,gBAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,qBAAO,oBAACP,kBAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,MAAIL,6BAAAA,MAAMM,mBAAmB,cAAzBN,iDAAAA,gCAAAA,OAA4BA,SAAQ;QAC7D,qBAAO,oBAACH,oBAAuBG;IACjC;IAEA,qBAAO,oBAACN;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n IBaseButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const shimProps = shimButtonProps(props);\n\n if (props.toggle) {\n return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n }\n if (props.secondaryText \|\| props.onRenderDescription?.(props)) {\n return <CompoundButtonShim {...props} />;\n }\n\n return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,MAAM,QAAQ,6BAA6B;AAGpD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,kBAAkB,QAAQ,uBAAuB;AAE1D,OAAO,MAAMC,2BAITL,MAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,YAAYP,gBAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,qBAAO,oBAACP,kBAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,MAAIL,6BAAAA,MAAMM,mBAAmB,cAAzBN,iDAAAA,gCAAAA,OAA4BA,SAAQ;QAC7D,qBAAO,oBAACH,oBAAuBG;IACjC;IAEA,qBAAO,oBAACN;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}

package/lib/components/Button/CommandButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"names":["ActionButtonShim","CommandButtonShim"],"~~rangeMappings":";;","~~mappings":"AAAA;;CAEC,GACD,SAASA,oBAAoBC,iBAAiB,QAAQ,qBAAqB"}
1	+ {"version":3,"sources":["../src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/*\n Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"names":["ActionButtonShim","CommandButtonShim"],"mappings":"AAAA;;CAEC,GACD,SAASA,oBAAoBC,iBAAiB,QAAQ,qBAAqB"}

package/lib/components/Button/CompoundButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: CompoundButtonProps = {\n ...shimButtonProps(variantProps),\n secondaryContent: props.secondaryText \|\| props.onRenderDescription?.(props),\n };\n\n return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,cAAc,QAAQ,6BAA6B;AAI5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,mCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGR,gBAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,MAAIP,6BAAAA,MAAMQ,mBAAmB,cAAzBR,iDAAAA,gCAAAA,OAA4BA;IACvE;IAEA,qBAAO,oBAACJ;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: CompoundButtonProps = {\n ...shimButtonProps(variantProps),\n secondaryContent: props.secondaryText \|\| props.onRenderDescription?.(props),\n };\n\n return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,cAAc,QAAQ,6BAA6B;AAI5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,mCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGR,gBAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,MAAIP,6BAAAA,MAAMQ,mBAAmB,cAAzBR,iDAAAA,gCAAAA,OAA4BA;IACvE;IAEA,qBAAO,oBAACJ;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}

package/lib/components/Button/DefaultButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"~~rangeMappings":";;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}

package/lib/components/Button/MenuButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"~~rangeMappings":";;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAElG,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAE5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,+BAITT,MAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGR,gBAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,GAAGX,cAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,qBACE,oBAAChB,MAASe,gCACR,oBAACZ,iCACC,oBAACJ,YAAee,2BAElB,oBAACZ,iCACC,oBAACD,iBACEQ,mBAAAA,MAAMO,SAAS,cAAfP,uCAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,mCAAmC;QACnC,yCAAyC;sBACzC,oBAACf,cAAiBe;AAM9B,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n});\n"],"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAElG,SAASC,YAAY,EAAEC,aAAa,QAAQ,gBAAgB;AAE5D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,+BAITT,MAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGR,gBAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,GAAGX,cAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,qBACE,oBAAChB,MAASe,gCACR,oBAACZ,iCACC,oBAACJ,YAAee,2BAElB,oBAACZ,iCACC,oBAACD,iBACEQ,mBAAAA,MAAMO,SAAS,cAAfP,uCAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,mCAAmC;QACnC,yCAAyC;sBACzC,oBAACf,cAAiBe;AAM9B,GAAG"}

package/lib/components/Button/PrimaryButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"~~rangeMappings":";;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/*\n Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,UAAU,QAAQ,eAAe;AAE1C;;CAEC,GACD,OAAO,MAAMC,kCAITF,MAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,qBAAO,oBAACJ;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}

package/lib/components/Button/ToggleButtonShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,YAAY,QAAQ,6BAA6B;AAI1D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGR,gBAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,qBAAO,oBAACX;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/*\n Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n IButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,YAAY,QAAQ,6BAA6B;AAI1D,SAASC,eAAe,QAAQ,oBAAoB;AAEpD;;CAEC,GACD,OAAO,MAAMC,iCAITH,MAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGR,gBAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,qBAAO,oBAACX;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}

package/lib/components/Button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/index.ts"],"sourcesContent":["export { ActionButtonShim } from './ActionButtonShim';\nexport { ButtonShim } from './ButtonShim';\nexport { CommandButtonShim } from './CommandButtonShim';\nexport { CompoundButtonShim } from './CompoundButtonShim';\nexport { DefaultButtonShim } from './DefaultButtonShim';\nexport { MenuButtonShim } from './MenuButtonShim';\nexport { PrimaryButtonShim } from './PrimaryButtonShim';\nexport { shimButtonProps } from './shimButtonProps';\nexport { ToggleButtonShim } from './ToggleButtonShim';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim"],"~~rangeMappings":";;;;;;;;","~~mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB"}
1	+ {"version":3,"sources":["../src/components/Button/index.ts"],"sourcesContent":["export { ActionButtonShim } from './ActionButtonShim';\nexport { ButtonShim } from './ButtonShim';\nexport { CommandButtonShim } from './CommandButtonShim';\nexport { CompoundButtonShim } from './CompoundButtonShim';\nexport { DefaultButtonShim } from './DefaultButtonShim';\nexport { MenuButtonShim } from './MenuButtonShim';\nexport { PrimaryButtonShim } from './PrimaryButtonShim';\nexport { shimButtonProps } from './shimButtonProps';\nexport { ToggleButtonShim } from './ToggleButtonShim';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim"],"mappings":"AAAA,SAASA,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,kBAAkB,QAAQ,uBAAuB;AAC1D,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,gBAAgB,QAAQ,qBAAqB"}

package/lib/components/Button/shimButtonProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (\n props: IBaseButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>,\n): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key \|\| props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text \|\| props.children,\n } as ButtonProps;\n};\n"],"names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,IAAI,QAAQ,kBAAkB;AAKvC,OAAO,MAAMC,kBAAkB,CAC7BC;IAIA,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAC7BF,MAAME,YAAY,CAACF,SACjBA,MAAMG,SAAS,iBACjB,oBAACL,MAASE,MAAMG,SAAS,IACvBC;QAEqBJ;IAAzB,MAAMK,mBAAmBL,CAAAA,CAAAA,0BAAAA,MAAMK,gBAAgB,cAAtBL,qCAAAA,0BAA0BA,MAAMM,OAAO,AAAD,IAAI,uBAAuB;IAC1F,MAAMC,YAAY;QAACP,MAAMQ,aAAa;QAAEH;QAAkBL,MAAMO,SAAS;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEhG,OAAO;QACL,kFAAkF;QAClF,GAAGX,KAAK;QACRY,YAAYZ,MAAMM,OAAO,GAAG,YAAYF;QACxCG;QACAM,UAAUb,MAAMa,QAAQ;QACxBC,mBAAmBd,MAAMe,kBAAkB;QAC3C,eAAef,MAAMgB,UAAU;QAC/B,cAAchB,MAAMiB,SAAS;QAC7BhB;QACAiB,KAAKlB,MAAMkB,GAAG,IAAIlB,MAAMmB,QAAQ;QAChCC,UAAUpB,MAAMqB,gBAAgB,GAC5BrB,MAAMqB,gBAAgB,CAACrB,SACvBA,MAAMsB,YAAY,GAClBtB,MAAMsB,YAAY,CAACtB,SACnBA,MAAMuB,IAAI,IAAIvB,MAAMoB,QAAQ;IAClC;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (\n props: IBaseButtonProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLButtonElement>,\n): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key \|\| props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text \|\| props.children,\n } as ButtonProps;\n};\n"],"names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,IAAI,QAAQ,kBAAkB;AAKvC,OAAO,MAAMC,kBAAkB,CAC7BC;IAIA,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAC7BF,MAAME,YAAY,CAACF,SACjBA,MAAMG,SAAS,iBACjB,oBAACL,MAASE,MAAMG,SAAS,IACvBC;QAEqBJ;IAAzB,MAAMK,mBAAmBL,CAAAA,CAAAA,0BAAAA,MAAMK,gBAAgB,cAAtBL,qCAAAA,0BAA0BA,MAAMM,OAAO,AAAD,IAAI,uBAAuB;IAC1F,MAAMC,YAAY;QAACP,MAAMQ,aAAa;QAAEH;QAAkBL,MAAMO,SAAS;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEhG,OAAO;QACL,kFAAkF;QAClF,GAAGX,KAAK;QACRY,YAAYZ,MAAMM,OAAO,GAAG,YAAYF;QACxCG;QACAM,UAAUb,MAAMa,QAAQ;QACxBC,mBAAmBd,MAAMe,kBAAkB;QAC3C,eAAef,MAAMgB,UAAU;QAC/B,cAAchB,MAAMiB,SAAS;QAC7BhB;QACAiB,KAAKlB,MAAMkB,GAAG,IAAIlB,MAAMmB,QAAQ;QAChCC,UAAUpB,MAAMqB,gBAAgB,GAC5BrB,MAAMqB,gBAAgB,CAACrB,SACvBA,MAAMsB,YAAY,GAClBtB,MAAMsB,YAAY,CAACtB,SACnBA,MAAMuB,IAAI,IAAIvB,MAAMoB,QAAQ;IAClC;AACF,EAAE"}

package/lib/components/Checkbox/Checkbox.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useCheckboxStyles = makeStyles({\n root: {\n display: 'flex',\n },\n});\n"],"names":["makeStyles","useCheckboxStyles","root","display"],"~~rangeMappings":";;;;;","~~mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,oBAAoBD,WAAW;IAC1CE,MAAM;QACJC,SAAS;IACX;AACF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useCheckboxStyles = makeStyles({\n root: {\n display: 'flex',\n },\n});\n"],"names":["makeStyles","useCheckboxStyles","root","display"],"mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,oBAAoBD,WAAW;IAC1CE,MAAM;QACJC,SAAS;IACX;AACF,GAAG"}

package/lib/components/Checkbox/CheckboxShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) \|\| React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (\n checkboxProps?: ICheckboxProps,\n ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n JSX.Element \| null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label \|\| onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n ICheckboxProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAA8D,kBAAkB;AAC3G,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAEtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC~~;IAAA;~~IAEA,MAAMC,uBAAuB,CAC3BC;QAGA,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) \|\| React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (\n checkboxProps?: ICheckboxProps,\n ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n JSX.Element \| null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label \|\| onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n ICheckboxProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,kBAAkB,QAA8D,kBAAkB;AAC3G,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAEtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAC3BC;QAGA,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}

package/lib/components/Checkbox/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Checkbox/index.ts"],"sourcesContent":["export { CheckboxShim } from './CheckboxShim';\n"],"names":["CheckboxShim"],"~~rangeMappings":"","~~mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB"}
1	+ {"version":3,"sources":["../src/components/Checkbox/index.ts"],"sourcesContent":["export { CheckboxShim } from './CheckboxShim';\n"],"names":["CheckboxShim"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB"}

package/lib/components/Checkbox/shimCheckboxProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate \|\| defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean \| undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate \|\| defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean \| undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}

package/lib/components/Menu/MenuShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const MenuItemShim = (props: IContextualMenuItem): JSX.Element => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"],"names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,6BAA6B;AAEpC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB;AAEnH,4DAA4D;AAC5D,OAAO,MAAMC,eAAe,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKhB,uBAAuBiB,OAAO,EAAE;QACrD,MAAMC,YAAYN,kBAAkBG;QACpC,qBAAO,oBAACb,aAAiBgB;IAC3B;IAEA,IAAIH,MAAMC,QAAQ,KAAKhB,uBAAuBmB,OAAO,EAAE;YAMhDJ;QALL,MAAMG,YAAYR,oBAAoBK;QACtC,qBACE,oBAACZ,+BACC,oBAACC,uBAAiBc,UAAUE,QAAQ,IAEnCL,uBAAAA,MAAMM,YAAY,cAAlBN,2CAAAA,qBAAoBO,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC7B,mCAAmC;YACnC,yCAAyC;0BACzC,oBAACV,cAAiBU;IAI1B;IAEA,IAAIT,MAAMU,QAAQ,EAAE;QAClB,MAAMP,YAAYP,0BAA0BI;QAC5C,qBAAO,oBAACN,kBAAqBS;IAC/B;IAEA,iCAAiC;IACjC,IAAIH,EAAAA,sBAAAA,MAAMM,YAAY,cAAlBN,0CAAAA,oBAAoBO,KAAK,KAAIP,MAAMM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,GAAG;QACpE,MAAMC,mBAAmBd,cAAcE,MAAMM,YAAY;QACzD,MAAMO,mBAAmBhB,kBAAkBG;QAE3C,qBACE,oBAACT,MAASqB,gCACR,oBAACtB,iCACC,oBAACJ;YAAU,GAAG2B,gBAAgB;YAAEC,YAAAA;2BAElC,oBAACrB,iCACC,oBAACD,gBACEQ,MAAMM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC5B,mCAAmC;YACnC,yCAAyC;0BACzC,oBAACV,cAAiBU;IAM9B;IAEA,MAAMN,YAAYN,kBAAkBG;IACpC,qBAAO,oBAACd,UAAaiB;AACvB,EAAE"}
1	+ {"version":3,"sources":["../src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const MenuItemShim = (props: IContextualMenuItem): JSX.Element => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"],"names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,sBAAsB,QAAQ,kBAAkB;AAEzD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,6BAA6B;AAEpC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB;AAEnH,4DAA4D;AAC5D,OAAO,MAAMC,eAAe,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKhB,uBAAuBiB,OAAO,EAAE;QACrD,MAAMC,YAAYN,kBAAkBG;QACpC,qBAAO,oBAACb,aAAiBgB;IAC3B;IAEA,IAAIH,MAAMC,QAAQ,KAAKhB,uBAAuBmB,OAAO,EAAE;YAMhDJ;QALL,MAAMG,YAAYR,oBAAoBK;QACtC,qBACE,oBAACZ,+BACC,oBAACC,uBAAiBc,UAAUE,QAAQ,IAEnCL,uBAAAA,MAAMM,YAAY,cAAlBN,2CAAAA,qBAAoBO,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC7B,mCAAmC;YACnC,yCAAyC;0BACzC,oBAACV,cAAiBU;IAI1B;IAEA,IAAIT,MAAMU,QAAQ,EAAE;QAClB,MAAMP,YAAYP,0BAA0BI;QAC5C,qBAAO,oBAACN,kBAAqBS;IAC/B;IAEA,iCAAiC;IACjC,IAAIH,EAAAA,sBAAAA,MAAMM,YAAY,cAAlBN,0CAAAA,oBAAoBO,KAAK,KAAIP,MAAMM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,GAAG;QACpE,MAAMC,mBAAmBd,cAAcE,MAAMM,YAAY;QACzD,MAAMO,mBAAmBhB,kBAAkBG;QAE3C,qBACE,oBAACT,MAASqB,gCACR,oBAACtB,iCACC,oBAACJ;YAAU,GAAG2B,gBAAgB;YAAEC,YAAAA;2BAElC,oBAACrB,iCACC,oBAACD,gBACEQ,MAAMM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC5B,mCAAmC;YACnC,yCAAyC;0BACzC,oBAACV,cAAiBU;IAM9B;IAEA,MAAMN,YAAYN,kBAAkBG;IACpC,qBAAO,oBAACd,UAAaiB;AACvB,EAAE"}

package/lib/components/Menu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Menu/index.ts"],"sourcesContent":["export { MenuItemShim } from './MenuShim';\nexport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n"],"names":["MenuItemShim","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps"],"~~rangeMappings":";","~~mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;AAC1C,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB"}
1	+ {"version":3,"sources":["../src/components/Menu/index.ts"],"sourcesContent":["export { MenuItemShim } from './MenuShim';\nexport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n"],"names":["MenuItemShim","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps"],"mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;AAC1C,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB"}

package/lib/components/Menu/shimMenuProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-components';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n return {\n hasIcons: props?.items.some(i => i.iconProps),\n hasCheckmarks: props?.items.some(i => i.canCheck \|\| i.checked),\n };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText,\n } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n return {\n ...shimMenuItemProps(props),\n name: props.text \|\| 'name',\n value: props.value \|\| 'value',\n };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n return {\n children: props.sectionProps?.title,\n };\n};\n"],"names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,IAAI,QAAQ,kBAAkB;AAIvC,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,OAAO;QACLC,QAAQ,EAAED,kBAAAA,4BAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEC,SAAS;QAC5CC,aAAa,EAAEN,kBAAAA,4BAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMC,oBAAoB,CAACT;IAChC,oCAAoC;IACpC,MAAMU,OAAOV,MAAMK,SAAS,iBAAG,oBAACP,MAASE,MAAMK,SAAS,IAAOM;IAE/D,OAAO;QACL,GAAGX,KAAK;QACR,cAAcA,MAAMY,SAAS;QAC7BC,UAAUb,MAAMc,IAAI;QACpBJ;QACAK,kBAAkBf,MAAMgB,aAAa;IACvC;AACF,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACjB;IACxC,OAAO;QACL,GAAGS,kBAAkBT,MAAM;QAC3BkB,MAAMlB,MAAMc,IAAI,IAAI;QACpBK,OAAOnB,MAAMmB,KAAK,IAAI;IACxB;AACF,EAAE;AAEF,OAAO,MAAMC,sBAAsB,CAACpB;QAEtBA;IADZ,OAAO;QACLa,QAAQ,GAAEb,sBAAAA,MAAMqB,YAAY,cAAlBrB,0CAAAA,oBAAoBsB,KAAK;IACrC;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-components';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n return {\n hasIcons: props?.items.some(i => i.iconProps),\n hasCheckmarks: props?.items.some(i => i.canCheck \|\| i.checked),\n };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText,\n } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n return {\n ...shimMenuItemProps(props),\n name: props.text \|\| 'name',\n value: props.value \|\| 'value',\n };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n return {\n children: props.sectionProps?.title,\n };\n};\n"],"names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,IAAI,QAAQ,kBAAkB;AAIvC,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,OAAO;QACLC,QAAQ,EAAED,kBAAAA,4BAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEC,SAAS;QAC5CC,aAAa,EAAEN,kBAAAA,4BAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMC,oBAAoB,CAACT;IAChC,oCAAoC;IACpC,MAAMU,OAAOV,MAAMK,SAAS,iBAAG,oBAACP,MAASE,MAAMK,SAAS,IAAOM;IAE/D,OAAO;QACL,GAAGX,KAAK;QACR,cAAcA,MAAMY,SAAS;QAC7BC,UAAUb,MAAMc,IAAI;QACpBJ;QACAK,kBAAkBf,MAAMgB,aAAa;IACvC;AACF,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACjB;IACxC,OAAO;QACL,GAAGS,kBAAkBT,MAAM;QAC3BkB,MAAMlB,MAAMc,IAAI,IAAI;QACpBK,OAAOnB,MAAMmB,KAAK,IAAI;IACxB;AACF,EAAE;AAEF,OAAO,MAAMC,sBAAsB,CAACpB;QAEtBA;IADZ,OAAO;QACLa,QAAQ,GAAEb,sBAAAA,MAAMqB,YAAY,cAAlBrB,0CAAAA,oBAAoBsB,KAAK;IACrC;AACF,EAAE"}

package/lib/components/Stack/StackItemShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport {\n useFlexAlignSelfStyles,\n useFlexGrowStyles,\n useFlexOrderStyles,\n useFlexShrinkStyles,\n useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackItemShim = (props: IStackItemProps): JSX.Element => {\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink \|\| (!grow && !shrink)) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAG/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,yBAAyB;AAEhC,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AAEA,4DAA4D;AAC5D,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASb;IACf,MAAMc,kBAAkBlB;IACxB,MAAMmB,mBAAmBhB;IACzB,MAAMiB,iBAAyCnB;IAC/C,MAAMoB,kBAA0CnB;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,aAAa3B,aAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,qBAAO,oBAACW;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}
1	+ {"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport {\n useFlexAlignSelfStyles,\n useFlexGrowStyles,\n useFlexOrderStyles,\n useFlexShrinkStyles,\n useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackItemShim = (props: IStackItemProps): JSX.Element => {\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink \|\| (!grow && !shrink)) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":"AAAA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAG/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,yBAAyB;AAEhC,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AAEA,4DAA4D;AAC5D,OAAO,MAAMC,gBAAgB,CAACC;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASb;IACf,MAAMc,kBAAkBlB;IACxB,MAAMmB,mBAAmBhB;IACzB,MAAMiB,iBAAyCnB;IAC/C,MAAMoB,kBAA0CnB;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,aAAa3B,aAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,qBAAO,oBAACW;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}

package/lib/components/Stack/StackItemShim.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/StackItemShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const useStackItemShimStyles = makeStyles({\n root: {\n height: 'auto',\n width: 'auto',\n },\n disableShrink: {\n flexShrink: 0,\n },\n verticalFill: {\n height: '100%',\n },\n});\n\nexport const useFlexAlignSelfStyles = makeStyles({\n auto: {\n alignSelf: 'auto',\n },\n baseline: {\n alignSelf: 'baseline',\n },\n center: {\n alignSelf: 'center',\n },\n start: {\n alignSelf: 'flex-start',\n },\n end: {\n alignSelf: 'flex-end',\n },\n stretch: {\n alignSelf: 'stretch',\n },\n});\n\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nexport const useFlexShrinkStyles = makeStyles({\n inherit: {\n flexShrink: 'inherit',\n },\n initial: {\n flexShrink: 'initial',\n },\n revert: {\n flexShrink: 'revert',\n },\n unset: {\n flexShrink: 'unset',\n },\n 0: {\n flexShrink: 0,\n },\n 1: {\n flexShrink: 1,\n },\n 2: {\n flexShrink: 2,\n },\n});\n\nexport const useFlexOrderStyles = makeStyles({\n inherit: {\n order: 'inherit',\n },\n initial: {\n order: 'initial',\n },\n unset: {\n order: 'unset',\n },\n revert: {\n order: 'revert',\n },\n '-3': {\n order: -3,\n },\n '-2': {\n order: -2,\n },\n '-1': {\n order: -1,\n },\n '0': {\n order: 0,\n },\n '1': {\n order: 1,\n },\n '2': {\n order: 2,\n },\n '3': {\n order: 3,\n },\n});\n"],"names":["makeStyles","useStackItemShimStyles","root","height","width","disableShrink","flexShrink","verticalFill","useFlexAlignSelfStyles","auto","alignSelf","baseline","center","start","end","stretch","useFlexGrowStyles","inherit","flexGrow","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","order"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,yBAAyBD,WAAW;IAC/CE,MAAM;QACJC,QAAQ;QACRC,OAAO;IACT;IACAC,eAAe;QACbC,YAAY;IACd;IACAC,cAAc;QACZJ,QAAQ;IACV;AACF,GAAG;AAEH,OAAO,MAAMK,yBAAyBR,WAAW;IAC/CS,MAAM;QACJC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,QAAQ;QACNF,WAAW;IACb;IACAG,OAAO;QACLH,WAAW;IACb;IACAI,KAAK;QACHJ,WAAW;IACb;IACAK,SAAS;QACPL,WAAW;IACb;AACF,GAAG;AAEH,OAAO,MAAMM,oBAAoBhB,WAAW;IAC1CiB,SAAS;QACPC,UAAU;IACZ;IACAC,SAAS;QACPD,UAAU;IACZ;IACAE,QAAQ;QACNF,UAAU;IACZ;IACAG,OAAO;QACLH,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;AACF,GAAG;AAEH,OAAO,MAAMI,sBAAsBtB,WAAW;IAC5CiB,SAAS;QACPX,YAAY;IACd;IACAa,SAAS;QACPb,YAAY;IACd;IACAc,QAAQ;QACNd,YAAY;IACd;IACAe,OAAO;QACLf,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;AACF,GAAG;AAEH,OAAO,MAAMiB,qBAAqBvB,WAAW;IAC3CiB,SAAS;QACPO,OAAO;IACT;IACAL,SAAS;QACPK,OAAO;IACT;IACAH,OAAO;QACLG,OAAO;IACT;IACAJ,QAAQ;QACNI,OAAO;IACT;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;AACF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Stack/StackItemShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const useStackItemShimStyles = makeStyles({\n root: {\n height: 'auto',\n width: 'auto',\n },\n disableShrink: {\n flexShrink: 0,\n },\n verticalFill: {\n height: '100%',\n },\n});\n\nexport const useFlexAlignSelfStyles = makeStyles({\n auto: {\n alignSelf: 'auto',\n },\n baseline: {\n alignSelf: 'baseline',\n },\n center: {\n alignSelf: 'center',\n },\n start: {\n alignSelf: 'flex-start',\n },\n end: {\n alignSelf: 'flex-end',\n },\n stretch: {\n alignSelf: 'stretch',\n },\n});\n\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nexport const useFlexShrinkStyles = makeStyles({\n inherit: {\n flexShrink: 'inherit',\n },\n initial: {\n flexShrink: 'initial',\n },\n revert: {\n flexShrink: 'revert',\n },\n unset: {\n flexShrink: 'unset',\n },\n 0: {\n flexShrink: 0,\n },\n 1: {\n flexShrink: 1,\n },\n 2: {\n flexShrink: 2,\n },\n});\n\nexport const useFlexOrderStyles = makeStyles({\n inherit: {\n order: 'inherit',\n },\n initial: {\n order: 'initial',\n },\n unset: {\n order: 'unset',\n },\n revert: {\n order: 'revert',\n },\n '-3': {\n order: -3,\n },\n '-2': {\n order: -2,\n },\n '-1': {\n order: -1,\n },\n '0': {\n order: 0,\n },\n '1': {\n order: 1,\n },\n '2': {\n order: 2,\n },\n '3': {\n order: 3,\n },\n});\n"],"names":["makeStyles","useStackItemShimStyles","root","height","width","disableShrink","flexShrink","verticalFill","useFlexAlignSelfStyles","auto","alignSelf","baseline","center","start","end","stretch","useFlexGrowStyles","inherit","flexGrow","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","order"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,yBAAyBD,WAAW;IAC/CE,MAAM;QACJC,QAAQ;QACRC,OAAO;IACT;IACAC,eAAe;QACbC,YAAY;IACd;IACAC,cAAc;QACZJ,QAAQ;IACV;AACF,GAAG;AAEH,OAAO,MAAMK,yBAAyBR,WAAW;IAC/CS,MAAM;QACJC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,QAAQ;QACNF,WAAW;IACb;IACAG,OAAO;QACLH,WAAW;IACb;IACAI,KAAK;QACHJ,WAAW;IACb;IACAK,SAAS;QACPL,WAAW;IACb;AACF,GAAG;AAEH,OAAO,MAAMM,oBAAoBhB,WAAW;IAC1CiB,SAAS;QACPC,UAAU;IACZ;IACAC,SAAS;QACPD,UAAU;IACZ;IACAE,QAAQ;QACNF,UAAU;IACZ;IACAG,OAAO;QACLH,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;AACF,GAAG;AAEH,OAAO,MAAMI,sBAAsBtB,WAAW;IAC5CiB,SAAS;QACPX,YAAY;IACd;IACAa,SAAS;QACPb,YAAY;IACd;IACAc,QAAQ;QACNd,YAAY;IACd;IACAe,OAAO;QACLf,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;AACF,GAAG;AAEH,OAAO,MAAMiB,qBAAqBvB,WAAW;IAC3CiB,SAAS;QACPO,OAAO;IACT;IACAL,SAAS;QACPK,OAAO;IACT;IACAH,OAAO;QACLG,OAAO;IACT;IACAJ,QAAQ;QACNI,OAAO;IACT;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;AACF,GAAG"}

package/lib/components/Stack/StackShim.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackShim = (props: IStackProps): JSX.Element => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens \|\| !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(\n stackChildren as React.ReactElement[],\n (child: React.ReactElement<IStackItemProps>) => {\n if (!child) {\n return null;\n }\n\n if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props,\n });\n }\n\n return child;\n },\n );\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"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"}
1	+ {"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackShim = (props: IStackProps): JSX.Element => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens \|\| !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(\n stackChildren as React.ReactElement[],\n (child: React.ReactElement<IStackItemProps>) => {\n if (!child) {\n return null;\n }\n\n if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props,\n });\n }\n\n return child;\n },\n );\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}

package/lib/components/Stack/StackShim.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/StackShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const useStackStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: 'auto',\n height: 'auto',\n boxSizing: 'border-box',\n '> ': {\n textOverflow: 'ellipsis',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n horizontal: {\n flexDirection: 'row',\n },\n verticalFill: {\n height: '100%',\n },\n reversedVertical: {\n flexDirection: 'column-reverse',\n },\n reversedHorizontal: {\n flexDirection: 'row-reverse',\n },\n disableShrink: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 0,\n },\n },\n wrap: {\n display: 'flex',\n flexWrap: 'wrap',\n height: '100%',\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n maxWidth: '100vw',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n innerWidth: {\n width: '100%',\n },\n});\n\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nexport const useFlexAlignItemsStyles = makeStyles({\n baseline: {\n alignItems: 'baseline',\n },\n center: {\n alignItems: 'center',\n },\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n 'space-between': {\n alignItems: 'space-between',\n },\n\n 'space-around': {\n alignItems: 'space-around',\n },\n 'space-evenly': {\n alignItems: 'space-evenly',\n },\n});\n\nexport const useFlexJustifyContentStyles = makeStyles({\n baseline: {\n justifyContent: 'baseline',\n },\n center: {\n justifyContent: 'center',\n },\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n 'space-between': {\n justifyContent: 'space-between',\n },\n\n 'space-around': {\n justifyContent: 'space-around',\n },\n 'space-evenly': {\n justifyContent: 'space-evenly',\n },\n});\n"],"names":["makeStyles","useStackStyles","root","display","flexDirection","flexWrap","width","height","boxSizing","textOverflow","flexShrink","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","maxWidth","innerWidth","useFlexGrowStyles","inherit","flexGrow","initial","revert","unset","useFlexAlignItemsStyles","baseline","alignItems","center","start","end","stretch","useFlexJustifyContentStyles","justifyContent"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,iBAAiBD,WAAW;IACvCE,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,UAAU;QACVC,OAAO;QACPC,QAAQ;QACRC,WAAW;QACX,OAAO;YACLC,cAAc;QAChB;QACA,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBC,YAAY;QACd;IACF;IACAC,YAAY;QACVP,eAAe;IACjB;IACAQ,cAAc;QACZL,QAAQ;IACV;IACAM,kBAAkB;QAChBT,eAAe;IACjB;IACAU,oBAAoB;QAClBV,eAAe;IACjB;IACAW,eAAe;QACb,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBL,YAAY;QACd;IACF;IACAM,MAAM;QACJb,SAAS;QACTE,UAAU;QACVE,QAAQ;IACV;IACAU,OAAO;QACLd,SAAS;QACTC,eAAe;QACfC,UAAU;QACVG,WAAW;QACXU,UAAU;QACV,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBR,YAAY;QACd;IACF;IACAS,YAAY;QACVb,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMc,oBAAoBpB,WAAW;IAC1CqB,SAAS;QACPC,UAAU;IACZ;IACAC,SAAS;QACPD,UAAU;IACZ;IACAE,QAAQ;QACNF,UAAU;IACZ;IACAG,OAAO;QACLH,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;AACF,GAAG;AAEH,OAAO,MAAMI,0BAA0B1B,WAAW;IAChD2B,UAAU;QACRC,YAAY;IACd;IACAC,QAAQ;QACND,YAAY;IACd;IACAE,OAAO;QACLF,YAAY;IACd;IACAG,KAAK;QACHH,YAAY;IACd;IACAI,SAAS;QACPJ,YAAY;IACd;IACA,iBAAiB;QACfA,YAAY;IACd;IAEA,gBAAgB;QACdA,YAAY;IACd;IACA,gBAAgB;QACdA,YAAY;IACd;AACF,GAAG;AAEH,OAAO,MAAMK,8BAA8BjC,WAAW;IACpD2B,UAAU;QACRO,gBAAgB;IAClB;IACAL,QAAQ;QACNK,gBAAgB;IAClB;IACAJ,OAAO;QACLI,gBAAgB;IAClB;IACAH,KAAK;QACHG,gBAAgB;IAClB;IACAF,SAAS;QACPE,gBAAgB;IAClB;IACA,iBAAiB;QACfA,gBAAgB;IAClB;IAEA,gBAAgB;QACdA,gBAAgB;IAClB;IACA,gBAAgB;QACdA,gBAAgB;IAClB;AACF,GAAG"}
1	+ {"version":3,"sources":["../src/components/Stack/StackShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\nexport const useStackStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: 'auto',\n height: 'auto',\n boxSizing: 'border-box',\n '> ': {\n textOverflow: 'ellipsis',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n horizontal: {\n flexDirection: 'row',\n },\n verticalFill: {\n height: '100%',\n },\n reversedVertical: {\n flexDirection: 'column-reverse',\n },\n reversedHorizontal: {\n flexDirection: 'row-reverse',\n },\n disableShrink: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 0,\n },\n },\n wrap: {\n display: 'flex',\n flexWrap: 'wrap',\n height: '100%',\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n maxWidth: '100vw',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> :not(.ms-StackItem)': {\n flexShrink: 1,\n },\n },\n innerWidth: {\n width: '100%',\n },\n});\n\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit',\n },\n initial: {\n flexGrow: 'initial',\n },\n revert: {\n flexGrow: 'revert',\n },\n unset: {\n flexGrow: 'unset',\n },\n '1': {\n flexGrow: 1,\n },\n '2': {\n flexGrow: 2,\n },\n '3': {\n flexGrow: 3,\n },\n});\n\nexport const useFlexAlignItemsStyles = makeStyles({\n baseline: {\n alignItems: 'baseline',\n },\n center: {\n alignItems: 'center',\n },\n start: {\n alignItems: 'flex-start',\n },\n end: {\n alignItems: 'flex-end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n 'space-between': {\n alignItems: 'space-between',\n },\n\n 'space-around': {\n alignItems: 'space-around',\n },\n 'space-evenly': {\n alignItems: 'space-evenly',\n },\n});\n\nexport const useFlexJustifyContentStyles = makeStyles({\n baseline: {\n justifyContent: 'baseline',\n },\n center: {\n justifyContent: 'center',\n },\n start: {\n justifyContent: 'flex-start',\n },\n end: {\n justifyContent: 'flex-end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n 'space-between': {\n justifyContent: 'space-between',\n },\n\n 'space-around': {\n justifyContent: 'space-around',\n },\n 'space-evenly': {\n justifyContent: 'space-evenly',\n },\n});\n"],"names":["makeStyles","useStackStyles","root","display","flexDirection","flexWrap","width","height","boxSizing","textOverflow","flexShrink","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","maxWidth","innerWidth","useFlexGrowStyles","inherit","flexGrow","initial","revert","unset","useFlexAlignItemsStyles","baseline","alignItems","center","start","end","stretch","useFlexJustifyContentStyles","justifyContent"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAE5C,OAAO,MAAMC,iBAAiBD,WAAW;IACvCE,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,UAAU;QACVC,OAAO;QACPC,QAAQ;QACRC,WAAW;QACX,OAAO;YACLC,cAAc;QAChB;QACA,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBC,YAAY;QACd;IACF;IACAC,YAAY;QACVP,eAAe;IACjB;IACAQ,cAAc;QACZL,QAAQ;IACV;IACAM,kBAAkB;QAChBT,eAAe;IACjB;IACAU,oBAAoB;QAClBV,eAAe;IACjB;IACAW,eAAe;QACb,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBL,YAAY;QACd;IACF;IACAM,MAAM;QACJb,SAAS;QACTE,UAAU;QACVE,QAAQ;IACV;IACAU,OAAO;QACLd,SAAS;QACTC,eAAe;QACfC,UAAU;QACVG,WAAW;QACXU,UAAU;QACV,6DAA6D;QAC7D,aAAa;QACb,0BAA0B;YACxBR,YAAY;QACd;IACF;IACAS,YAAY;QACVb,OAAO;IACT;AACF,GAAG;AAEH,OAAO,MAAMc,oBAAoBpB,WAAW;IAC1CqB,SAAS;QACPC,UAAU;IACZ;IACAC,SAAS;QACPD,UAAU;IACZ;IACAE,QAAQ;QACNF,UAAU;IACZ;IACAG,OAAO;QACLH,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;AACF,GAAG;AAEH,OAAO,MAAMI,0BAA0B1B,WAAW;IAChD2B,UAAU;QACRC,YAAY;IACd;IACAC,QAAQ;QACND,YAAY;IACd;IACAE,OAAO;QACLF,YAAY;IACd;IACAG,KAAK;QACHH,YAAY;IACd;IACAI,SAAS;QACPJ,YAAY;IACd;IACA,iBAAiB;QACfA,YAAY;IACd;IAEA,gBAAgB;QACdA,YAAY;IACd;IACA,gBAAgB;QACdA,YAAY;IACd;AACF,GAAG;AAEH,OAAO,MAAMK,8BAA8BjC,WAAW;IACpD2B,UAAU;QACRO,gBAAgB;IAClB;IACAL,QAAQ;QACNK,gBAAgB;IAClB;IACAJ,OAAO;QACLI,gBAAgB;IAClB;IACAH,KAAK;QACHG,gBAAgB;IAClB;IACAF,SAAS;QACPE,gBAAgB;IAClB;IACA,iBAAiB;QACfA,gBAAgB;IAClB;IAEA,gBAAgB;QACdA,gBAAgB;IAClB;IACA,gBAAgB;QACdA,gBAAgB;IAClB;AACF,GAAG"}

package/lib/components/Stack/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/index.ts"],"sourcesContent":["export { StackItemShim } from './StackItemShim';\nexport { StackShim } from './StackShim';\n"],"names":["StackItemShim","StackShim"],"~~rangeMappings":";","~~mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,cAAc"}
1	+ {"version":3,"sources":["../src/components/Stack/index.ts"],"sourcesContent":["export { StackItemShim } from './StackItemShim';\nexport { StackShim } from './StackShim';\n"],"names":["StackItemShim","StackShim"],"mappings":"AAAA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,cAAc"}

package/lib/components/Stack/stackUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart \|\| 'px',\n };\n};\n\n/*\n Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n /\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined \|\| gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/\n Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n /\nexport const parsePadding = (padding: number \| string \| undefined, theme: ITheme): number \| string \| undefined => {\n if (padding === undefined \|\| typeof padding === 'number' \|\| padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/\n \n * getStyles function for Stack.tokens.childrenGap prop styling\n /\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> :not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> :not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> :not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> :not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> ': {\n margin: `${0.5 rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,QAAQ,QAAmD,kBAAkB;AAEtF,2GAA2G;AAC3G,MAAMC,mBAAmB,CAACC,OAAeC;IACvC,IAAIA,MAAMC,OAAO,CAACC,cAAc,CAACH,QAAQ;QACvC,OAAOC,MAAMC,OAAO,CAACF,MAAoC;IAC3D;IACA,OAAOA;AACT;AAEA,sGAAsG;AACtG,MAAMI,kBAAkB,CAACC;IACvB,MAAMC,gBAAgBC,WAAWF;IACjC,MAAMG,iBAAiBC,MAAMH,iBAAiB,IAAIA;IAClD,MAAMI,kBAAkBD,MAAMH,iBAAiB,KAAKA,cAAcK,QAAQ;IAE1E,MAAMC,WAAWP,IAAIQ,SAAS,CAACH,gBAAgBC,QAAQ,GAAGG,MAAM;IAEhE,OAAO;QACLC,OAAOP;QACPQ,MAAMJ,YAAY;IACpB;AACF;AAEA;;;;;CAKC,GACD,OAAO,MAAMK,WAAW,CACtBZ,KACAJ;IAEA,IAAII,QAAQa,aAAab,QAAQ,IAAI;QACnC,OAAO;YACLc,QAAQ;gBACNJ,OAAO;gBACPC,MAAM;YACR;YACAI,WAAW;gBACTL,OAAO;gBACPC,MAAM;YACR;QACF;IACF;IAEA,IAAI,OAAOX,QAAQ,UAAU;QAC3B,OAAO;YACLc,QAAQ;gBACNJ,OAAOV;gBACPW,MAAM;YACR;YACAI,WAAW;gBACTL,OAAOV;gBACPW,MAAM;YACR;QACF;IACF;IAEA,MAAMK,WAAWhB,IAAIiB,KAAK,CAAC;IAE3B,0DAA0D;IAC1D,IAAID,SAASP,MAAM,GAAG,GAAG;QACvB,OAAO;YACLK,QAAQ;gBACNJ,OAAO;gBACPC,MAAM;YACR;YACAI,WAAW;gBACTL,OAAO;gBACPC,MAAM;YACR;QACF;IACF;IAEA,oDAAoD;IACpD,IAAIK,SAASP,MAAM,KAAK,GAAG;QACzB,OAAO;YACLK,QAAQf,gBAAgBL,iBAAiBsB,QAAQ,CAAC,EAAE,EAAEpB;YACtDmB,WAAWhB,gBAAgBL,iBAAiBsB,QAAQ,CAAC,EAAE,EAAEpB;QAC3D;IACF;IAEA,uFAAuF;IACvF,MAAMsB,gBAAgBnB,gBAAgBL,iBAAiBM,KAAKJ;IAE5D,OAAO;QACLkB,QAAQI;QACRH,WAAWG;IACb;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMC,eAAe,CAACC,SAAsCxB;IACjE,IAAIwB,YAAYP,aAAa,OAAOO,YAAY,YAAYA,YAAY,IAAI;QAC1E,OAAOA;IACT;IAEA,MAAMC,gBAAgBD,QAAQH,KAAK,CAAC;IACpC,IAAII,cAAcZ,MAAM,GAAG,GAAG;QAC5B,OAAOf,iBAAiB0B,SAASxB;IACnC;IAEA,OAAOyB,cAAcC,MAAM,CAAC,CAACC,UAAkBC;QAC7C,OAAO9B,iBAAiB6B,UAAU3B,SAAS,MAAMF,iBAAiB8B,UAAU5B;IAC9E;AACF,EAAE;AAMF;;;CAGC,GACD,OAAO,MAAM6B,uBAAuB,CAACC;IACnC,MAAM9B,QAAQH;IAEd,MAAM,EAAEkC,UAAU,EAAEC,QAAQ,EAAE,GAAGF;IACjC,MAAMG,SAAuB;QAAE,GAAGH,MAAMG,MAAM;IAAC;IAE/C,MAAM,EAAEf,MAAM,EAAEC,SAAS,EAAE,GAAGH,SAASiB,OAAOC,WAAW,EAAElC;IAC3D,MAAMmC,mBAAmB,~~CAAC~~,~~EAAE,~~CAAC,MAAMhB,UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,~~CAAC,CAAC~~;IACrE,MAAMqB,iBAAiB,~~CAAC~~,~~EAAE,~~CAAC,MAAMlB,OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,~~CAAC,CAAC~~;IAE7D,OAAO;QACLsB,MAAM;YACJL,YACED,cAAc;gBACZ,wBAAwB;oBACtBO,YAAY,~~CAAC~~,~~EAAEnB,~~UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,~~CAAC,CAAC~~;gBACnD;YACF;YACFiB,YACE,CAACD,cAAc;gBACb,wBAAwB;oBACtBQ,WAAW,~~CAAC~~,~~EAAErB,~~OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,~~CAAC,CAAC~~;gBAC5C;YACF;YACF,CAACiB,YACCD,cAAc;gBACZ,yBAAyB;oBACvBO,YAAY,~~CAAC~~,~~EAAEnB,~~UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,~~CAAC,CAAC~~;gBACnD;YACF;YACF,CAACiB,YACC,CAACD,cAAc;gBACb,yBAAyB;oBACvBQ,WAAW,~~CAAC~~,~~EAAErB,~~OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,~~CAAC,CAAC~~;gBAC5C;YACF;SACH;QACDyB,OAAO;YACL;gBACEF,YAAYH;gBACZM,aAAaN;gBACbI,WAAWH;gBACXM,cAAcN;gBACdO,OAAOxB,UAAUL,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEK,UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,CAAC,CAAC,CAAC;gBAC1F,OAAO;oBACL6B,QAAQ,~~CAAC~~,~~EAAE,~~MAAM1B,OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,CAAC,CAAC,EAAE,MAAMI,UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,~~CAAC,CAAC~~;gBACzF;YACF;YACAgB,cAAc;gBACZc,QAAQ3B,OAAOJ,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEI,OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,CAAC,CAAC,CAAC;gBAClF,OAAO;oBACL+B,UAAU3B,UAAUL,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEK,UAAUL,KAAK,~~CAAC~~,~~EAAEK,~~UAAUJ,IAAI,CAAC,CAAC,CAAC;gBAC/F;YACF;YACA,CAACgB,cAAc;gBACbc,QAAQ,CAAC,YAAY,EAAE3B,OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,CAAC,CAAC,CAAC;gBACpD,OAAO;oBACLgC,WAAW7B,OAAOJ,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEI,OAAOJ,KAAK,~~CAAC~~,~~EAAEI,~~OAAOH,IAAI,CAAC,CAAC,CAAC;gBACvF;YACF;SACD;IACH;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart \|\| 'px',\n };\n};\n\n/*\n Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n /\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined \|\| gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/\n Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n /\nexport const parsePadding = (padding: number \| string \| undefined, theme: ITheme): number \| string \| undefined => {\n if (padding === undefined \|\| typeof padding === 'number' \|\| padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/\n \n * getStyles function for Stack.tokens.childrenGap prop styling\n /\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> :not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> :not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> :not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> :not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> ': {\n margin: `${0.5 rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> ': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"mappings":"AAAA,SAASA,QAAQ,QAAmD,kBAAkB;AAEtF,2GAA2G;AAC3G,MAAMC,mBAAmB,CAACC,OAAeC;IACvC,IAAIA,MAAMC,OAAO,CAACC,cAAc,CAACH,QAAQ;QACvC,OAAOC,MAAMC,OAAO,CAACF,MAAoC;IAC3D;IACA,OAAOA;AACT;AAEA,sGAAsG;AACtG,MAAMI,kBAAkB,CAACC;IACvB,MAAMC,gBAAgBC,WAAWF;IACjC,MAAMG,iBAAiBC,MAAMH,iBAAiB,IAAIA;IAClD,MAAMI,kBAAkBD,MAAMH,iBAAiB,KAAKA,cAAcK,QAAQ;IAE1E,MAAMC,WAAWP,IAAIQ,SAAS,CAACH,gBAAgBC,QAAQ,GAAGG,MAAM;IAEhE,OAAO;QACLC,OAAOP;QACPQ,MAAMJ,YAAY;IACpB;AACF;AAEA;;;;;CAKC,GACD,OAAO,MAAMK,WAAW,CACtBZ,KACAJ;IAEA,IAAII,QAAQa,aAAab,QAAQ,IAAI;QACnC,OAAO;YACLc,QAAQ;gBACNJ,OAAO;gBACPC,MAAM;YACR;YACAI,WAAW;gBACTL,OAAO;gBACPC,MAAM;YACR;QACF;IACF;IAEA,IAAI,OAAOX,QAAQ,UAAU;QAC3B,OAAO;YACLc,QAAQ;gBACNJ,OAAOV;gBACPW,MAAM;YACR;YACAI,WAAW;gBACTL,OAAOV;gBACPW,MAAM;YACR;QACF;IACF;IAEA,MAAMK,WAAWhB,IAAIiB,KAAK,CAAC;IAE3B,0DAA0D;IAC1D,IAAID,SAASP,MAAM,GAAG,GAAG;QACvB,OAAO;YACLK,QAAQ;gBACNJ,OAAO;gBACPC,MAAM;YACR;YACAI,WAAW;gBACTL,OAAO;gBACPC,MAAM;YACR;QACF;IACF;IAEA,oDAAoD;IACpD,IAAIK,SAASP,MAAM,KAAK,GAAG;QACzB,OAAO;YACLK,QAAQf,gBAAgBL,iBAAiBsB,QAAQ,CAAC,EAAE,EAAEpB;YACtDmB,WAAWhB,gBAAgBL,iBAAiBsB,QAAQ,CAAC,EAAE,EAAEpB;QAC3D;IACF;IAEA,uFAAuF;IACvF,MAAMsB,gBAAgBnB,gBAAgBL,iBAAiBM,KAAKJ;IAE5D,OAAO;QACLkB,QAAQI;QACRH,WAAWG;IACb;AACF,EAAE;AAEF;;;;;CAKC,GACD,OAAO,MAAMC,eAAe,CAACC,SAAsCxB;IACjE,IAAIwB,YAAYP,aAAa,OAAOO,YAAY,YAAYA,YAAY,IAAI;QAC1E,OAAOA;IACT;IAEA,MAAMC,gBAAgBD,QAAQH,KAAK,CAAC;IACpC,IAAII,cAAcZ,MAAM,GAAG,GAAG;QAC5B,OAAOf,iBAAiB0B,SAASxB;IACnC;IAEA,OAAOyB,cAAcC,MAAM,CAAC,CAACC,UAAkBC;QAC7C,OAAO9B,iBAAiB6B,UAAU3B,SAAS,MAAMF,iBAAiB8B,UAAU5B;IAC9E;AACF,EAAE;AAMF;;;CAGC,GACD,OAAO,MAAM6B,uBAAuB,CAACC;IACnC,MAAM9B,QAAQH;IAEd,MAAM,EAAEkC,UAAU,EAAEC,QAAQ,EAAE,GAAGF;IACjC,MAAMG,SAAuB;QAAE,GAAGH,MAAMG,MAAM;IAAC;IAE/C,MAAM,EAAEf,MAAM,EAAEC,SAAS,EAAE,GAAGH,SAASiB,OAAOC,WAAW,EAAElC;IAC3D,MAAMmC,mBAAmB,GAAG,CAAC,MAAMhB,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,EAAE;IACrE,MAAMqB,iBAAiB,GAAG,CAAC,MAAMlB,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,EAAE;IAE7D,OAAO;QACLsB,MAAM;YACJL,YACED,cAAc;gBACZ,wBAAwB;oBACtBO,YAAY,GAAGnB,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,EAAE;gBACnD;YACF;YACFiB,YACE,CAACD,cAAc;gBACb,wBAAwB;oBACtBQ,WAAW,GAAGrB,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,EAAE;gBAC5C;YACF;YACF,CAACiB,YACCD,cAAc;gBACZ,yBAAyB;oBACvBO,YAAY,GAAGnB,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,EAAE;gBACnD;YACF;YACF,CAACiB,YACC,CAACD,cAAc;gBACb,yBAAyB;oBACvBQ,WAAW,GAAGrB,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,EAAE;gBAC5C;YACF;SACH;QACDyB,OAAO;YACL;gBACEF,YAAYH;gBACZM,aAAaN;gBACbI,WAAWH;gBACXM,cAAcN;gBACdO,OAAOxB,UAAUL,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEK,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,CAAC,CAAC,CAAC;gBAC1F,OAAO;oBACL6B,QAAQ,GAAG,MAAM1B,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,CAAC,CAAC,EAAE,MAAMI,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,EAAE;gBACzF;YACF;YACAgB,cAAc;gBACZc,QAAQ3B,OAAOJ,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEI,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,CAAC,CAAC,CAAC;gBAClF,OAAO;oBACL+B,UAAU3B,UAAUL,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEK,UAAUL,KAAK,GAAGK,UAAUJ,IAAI,CAAC,CAAC,CAAC;gBAC/F;YACF;YACA,CAACgB,cAAc;gBACbc,QAAQ,CAAC,YAAY,EAAE3B,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,CAAC,CAAC,CAAC;gBACpD,OAAO;oBACLgC,WAAW7B,OAAOJ,KAAK,KAAK,IAAI,SAAS,CAAC,YAAY,EAAEI,OAAOJ,KAAK,GAAGI,OAAOH,IAAI,CAAC,CAAC,CAAC;gBACvF;YACF;SACD;IACH;AACF,EAAE"}

package/lib/components/Theme/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Theme/index.ts"],"sourcesContent":["export type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './themeDuplicates';\nexport {\n black,\n blackAlpha,\n brandWeb,\n grey,\n grey10Alpha,\n grey12Alpha,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './themeDuplicates';\nexport { createV8Theme } from './v8ThemeShim';\nexport { createBrandVariants } from './v9BrandVariantsShim';\nexport { createV9Theme } from './v9ThemeShim';\n"],"names":["black","blackAlpha","brandWeb","grey","grey10Alpha","grey12Alpha","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha","createV8Theme","createBrandVariants","createV9Theme"],"~~rangeMappings":";;;","~~mappings":"AAQA,SACEA,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,UAAU,QACL,oBAAoB;AAC3B,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,aAAa,QAAQ,gBAAgB"}
1	+ {"version":3,"sources":["../src/components/Theme/index.ts"],"sourcesContent":["export type {\n AlphaColors,\n ColorVariants,\n GlobalSharedColors,\n Greys,\n TextAlignment,\n TextAlignments,\n} from './themeDuplicates';\nexport {\n black,\n blackAlpha,\n brandWeb,\n grey,\n grey10Alpha,\n grey12Alpha,\n grey14Alpha,\n hcButtonFace,\n hcButtonText,\n hcCanvas,\n hcCanvasText,\n hcDisabled,\n hcHighlight,\n hcHighlightText,\n hcHyperlink,\n sharedColors,\n white,\n whiteAlpha,\n} from './themeDuplicates';\nexport { createV8Theme } from './v8ThemeShim';\nexport { createBrandVariants } from './v9BrandVariantsShim';\nexport { createV9Theme } from './v9ThemeShim';\n"],"names":["black","blackAlpha","brandWeb","grey","grey10Alpha","grey12Alpha","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha","createV8Theme","createBrandVariants","createV9Theme"],"mappings":"AAQA,SACEA,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,UAAU,QACL,oBAAoB;AAC3B,SAASC,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,aAAa,QAAQ,gBAAgB"}