@fluentui/react-migration-v8-v9 9.10.15 → 9.10.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -2
- package/dist/index.d.cts +202 -0
- package/lib/components/Button/ActionButtonShim.js +3 -3
- package/lib/components/Button/ActionButtonShim.js.map +1 -1
- package/lib/components/Button/ButtonShim.js +5 -5
- package/lib/components/Button/ButtonShim.js.map +1 -1
- package/lib/components/Button/CommandButtonShim.js +1 -1
- package/lib/components/Button/CommandButtonShim.js.map +1 -1
- package/lib/components/Button/CompoundButtonShim.js +3 -3
- package/lib/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib/components/Button/DefaultButtonShim.js +2 -2
- package/lib/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib/components/Button/MenuButtonShim.js +4 -4
- package/lib/components/Button/MenuButtonShim.js.map +1 -1
- package/lib/components/Button/PrimaryButtonShim.js +2 -2
- package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib/components/Button/ToggleButtonShim.js +3 -3
- package/lib/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib/components/Button/index.js +9 -9
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/shimButtonProps.js +2 -2
- package/lib/components/Checkbox/Checkbox.styles.js +1 -1
- package/lib/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/lib/components/Checkbox/Checkbox.styles.raw.js +1 -1
- package/lib/components/Checkbox/CheckboxShim.js +5 -5
- package/lib/components/Checkbox/CheckboxShim.js.map +1 -1
- package/lib/components/Checkbox/index.js +1 -1
- package/lib/components/Checkbox/index.js.map +1 -1
- package/lib/components/Checkbox/shimCheckboxProps.js +3 -3
- package/lib/components/Checkbox/shimCheckboxProps.js.map +1 -1
- package/lib/components/Menu/MenuShim.js +4 -4
- package/lib/components/Menu/MenuShim.js.map +1 -1
- package/lib/components/Menu/index.js +2 -2
- package/lib/components/Menu/index.js.map +1 -1
- package/lib/components/Menu/shimMenuProps.js +2 -2
- package/lib/components/Stack/StackItemShim.js +3 -3
- package/lib/components/Stack/StackItemShim.js.map +1 -1
- package/lib/components/Stack/StackItemShim.styles.js +1 -1
- package/lib/components/Stack/StackItemShim.styles.js.map +1 -1
- package/lib/components/Stack/StackItemShim.styles.raw.js +1 -1
- package/lib/components/Stack/StackShim.js +5 -5
- package/lib/components/Stack/StackShim.js.map +1 -1
- package/lib/components/Stack/StackShim.styles.js +1 -1
- package/lib/components/Stack/StackShim.styles.js.map +1 -1
- package/lib/components/Stack/StackShim.styles.raw.js +1 -1
- package/lib/components/Stack/index.js +2 -2
- package/lib/components/Stack/index.js.map +1 -1
- package/lib/components/Stack/stackUtils.js +1 -1
- package/lib/components/Theme/index.js +4 -4
- package/lib/components/Theme/index.js.map +1 -1
- package/lib/components/Theme/v8ThemeShim.js +3 -3
- package/lib/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib/components/Theme/v9BrandVariantsShim.js +1 -1
- package/lib/components/Theme/v9ThemeShim.js +2 -2
- package/lib/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Button/{ActionButtonShim.js → ActionButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{ActionButtonShim.js.map → ActionButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{ButtonShim.js → ButtonShim.cjs} +3 -3
- package/lib-commonjs/components/Button/{ButtonShim.js.map → ButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{CommandButtonShim.js → CommandButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{CommandButtonShim.js.map → CommandButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{CompoundButtonShim.js → CompoundButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{CompoundButtonShim.js.map → CompoundButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{DefaultButtonShim.js → DefaultButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{DefaultButtonShim.js.map → DefaultButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{MenuButtonShim.js → MenuButtonShim.cjs} +2 -2
- package/lib-commonjs/components/Button/{MenuButtonShim.js.map → MenuButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{PrimaryButtonShim.js → PrimaryButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{PrimaryButtonShim.js.map → PrimaryButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{ToggleButtonShim.js → ToggleButtonShim.cjs} +1 -1
- package/lib-commonjs/components/Button/{ToggleButtonShim.js.map → ToggleButtonShim.cjs.map} +1 -1
- package/lib-commonjs/components/Button/{index.js → index.cjs} +9 -9
- package/lib-commonjs/components/Button/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Checkbox/Checkbox.styles.cjs.map +1 -0
- package/lib-commonjs/components/Checkbox/{CheckboxShim.js → CheckboxShim.cjs} +2 -2
- package/lib-commonjs/components/Checkbox/{CheckboxShim.js.map → CheckboxShim.cjs.map} +1 -1
- package/lib-commonjs/components/Checkbox/{index.js → index.cjs} +1 -1
- package/lib-commonjs/components/Checkbox/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Checkbox/{shimCheckboxProps.js → shimCheckboxProps.cjs} +1 -1
- package/lib-commonjs/components/Checkbox/{shimCheckboxProps.js.map → shimCheckboxProps.cjs.map} +1 -1
- package/lib-commonjs/components/Menu/{MenuShim.js → MenuShim.cjs} +1 -1
- package/lib-commonjs/components/Menu/{MenuShim.js.map → MenuShim.cjs.map} +1 -1
- package/lib-commonjs/components/Menu/{index.js → index.cjs} +2 -2
- package/lib-commonjs/components/Menu/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Stack/{StackItemShim.js → StackItemShim.cjs} +1 -1
- package/lib-commonjs/components/Stack/{StackItemShim.js.map → StackItemShim.cjs.map} +1 -1
- package/lib-commonjs/components/Stack/StackItemShim.styles.cjs.map +1 -0
- package/lib-commonjs/components/Stack/{StackShim.js → StackShim.cjs} +2 -2
- package/lib-commonjs/components/Stack/{StackShim.js.map → StackShim.cjs.map} +1 -1
- package/lib-commonjs/components/Stack/StackShim.styles.cjs.map +1 -0
- package/lib-commonjs/components/Stack/{index.js → index.cjs} +2 -2
- package/lib-commonjs/components/Stack/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Theme/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/Theme/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Theme/{v8ThemeShim.js → v8ThemeShim.cjs} +1 -1
- package/lib-commonjs/components/Theme/{v8ThemeShim.js.map → v8ThemeShim.cjs.map} +1 -1
- package/lib-commonjs/components/Theme/{v9ThemeShim.js → v9ThemeShim.cjs} +1 -1
- package/lib-commonjs/components/Theme/{v9ThemeShim.js.map → v9ThemeShim.cjs.map} +1 -1
- package/lib-commonjs/{index.js → index.cjs} +5 -5
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/package.json +15 -9
- package/lib-commonjs/components/Checkbox/Checkbox.styles.js.map +0 -1
- package/lib-commonjs/components/Stack/StackItemShim.styles.js.map +0 -1
- package/lib-commonjs/components/Stack/StackShim.styles.js.map +0 -1
- /package/lib-commonjs/components/Button/{shimButtonProps.js → shimButtonProps.cjs} +0 -0
- /package/lib-commonjs/components/Button/{shimButtonProps.js.map → shimButtonProps.cjs.map} +0 -0
- /package/lib-commonjs/components/Checkbox/{Checkbox.styles.js → Checkbox.styles.cjs} +0 -0
- /package/lib-commonjs/components/Checkbox/{Checkbox.styles.raw.js → Checkbox.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/Checkbox/{Checkbox.styles.raw.js.map → Checkbox.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/Menu/{shimMenuProps.js → shimMenuProps.cjs} +0 -0
- /package/lib-commonjs/components/Menu/{shimMenuProps.js.map → shimMenuProps.cjs.map} +0 -0
- /package/lib-commonjs/components/Stack/{StackItemShim.styles.js → StackItemShim.styles.cjs} +0 -0
- /package/lib-commonjs/components/Stack/{StackItemShim.styles.raw.js → StackItemShim.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/Stack/{StackItemShim.styles.raw.js.map → StackItemShim.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/Stack/{StackShim.styles.js → StackShim.styles.cjs} +0 -0
- /package/lib-commonjs/components/Stack/{StackShim.styles.raw.js → StackShim.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/Stack/{StackShim.styles.raw.js.map → StackShim.styles.raw.cjs.map} +0 -0
- /package/lib-commonjs/components/Stack/{stackUtils.js → stackUtils.cjs} +0 -0
- /package/lib-commonjs/components/Stack/{stackUtils.js.map → stackUtils.cjs.map} +0 -0
- /package/lib-commonjs/components/Theme/{themeDuplicates.js → themeDuplicates.cjs} +0 -0
- /package/lib-commonjs/components/Theme/{themeDuplicates.js.map → themeDuplicates.cjs.map} +0 -0
- /package/lib-commonjs/components/Theme/{v9BrandVariantsShim.js → v9BrandVariantsShim.cjs} +0 -0
- /package/lib-commonjs/components/Theme/{v9BrandVariantsShim.js.map → v9BrandVariantsShim.cjs.map} +0 -0
- /package/lib-commonjs/components/{utils.js → utils.cjs} +0 -0
- /package/lib-commonjs/components/{utils.js.map → utils.cjs.map} +0 -0
|
@@ -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 type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuDividerProps } from '@fluentui/react-components';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\nexport const MenuItemShim = (props: IContextualMenuItem): JSXElement => {\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;AAIzD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QACX,6BAA6B;AAEpC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,
|
|
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 type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuDividerProps } from '@fluentui/react-components';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\nexport const MenuItemShim = (props: IContextualMenuItem): JSXElement => {\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;AAIzD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QACX,6BAA6B;AAEpC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,qBAAkB;AACnH,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,2 +1,2 @@
|
|
|
1
|
-
export { MenuItemShim } from
|
|
2
|
-
export { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from
|
|
1
|
+
export { MenuItemShim } from "./MenuShim.js";
|
|
2
|
+
export { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from "./shimMenuProps.js";
|
|
@@ -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"],"mappings":"AAAA,SAASA,YAAY,QAAQ,
|
|
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,gBAAa;AAC1C,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,qBAAkB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { Icon } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { Icon } from "@fluentui/react";
|
|
3
3
|
export const shimMenuProps = (props)=>{
|
|
4
4
|
return {
|
|
5
5
|
hasIcons: props === null || props === void 0 ? void 0 : props.items.some((i)=>i.iconProps),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { mergeClasses } from
|
|
3
|
-
import * as React from
|
|
4
|
-
import { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from
|
|
2
|
+
import { mergeClasses } from "@griffel/react";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from "./StackItemShim.styles.js";
|
|
5
5
|
const stackItemClassNames = {
|
|
6
6
|
root: 'ms-StackItem'
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignSelfStyles,\n useFlexGrowStyles,\n useFlexOrderStyles,\n useFlexShrinkStyles,\n useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\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;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAI/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/StackItemShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignSelfStyles,\n useFlexGrowStyles,\n useFlexOrderStyles,\n useFlexShrinkStyles,\n useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\nexport const StackItemShim = (props: IStackItemProps): JSXElement => {\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;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,YAAYC,WAAW,QAAQ;AAI/B,SACEC,sBAAsB,EACtBC,iBAAiB,EACjBC,kBAAkB,EAClBC,mBAAmB,EACnBC,sBAAsB,QACjB,4BAAyB;AAEhC,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AACA,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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","useStackItemShimStyles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx"],"sources":["StackItemShim.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from
|
|
1
|
+
{"version":3,"names":["__styles","useStackItemShimStyles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx"],"sources":["StackItemShim.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@griffel/react\";\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});\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});\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});\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});\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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,OAAO,MAAMC,sBAAsB,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAWrC,CAAC;AACF,OAAO,MAAMC,sBAAsB,gBAAGT,QAAA;EAAAU,IAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,GAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAmBrC,CAAC;AACF,OAAO,MAAMS,iBAAiB,gBAAGjB,QAAA;EAAA;IAAAkB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAV,CAAA;AAAA,CAsBhC,CAAC;AACF,OAAO,MAAMe,mBAAmB,gBAAGvB,QAAA;EAAA;IAAAM,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAa,OAAA;IAAAb,OAAA;EAAA;EAAAc,OAAA;IAAAd,OAAA;EAAA;EAAAe,MAAA;IAAAf,OAAA;EAAA;EAAAgB,KAAA;IAAAhB,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAsBlC,CAAC;AACF,OAAO,MAAMgB,kBAAkB,gBAAGxB,QAAA;EAAA;IAAAyB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAN,OAAA;IAAAM,OAAA;EAAA;EAAAL,OAAA;IAAAK,OAAA;EAAA;EAAAH,KAAA;IAAAG,OAAA;EAAA;EAAAJ,MAAA;IAAAI,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,CAkCjC,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { mergeClasses } from
|
|
3
|
-
import { classNamesFunction } from
|
|
4
|
-
import * as React from
|
|
5
|
-
import { getChildrenGapStyles } from
|
|
6
|
-
import { useFlexAlignItemsStyles, useFlexGrowStyles, useFlexJustifyContentStyles, useStackStyles } from
|
|
2
|
+
import { mergeClasses } from "@griffel/react";
|
|
3
|
+
import { classNamesFunction } from "@fluentui/react";
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import { getChildrenGapStyles } from "./stackUtils.js";
|
|
6
|
+
import { useFlexAlignItemsStyles, useFlexGrowStyles, useFlexJustifyContentStyles, useStackStyles } from "./StackShim.styles.js";
|
|
7
7
|
const stackClassNames = {
|
|
8
8
|
root: 'ms-Stack',
|
|
9
9
|
inner: 'ms-Stack-inner'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { 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 type { JSXElement } from '@fluentui/react-utilities';\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>();\nexport const StackShim = (props: IStackProps): JSXElement => {\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 type StackChildren = Exclude<React.ReactNode, boolean | string | number | bigint | null | undefined>;\n\n let stackChildren = React.Children.toArray(props.children) as StackChildren[];\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = (stackChildren[0].props as React.FragmentProps).children as StackChildren[];\n }\n\n stackChildren = React.Children.map(stackChildren, child => {\n if (!child) {\n return null;\n }\n\n const _child = child as React.ReactElement<{}, React.ComponentType>;\n\n if (_child.type && _child.type.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 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","_child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,kBAAkB,QAAQ,kBAAkB;AAErD,YAAYC,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { 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 type { JSXElement } from '@fluentui/react-utilities';\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>();\nexport const StackShim = (props: IStackProps): JSXElement => {\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 type StackChildren = Exclude<React.ReactNode, boolean | string | number | bigint | null | undefined>;\n\n let stackChildren = React.Children.toArray(props.children) as StackChildren[];\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = (stackChildren[0].props as React.FragmentProps).children as StackChildren[];\n }\n\n stackChildren = React.Children.map(stackChildren, child => {\n if (!child) {\n return null;\n }\n\n const _child = child as React.ReactElement<{}, React.ComponentType>;\n\n if (_child.type && _child.type.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 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","_child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","useStackStyles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexAlignItemsStyles","baseline","Bt984gj","center","start","end","stretch","useFlexJustifyContentStyles","Brf1p80"],"sources":["StackShim.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from
|
|
1
|
+
{"version":3,"names":["__styles","useStackStyles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexAlignItemsStyles","baseline","Bt984gj","center","start","end","stretch","useFlexJustifyContentStyles","Brf1p80"],"sources":["StackShim.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from \"@griffel/react\";\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});\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});\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 'space-around': {\n alignItems: 'space-around'\n },\n 'space-evenly': {\n alignItems: 'space-evenly'\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 'space-around': {\n justifyContent: 'space-around'\n },\n 'space-evenly': {\n justifyContent: 'space-evenly'\n }\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,OAAO,MAAMC,cAAc,gBAAGD,QAAA;EAAAE,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,UAAA;IAAAP,OAAA;EAAA;EAAAQ,YAAA;IAAAL,OAAA;EAAA;EAAAM,gBAAA;IAAAT,OAAA;EAAA;EAAAU,kBAAA;IAAAV,OAAA;EAAA;EAAAW,aAAA;IAAAL,OAAA;EAAA;EAAAM,IAAA;IAAAb,MAAA;IAAAE,MAAA;IAAAE,OAAA;EAAA;EAAAU,KAAA;IAAAd,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAG,OAAA;IAAAU,OAAA;IAAAR,OAAA;EAAA;EAAAS,UAAA;IAAAb,MAAA;EAAA;AAAA;EAAAc,CAAA;AAAA,CAwD7B,CAAC;AACF,OAAO,MAAMC,iBAAiB,gBAAGrB,QAAA;EAAA;IAAAsB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAF,CAAA;AAAA,CAsBhC,CAAC;AACF,OAAO,MAAMO,uBAAuB,gBAAG3B,QAAA;EAAA4B,QAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;EAAAG,GAAA;IAAAH,OAAA;EAAA;EAAAI,OAAA;IAAAJ,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,CAyBtC,CAAC;AACF,OAAO,MAAMc,2BAA2B,gBAAGlC,QAAA;EAAA4B,QAAA;IAAAO,OAAA;EAAA;EAAAL,MAAA;IAAAK,OAAA;EAAA;EAAAJ,KAAA;IAAAI,OAAA;EAAA;EAAAH,GAAA;IAAAG,OAAA;EAAA;EAAAF,OAAA;IAAAE,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAf,CAAA;AAAA,CAyB1C,CAAC","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { StackItemShim } from
|
|
2
|
-
export { StackShim } from
|
|
1
|
+
export { StackItemShim } from "./StackItemShim.js";
|
|
2
|
+
export { StackShim } from "./StackShim.js";
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,qBAAkB;AAChD,SAASC,SAAS,QAAQ,iBAAc"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getTheme } from
|
|
1
|
+
import { getTheme } from "@fluentui/react";
|
|
2
2
|
// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.
|
|
3
3
|
const getThemedSpacing = (space, theme)=>{
|
|
4
4
|
if (theme.spacing.hasOwnProperty(space)) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { black, blackAlpha, brandWeb, grey, grey10Alpha, grey12Alpha, grey14Alpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, whiteAlpha } from
|
|
2
|
-
export { createV8Theme } from
|
|
3
|
-
export { createBrandVariants } from
|
|
4
|
-
export { createV9Theme } from
|
|
1
|
+
export { black, blackAlpha, brandWeb, grey, grey10Alpha, grey12Alpha, grey14Alpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, whiteAlpha } from "./themeDuplicates.js";
|
|
2
|
+
export { createV8Theme } from "./v8ThemeShim.js";
|
|
3
|
+
export { createBrandVariants } from "./v9BrandVariantsShim.js";
|
|
4
|
+
export { createV9Theme } from "./v9ThemeShim.js";
|
|
@@ -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"],"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,
|
|
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,uBAAoB;AAC3B,SAASC,aAAa,QAAQ,mBAAgB;AAC9C,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,aAAa,QAAQ,mBAAgB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { createTheme, DefaultPalette } from
|
|
2
|
-
import { fluent2ComponentStyles } from
|
|
3
|
-
import { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from
|
|
1
|
+
import { createTheme, DefaultPalette } from "@fluentui/react";
|
|
2
|
+
import { fluent2ComponentStyles } from "@fluentui/fluent2-theme";
|
|
3
|
+
import { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from "./themeDuplicates.js";
|
|
4
4
|
const mappedNeutrals = {
|
|
5
5
|
black,
|
|
6
6
|
blackTranslucent40: blackAlpha[40],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Theme/v8ThemeShim.ts"],"sourcesContent":["import type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\nimport { createTheme, DefaultPalette } from '@fluentui/react';\nimport { fluent2ComponentStyles } from '@fluentui/fluent2-theme';\n\nimport type { BrandVariants, Theme as ThemeV9 } from '@fluentui/react-components';\n\nimport { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';\n\nconst mappedNeutrals = {\n black,\n blackTranslucent40: blackAlpha[40],\n neutralDark: grey[8],\n neutralPrimary: grey[14],\n neutralPrimaryAlt: grey[22],\n neutralSecondary: grey[36],\n neutralSecondaryAlt: grey[52],\n neutralTertiary: grey[62],\n neutralTertiaryAlt: grey[78],\n neutralQuaternary: grey[82],\n neutralQuaternaryAlt: grey[88],\n neutralLight: grey[92],\n neutralLighter: grey[96],\n neutralLighterAlt: grey[98],\n white,\n whiteTranslucent40: whiteAlpha[40],\n};\n\nconst invertedMappedNeutrals = {\n black: white,\n blackTranslucent40: whiteAlpha[40],\n neutralDark: grey[98],\n neutralPrimary: grey[96],\n neutralPrimaryAlt: grey[84],\n neutralSecondary: grey[82],\n neutralSecondaryAlt: grey[74],\n neutralTertiary: grey[44],\n neutralTertiaryAlt: grey[26],\n neutralQuaternary: grey[24],\n neutralQuaternaryAlt: grey[18],\n neutralLight: grey[16],\n neutralLighter: grey[14],\n neutralLighterAlt: grey[10],\n white: black,\n whiteTranslucent40: blackAlpha[40],\n};\n\nconst mappedSharedColors = {\n yellowDark: sharedColors.marigold.shade10,\n yellow: sharedColors.yellow.primary,\n yellowLight: sharedColors.yellow.tint40,\n orange: sharedColors.orange.primary,\n orangeLight: sharedColors.orange.tint20,\n orangeLighter: sharedColors.orange.tint40,\n redDark: sharedColors.darkRed.primary,\n red: sharedColors.red.primary,\n magentaDark: sharedColors.magenta.shade30,\n magenta: sharedColors.magenta.primary,\n magentaLight: sharedColors.magenta.tint30,\n purpleDark: sharedColors.darkPurple.primary,\n purple: sharedColors.purple.primary,\n purpleLight: sharedColors.purple.tint40,\n blueDark: sharedColors.darkBlue.primary,\n blueMid: sharedColors.royalBlue.primary,\n blue: sharedColors.blue.primary,\n blueLight: sharedColors.lightBlue.primary,\n tealDark: sharedColors.darkTeal.primary,\n teal: sharedColors.teal.primary,\n tealLight: sharedColors.lightTeal.primary,\n greenDark: sharedColors.darkGreen.primary,\n green: sharedColors.green.primary,\n greenLight: sharedColors.lightGreen.primary,\n};\n\n/**\n * Creates a v8 palette given a brand ramp\n */\nconst mapPalette = (brandColors: BrandVariants, inverted: boolean): IPalette => {\n const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;\n const brands = inverted\n ? {\n themeDarker: brandColors[110],\n themeDark: brandColors[100],\n themeDarkAlt: brandColors[100],\n themePrimary: brandColors[90],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[60],\n themeLight: brandColors[50],\n themeLighter: brandColors[40],\n themeLighterAlt: brandColors[30],\n }\n : {\n themeDarker: brandColors[40],\n themeDark: brandColors[60],\n themeDarkAlt: brandColors[70],\n themePrimary: brandColors[80],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[120],\n themeLight: brandColors[140],\n themeLighter: brandColors[150],\n themeLighterAlt: brandColors[160],\n };\n\n return {\n ...DefaultPalette,\n ...neutrals,\n accent: brands.themePrimary,\n ...mappedSharedColors,\n ...brands,\n };\n};\n\n/**\n * Returns v9 theme colors overlaid on a base set of v8 semantic colors\n */\nconst mapSemanticColors = (baseColors: ISemanticColors, theme: ThemeV9): ISemanticColors => {\n return {\n ...baseColors,\n accentButtonBackground: theme.colorBrandBackground,\n accentButtonText: theme.colorNeutralForegroundOnBrand,\n actionLink: theme.colorNeutralForeground1,\n actionLinkHovered: theme.colorNeutralForeground1Hover,\n // blockingBackground,\n // blockingIcon,\n bodyBackground: theme.colorNeutralBackground1,\n bodyBackgroundChecked: theme.colorNeutralBackground1Selected,\n bodyBackgroundHovered: theme.colorNeutralBackground1Hover,\n bodyDivider: theme.colorNeutralStroke2,\n bodyFrameBackground: theme.colorNeutralBackground1,\n bodyFrameDivider: theme.colorNeutralStroke2,\n bodyStandoutBackground: theme.colorNeutralBackground2,\n bodySubtext: theme.colorNeutralForeground2,\n bodyText: theme.colorNeutralForeground1,\n bodyTextChecked: theme.colorNeutralForeground1Selected,\n buttonBackground: theme.colorNeutralBackground1,\n buttonBackgroundChecked: theme.colorNeutralBackground1Selected,\n buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n buttonBackgroundHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,\n buttonBorder: theme.colorNeutralStroke1,\n buttonBorderDisabled: theme.colorNeutralStrokeDisabled,\n buttonText: theme.colorNeutralForeground1,\n buttonTextChecked: theme.colorNeutralForeground1,\n buttonTextCheckedHovered: theme.colorNeutralForeground1,\n buttonTextDisabled: theme.colorNeutralForegroundDisabled,\n buttonTextHovered: theme.colorNeutralForeground1,\n buttonTextPressed: theme.colorNeutralForeground1,\n cardShadow: theme.shadow4,\n cardShadowHovered: theme.shadow8,\n cardStandoutBackground: theme.colorNeutralBackground1,\n defaultStateBackground: theme.colorNeutralBackground2,\n disabledBackground: theme.colorNeutralBackgroundDisabled,\n disabledBodySubtext: theme.colorNeutralForegroundDisabled,\n disabledBodyText: theme.colorNeutralForegroundDisabled,\n disabledBorder: theme.colorNeutralStrokeDisabled,\n disabledSubtext: theme.colorNeutralForegroundDisabled,\n disabledText: theme.colorNeutralForegroundDisabled,\n // errorBackground,\n // errorIcon,\n // errorText: ,\n focusBorder: theme.colorStrokeFocus2,\n // infoBackground,\n // infoIcon,\n inputBackground: theme.colorNeutralBackground1,\n inputBackgroundChecked: theme.colorBrandBackground,\n inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,\n inputBorder: theme.colorNeutralStrokeAccessible,\n inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,\n inputFocusBorderAlt: theme.colorBrandStroke1,\n inputForegroundChecked: theme.colorNeutralForegroundOnBrand,\n inputIcon: theme.colorNeutralForeground3,\n inputIconDisabled: theme.colorNeutralForegroundDisabled,\n inputIconHovered: theme.colorNeutralForeground3,\n inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,\n inputPlaceholderText: theme.colorNeutralForeground4,\n inputText: theme.colorNeutralForeground1,\n inputTextHovered: theme.colorNeutralForeground1Hover,\n link: theme.colorBrandForegroundLink,\n linkHovered: theme.colorBrandForegroundLinkHover,\n listBackground: theme.colorNeutralBackground1,\n listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,\n listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,\n listItemBackgroundChecked: theme.colorNeutralBackground1Selected,\n listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,\n listItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n listText: theme.colorNeutralForeground1,\n listTextColor: theme.colorNeutralForeground1,\n menuBackground: theme.colorNeutralBackground1,\n menuDivider: theme.colorNeutralStroke2,\n menuHeader: theme.colorNeutralForeground3,\n menuIcon: theme.colorNeutralForeground1,\n menuItemBackgroundChecked: theme.colorNeutralBackground1,\n menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,\n menuItemText: theme.colorNeutralForeground1,\n menuItemTextHovered: theme.colorNeutralForeground1Hover,\n messageLink: theme.colorBrandForegroundLink,\n messageLinkHovered: theme.colorBrandForegroundLinkHover,\n messageText: theme.colorNeutralForeground1,\n primaryButtonBackground: theme.colorBrandBackground,\n primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,\n primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,\n primaryButtonBorder: theme.colorTransparentStroke,\n primaryButtonText: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,\n primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand,\n // severeWarningBackground,\n // severeWarningIcon,\n // smallInputBorder,\n // successBackground,\n // successIcon,\n // successText: ,\n // variantBorder,\n // variantBorderHovered,\n // warningBackground,\n // warningHighlight,\n // warningIcon,\n // warningText: ,\n };\n};\n\n/**\n * Overlays v9 fonts on a set of base v8 fonts.\n */\nconst mapFonts = (baseFonts: IFontStyles, theme: ThemeV9): IFontStyles => {\n return {\n ...baseFonts,\n tiny: {\n ...baseFonts.tiny,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xSmall: {\n ...baseFonts.xSmall,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n small: {\n ...baseFonts.small,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n smallPlus: {\n ...baseFonts.smallPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n medium: {\n ...baseFonts.medium,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase300,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n mediumPlus: {\n ...baseFonts.mediumPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n large: {\n ...baseFonts.large,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase500,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n xxLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero700,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n superLarge: {\n ...baseFonts.superLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero900,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n mega: {\n ...baseFonts.mega,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero1000,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n };\n};\n\n/**\n * Overlays v9 shadows and border radii on a base set of v8 effects.\n */\nconst mapEffects = (baseEffects: IEffects, theme: ThemeV9): IEffects => {\n return {\n ...baseEffects,\n elevation4: theme.shadow4,\n elevation8: theme.shadow8,\n elevation16: theme.shadow16,\n elevation64: theme.shadow64,\n roundedCorner2: theme.borderRadiusSmall,\n roundedCorner4: theme.borderRadiusMedium,\n roundedCorner6: theme.borderRadiusLarge,\n };\n};\n\n/**\n * Creates a v8 theme from v9 brand colors and theme.\n * You can optionally pass a v8 base theme.\n * Otherwise the default v8 theme is used.\n *\n * The v9 colors, fonts, and effects are applied on top of the v8 theme\n * to allow v8 components to look as much like v9 components as possible.\n */\nexport const createV8Theme = (\n brandColors: BrandVariants,\n themeV9: ThemeV9,\n isDarkTheme: boolean = false,\n themeV8?: ThemeV8,\n): ThemeV8 => {\n const baseTheme = themeV8 || createTheme({ isInverted: isDarkTheme });\n\n return {\n ...baseTheme,\n palette: mapPalette(brandColors, isDarkTheme),\n components: fluent2ComponentStyles,\n semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),\n fonts: mapFonts(baseTheme.fonts, themeV9),\n effects: mapEffects(baseTheme.effects, themeV9),\n isInverted: isDarkTheme || themeV8?.isInverted === true,\n };\n};\n"],"names":["createTheme","DefaultPalette","fluent2ComponentStyles","black","blackAlpha","grey","sharedColors","white","whiteAlpha","mappedNeutrals","blackTranslucent40","neutralDark","neutralPrimary","neutralPrimaryAlt","neutralSecondary","neutralSecondaryAlt","neutralTertiary","neutralTertiaryAlt","neutralQuaternary","neutralQuaternaryAlt","neutralLight","neutralLighter","neutralLighterAlt","whiteTranslucent40","invertedMappedNeutrals","mappedSharedColors","yellowDark","marigold","shade10","yellow","primary","yellowLight","tint40","orange","orangeLight","tint20","orangeLighter","redDark","darkRed","red","magentaDark","magenta","shade30","magentaLight","tint30","purpleDark","darkPurple","purple","purpleLight","blueDark","darkBlue","blueMid","royalBlue","blue","blueLight","lightBlue","tealDark","darkTeal","teal","tealLight","lightTeal","greenDark","darkGreen","green","greenLight","lightGreen","mapPalette","brandColors","inverted","neutrals","brands","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","accent","mapSemanticColors","baseColors","theme","accentButtonBackground","colorBrandBackground","accentButtonText","colorNeutralForegroundOnBrand","actionLink","colorNeutralForeground1","actionLinkHovered","colorNeutralForeground1Hover","bodyBackground","colorNeutralBackground1","bodyBackgroundChecked","colorNeutralBackground1Selected","bodyBackgroundHovered","colorNeutralBackground1Hover","bodyDivider","colorNeutralStroke2","bodyFrameBackground","bodyFrameDivider","bodyStandoutBackground","colorNeutralBackground2","bodySubtext","colorNeutralForeground2","bodyText","bodyTextChecked","colorNeutralForeground1Selected","buttonBackground","buttonBackgroundChecked","buttonBackgroundCheckedHovered","buttonBackgroundDisabled","colorNeutralBackgroundDisabled","buttonBackgroundHovered","buttonBackgroundPressed","colorNeutralBackground1Pressed","buttonBorder","colorNeutralStroke1","buttonBorderDisabled","colorNeutralStrokeDisabled","buttonText","buttonTextChecked","buttonTextCheckedHovered","buttonTextDisabled","colorNeutralForegroundDisabled","buttonTextHovered","buttonTextPressed","cardShadow","shadow4","cardShadowHovered","shadow8","cardStandoutBackground","defaultStateBackground","disabledBackground","disabledBodySubtext","disabledBodyText","disabledBorder","disabledSubtext","disabledText","focusBorder","colorStrokeFocus2","inputBackground","inputBackgroundChecked","inputBackgroundCheckedHovered","colorBrandBackgroundHover","inputBorder","colorNeutralStrokeAccessible","inputBorderHovered","colorNeutralStrokeAccessibleHover","inputFocusBorderAlt","colorBrandStroke1","inputForegroundChecked","inputIcon","colorNeutralForeground3","inputIconDisabled","inputIconHovered","inputPlaceholderBackgroundChecked","colorBrandBackgroundInvertedSelected","inputPlaceholderText","colorNeutralForeground4","inputText","inputTextHovered","link","colorBrandForegroundLink","linkHovered","colorBrandForegroundLinkHover","listBackground","listHeaderBackgroundHovered","listHeaderBackgroundPressed","listItemBackgroundChecked","listItemBackgroundCheckedHovered","listItemBackgroundHovered","listText","listTextColor","menuBackground","menuDivider","menuHeader","menuIcon","menuItemBackgroundChecked","menuItemBackgroundHovered","menuItemBackgroundPressed","menuItemText","menuItemTextHovered","messageLink","messageLinkHovered","messageText","primaryButtonBackground","primaryButtonBackgroundDisabled","primaryButtonBackgroundHovered","primaryButtonBackgroundPressed","colorBrandBackgroundPressed","primaryButtonBorder","colorTransparentStroke","primaryButtonText","primaryButtonTextDisabled","primaryButtonTextHovered","primaryButtonTextPressed","mapFonts","baseFonts","tiny","fontFamily","fontFamilyBase","fontSize","fontSizeBase100","fontWeight","fontWeightRegular","xSmall","small","fontSizeBase200","smallPlus","medium","fontSizeBase300","mediumPlus","fontSizeBase400","large","xLarge","xxLarge","fontSizeBase500","fontWeightSemibold","fontSizeHero700","superLarge","fontSizeHero900","mega","fontSizeHero1000","mapEffects","baseEffects","elevation4","elevation8","elevation16","shadow16","elevation64","shadow64","roundedCorner2","borderRadiusSmall","roundedCorner4","borderRadiusMedium","roundedCorner6","borderRadiusLarge","createV8Theme","themeV9","isDarkTheme","themeV8","baseTheme","isInverted","palette","components","semanticColors","fonts","effects"],"mappings":"AACA,SAASA,WAAW,EAAEC,cAAc,QAAQ,kBAAkB;AAC9D,SAASC,sBAAsB,QAAQ,0BAA0B;AAIjE,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,YAAY,EAAEC,KAAK,EAAEC,UAAU,QAAQ,oBAAoB;AAE7F,MAAMC,iBAAiB;IACrBN;IACAO,oBAAoBN,UAAU,CAAC,GAAG;IAClCO,aAAaN,IAAI,CAAC,EAAE;IACpBO,gBAAgBP,IAAI,CAAC,GAAG;IACxBQ,mBAAmBR,IAAI,CAAC,GAAG;IAC3BS,kBAAkBT,IAAI,CAAC,GAAG;IAC1BU,qBAAqBV,IAAI,CAAC,GAAG;IAC7BW,iBAAiBX,IAAI,CAAC,GAAG;IACzBY,oBAAoBZ,IAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,IAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,IAAI,CAAC,GAAG;IAC9Be,cAAcf,IAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,IAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,IAAI,CAAC,GAAG;IAC3BE;IACAgB,oBAAoBf,UAAU,CAAC,GAAG;AACpC;AAEA,MAAMgB,yBAAyB;IAC7BrB,OAAOI;IACPG,oBAAoBF,UAAU,CAAC,GAAG;IAClCG,aAAaN,IAAI,CAAC,GAAG;IACrBO,gBAAgBP,IAAI,CAAC,GAAG;IACxBQ,mBAAmBR,IAAI,CAAC,GAAG;IAC3BS,kBAAkBT,IAAI,CAAC,GAAG;IAC1BU,qBAAqBV,IAAI,CAAC,GAAG;IAC7BW,iBAAiBX,IAAI,CAAC,GAAG;IACzBY,oBAAoBZ,IAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,IAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,IAAI,CAAC,GAAG;IAC9Be,cAAcf,IAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,IAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,IAAI,CAAC,GAAG;IAC3BE,OAAOJ;IACPoB,oBAAoBnB,UAAU,CAAC,GAAG;AACpC;AAEA,MAAMqB,qBAAqB;IACzBC,YAAYpB,aAAaqB,QAAQ,CAACC,OAAO;IACzCC,QAAQvB,aAAauB,MAAM,CAACC,OAAO;IACnCC,aAAazB,aAAauB,MAAM,CAACG,MAAM;IACvCC,QAAQ3B,aAAa2B,MAAM,CAACH,OAAO;IACnCI,aAAa5B,aAAa2B,MAAM,CAACE,MAAM;IACvCC,eAAe9B,aAAa2B,MAAM,CAACD,MAAM;IACzCK,SAAS/B,aAAagC,OAAO,CAACR,OAAO;IACrCS,KAAKjC,aAAaiC,GAAG,CAACT,OAAO;IAC7BU,aAAalC,aAAamC,OAAO,CAACC,OAAO;IACzCD,SAASnC,aAAamC,OAAO,CAACX,OAAO;IACrCa,cAAcrC,aAAamC,OAAO,CAACG,MAAM;IACzCC,YAAYvC,aAAawC,UAAU,CAAChB,OAAO;IAC3CiB,QAAQzC,aAAayC,MAAM,CAACjB,OAAO;IACnCkB,aAAa1C,aAAayC,MAAM,CAACf,MAAM;IACvCiB,UAAU3C,aAAa4C,QAAQ,CAACpB,OAAO;IACvCqB,SAAS7C,aAAa8C,SAAS,CAACtB,OAAO;IACvCuB,MAAM/C,aAAa+C,IAAI,CAACvB,OAAO;IAC/BwB,WAAWhD,aAAaiD,SAAS,CAACzB,OAAO;IACzC0B,UAAUlD,aAAamD,QAAQ,CAAC3B,OAAO;IACvC4B,MAAMpD,aAAaoD,IAAI,CAAC5B,OAAO;IAC/B6B,WAAWrD,aAAasD,SAAS,CAAC9B,OAAO;IACzC+B,WAAWvD,aAAawD,SAAS,CAAChC,OAAO;IACzCiC,OAAOzD,aAAayD,KAAK,CAACjC,OAAO;IACjCkC,YAAY1D,aAAa2D,UAAU,CAACnC,OAAO;AAC7C;AAEA;;CAEC,GACD,MAAMoC,aAAa,CAACC,aAA4BC;IAC9C,MAAMC,WAAWD,WAAW5C,yBAAyBf;IACrD,MAAM6D,SAASF,WACX;QACEG,aAAaJ,WAAW,CAAC,IAAI;QAC7BK,WAAWL,WAAW,CAAC,IAAI;QAC3BM,cAAcN,WAAW,CAAC,IAAI;QAC9BO,cAAcP,WAAW,CAAC,GAAG;QAC7BQ,gBAAgBR,WAAW,CAAC,GAAG;QAC/BS,eAAeT,WAAW,CAAC,GAAG;QAC9BU,YAAYV,WAAW,CAAC,GAAG;QAC3BW,cAAcX,WAAW,CAAC,GAAG;QAC7BY,iBAAiBZ,WAAW,CAAC,GAAG;IAClC,IACA;QACEI,aAAaJ,WAAW,CAAC,GAAG;QAC5BK,WAAWL,WAAW,CAAC,GAAG;QAC1BM,cAAcN,WAAW,CAAC,GAAG;QAC7BO,cAAcP,WAAW,CAAC,GAAG;QAC7BQ,gBAAgBR,WAAW,CAAC,GAAG;QAC/BS,eAAeT,WAAW,CAAC,IAAI;QAC/BU,YAAYV,WAAW,CAAC,IAAI;QAC5BW,cAAcX,WAAW,CAAC,IAAI;QAC9BY,iBAAiBZ,WAAW,CAAC,IAAI;IACnC;IAEJ,OAAO;QACL,GAAGlE,cAAc;QACjB,GAAGoE,QAAQ;QACXW,QAAQV,OAAOI,YAAY;QAC3B,GAAGjD,kBAAkB;QACrB,GAAG6C,MAAM;IACX;AACF;AAEA;;CAEC,GACD,MAAMW,oBAAoB,CAACC,YAA6BC;IACtD,OAAO;QACL,GAAGD,UAAU;QACbE,wBAAwBD,MAAME,oBAAoB;QAClDC,kBAAkBH,MAAMI,6BAA6B;QACrDC,YAAYL,MAAMM,uBAAuB;QACzCC,mBAAmBP,MAAMQ,4BAA4B;QACrD,sBAAsB;QACtB,gBAAgB;QAChBC,gBAAgBT,MAAMU,uBAAuB;QAC7CC,uBAAuBX,MAAMY,+BAA+B;QAC5DC,uBAAuBb,MAAMc,4BAA4B;QACzDC,aAAaf,MAAMgB,mBAAmB;QACtCC,qBAAqBjB,MAAMU,uBAAuB;QAClDQ,kBAAkBlB,MAAMgB,mBAAmB;QAC3CG,wBAAwBnB,MAAMoB,uBAAuB;QACrDC,aAAarB,MAAMsB,uBAAuB;QAC1CC,UAAUvB,MAAMM,uBAAuB;QACvCkB,iBAAiBxB,MAAMyB,+BAA+B;QACtDC,kBAAkB1B,MAAMU,uBAAuB;QAC/CiB,yBAAyB3B,MAAMY,+BAA+B;QAC9DgB,gCAAgC5B,MAAMc,4BAA4B;QAClEe,0BAA0B7B,MAAM8B,8BAA8B;QAC9DC,yBAAyB/B,MAAMc,4BAA4B;QAC3DkB,yBAAyBhC,MAAMiC,8BAA8B;QAC7DC,cAAclC,MAAMmC,mBAAmB;QACvCC,sBAAsBpC,MAAMqC,0BAA0B;QACtDC,YAAYtC,MAAMM,uBAAuB;QACzCiC,mBAAmBvC,MAAMM,uBAAuB;QAChDkC,0BAA0BxC,MAAMM,uBAAuB;QACvDmC,oBAAoBzC,MAAM0C,8BAA8B;QACxDC,mBAAmB3C,MAAMM,uBAAuB;QAChDsC,mBAAmB5C,MAAMM,uBAAuB;QAChDuC,YAAY7C,MAAM8C,OAAO;QACzBC,mBAAmB/C,MAAMgD,OAAO;QAChCC,wBAAwBjD,MAAMU,uBAAuB;QACrDwC,wBAAwBlD,MAAMoB,uBAAuB;QACrD+B,oBAAoBnD,MAAM8B,8BAA8B;QACxDsB,qBAAqBpD,MAAM0C,8BAA8B;QACzDW,kBAAkBrD,MAAM0C,8BAA8B;QACtDY,gBAAgBtD,MAAMqC,0BAA0B;QAChDkB,iBAAiBvD,MAAM0C,8BAA8B;QACrDc,cAAcxD,MAAM0C,8BAA8B;QAClD,mBAAmB;QACnB,aAAa;QACb,eAAe;QACfe,aAAazD,MAAM0D,iBAAiB;QACpC,kBAAkB;QAClB,YAAY;QACZC,iBAAiB3D,MAAMU,uBAAuB;QAC9CkD,wBAAwB5D,MAAME,oBAAoB;QAClD2D,+BAA+B7D,MAAM8D,yBAAyB;QAC9DC,aAAa/D,MAAMgE,4BAA4B;QAC/CC,oBAAoBjE,MAAMkE,iCAAiC;QAC3DC,qBAAqBnE,MAAMoE,iBAAiB;QAC5CC,wBAAwBrE,MAAMI,6BAA6B;QAC3DkE,WAAWtE,MAAMuE,uBAAuB;QACxCC,mBAAmBxE,MAAM0C,8BAA8B;QACvD+B,kBAAkBzE,MAAMuE,uBAAuB;QAC/CG,mCAAmC1E,MAAM2E,oCAAoC;QAC7EC,sBAAsB5E,MAAM6E,uBAAuB;QACnDC,WAAW9E,MAAMM,uBAAuB;QACxCyE,kBAAkB/E,MAAMQ,4BAA4B;QACpDwE,MAAMhF,MAAMiF,wBAAwB;QACpCC,aAAalF,MAAMmF,6BAA6B;QAChDC,gBAAgBpF,MAAMU,uBAAuB;QAC7C2E,6BAA6BrF,MAAMc,4BAA4B;QAC/DwE,6BAA6BtF,MAAMiC,8BAA8B;QACjEsD,2BAA2BvF,MAAMY,+BAA+B;QAChE4E,kCAAkCxF,MAAMY,+BAA+B;QACvE6E,2BAA2BzF,MAAMc,4BAA4B;QAC7D4E,UAAU1F,MAAMM,uBAAuB;QACvCqF,eAAe3F,MAAMM,uBAAuB;QAC5CsF,gBAAgB5F,MAAMU,uBAAuB;QAC7CmF,aAAa7F,MAAMgB,mBAAmB;QACtC8E,YAAY9F,MAAMuE,uBAAuB;QACzCwB,UAAU/F,MAAMM,uBAAuB;QACvC0F,2BAA2BhG,MAAMU,uBAAuB;QACxDuF,2BAA2BjG,MAAMc,4BAA4B;QAC7DoF,2BAA2BlG,MAAMc,4BAA4B;QAC7DqF,cAAcnG,MAAMM,uBAAuB;QAC3C8F,qBAAqBpG,MAAMQ,4BAA4B;QACvD6F,aAAarG,MAAMiF,wBAAwB;QAC3CqB,oBAAoBtG,MAAMmF,6BAA6B;QACvDoB,aAAavG,MAAMM,uBAAuB;QAC1CkG,yBAAyBxG,MAAME,oBAAoB;QACnDuG,iCAAiCzG,MAAM8B,8BAA8B;QACrE4E,gCAAgC1G,MAAM8D,yBAAyB;QAC/D6C,gCAAgC3G,MAAM4G,2BAA2B;QACjEC,qBAAqB7G,MAAM8G,sBAAsB;QACjDC,mBAAmB/G,MAAMI,6BAA6B;QACtD4G,2BAA2BhH,MAAM0C,8BAA8B;QAC/DuE,0BAA0BjH,MAAMI,6BAA6B;QAC7D8G,0BAA0BlH,MAAMI,6BAA6B;IAa/D;AACF;AAEA;;CAEC,GACD,MAAM+G,WAAW,CAACC,WAAwBpH;IACxC,OAAO;QACL,GAAGoH,SAAS;QACZC,MAAM;YACJ,GAAGD,UAAUC,IAAI;YACjBC,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyH,eAAe;YAC/BC,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAC,QAAQ;YACN,GAAGR,UAAUQ,MAAM;YACnBN,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyH,eAAe;YAC/BC,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAE,OAAO;YACL,GAAGT,UAAUS,KAAK;YAClBP,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM8H,eAAe;YAC/BJ,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAI,WAAW;YACT,GAAGX,UAAUW,SAAS;YACtBT,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM8H,eAAe;YAC/BJ,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAK,QAAQ;YACN,GAAGZ,UAAUY,MAAM;YACnBV,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMiI,eAAe;YAC/BP,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAO,YAAY;YACV,GAAGd,UAAUc,UAAU;YACvBZ,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMmI,eAAe;YAC/BT,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAS,OAAO;YACL,GAAGhB,UAAUgB,KAAK;YAClBd,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMmI,eAAe;YAC/BT,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAU,QAAQ;YACN,GAAGjB,UAAUkB,OAAO;YACpBhB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMuI,eAAe;YAC/Bb,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAF,SAAS;YACP,GAAGlB,UAAUkB,OAAO;YACpBhB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyI,eAAe;YAC/Bf,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAE,YAAY;YACV,GAAGtB,UAAUsB,UAAU;YACvBpB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM2I,eAAe;YAC/BjB,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAI,MAAM;YACJ,GAAGxB,UAAUwB,IAAI;YACjBtB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM6I,gBAAgB;YAChCnB,YAAY1H,MAAMwI,kBAAkB;QACtC;IACF;AACF;AAEA;;CAEC,GACD,MAAMM,aAAa,CAACC,aAAuB/I;IACzC,OAAO;QACL,GAAG+I,WAAW;QACdC,YAAYhJ,MAAM8C,OAAO;QACzBmG,YAAYjJ,MAAMgD,OAAO;QACzBkG,aAAalJ,MAAMmJ,QAAQ;QAC3BC,aAAapJ,MAAMqJ,QAAQ;QAC3BC,gBAAgBtJ,MAAMuJ,iBAAiB;QACvCC,gBAAgBxJ,MAAMyJ,kBAAkB;QACxCC,gBAAgB1J,MAAM2J,iBAAiB;IACzC;AACF;AAEA;;;;;;;CAOC,GACD,OAAO,MAAMC,gBAAgB,CAC3B5K,aACA6K,SACAC,cAAuB,KAAK,EAC5BC;IAEA,MAAMC,YAAYD,WAAWlP,YAAY;QAAEoP,YAAYH;IAAY;IAEnE,OAAO;QACL,GAAGE,SAAS;QACZE,SAASnL,WAAWC,aAAa8K;QACjCK,YAAYpP;QACZqP,gBAAgBtK,kBAAkBkK,UAAUI,cAAc,EAAEP;QAC5DQ,OAAOlD,SAAS6C,UAAUK,KAAK,EAAER;QACjCS,SAASxB,WAAWkB,UAAUM,OAAO,EAAET;QACvCI,YAAYH,eAAeC,CAAAA,oBAAAA,8BAAAA,QAASE,UAAU,MAAK;IACrD;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/Theme/v8ThemeShim.ts"],"sourcesContent":["import type { IPalette, ISemanticColors, IFontStyles, IFontWeight, IEffects, Theme as ThemeV8 } from '@fluentui/react';\nimport { createTheme, DefaultPalette } from '@fluentui/react';\nimport { fluent2ComponentStyles } from '@fluentui/fluent2-theme';\n\nimport type { BrandVariants, Theme as ThemeV9 } from '@fluentui/react-components';\n\nimport { black, blackAlpha, grey, sharedColors, white, whiteAlpha } from './themeDuplicates';\n\nconst mappedNeutrals = {\n black,\n blackTranslucent40: blackAlpha[40],\n neutralDark: grey[8],\n neutralPrimary: grey[14],\n neutralPrimaryAlt: grey[22],\n neutralSecondary: grey[36],\n neutralSecondaryAlt: grey[52],\n neutralTertiary: grey[62],\n neutralTertiaryAlt: grey[78],\n neutralQuaternary: grey[82],\n neutralQuaternaryAlt: grey[88],\n neutralLight: grey[92],\n neutralLighter: grey[96],\n neutralLighterAlt: grey[98],\n white,\n whiteTranslucent40: whiteAlpha[40],\n};\n\nconst invertedMappedNeutrals = {\n black: white,\n blackTranslucent40: whiteAlpha[40],\n neutralDark: grey[98],\n neutralPrimary: grey[96],\n neutralPrimaryAlt: grey[84],\n neutralSecondary: grey[82],\n neutralSecondaryAlt: grey[74],\n neutralTertiary: grey[44],\n neutralTertiaryAlt: grey[26],\n neutralQuaternary: grey[24],\n neutralQuaternaryAlt: grey[18],\n neutralLight: grey[16],\n neutralLighter: grey[14],\n neutralLighterAlt: grey[10],\n white: black,\n whiteTranslucent40: blackAlpha[40],\n};\n\nconst mappedSharedColors = {\n yellowDark: sharedColors.marigold.shade10,\n yellow: sharedColors.yellow.primary,\n yellowLight: sharedColors.yellow.tint40,\n orange: sharedColors.orange.primary,\n orangeLight: sharedColors.orange.tint20,\n orangeLighter: sharedColors.orange.tint40,\n redDark: sharedColors.darkRed.primary,\n red: sharedColors.red.primary,\n magentaDark: sharedColors.magenta.shade30,\n magenta: sharedColors.magenta.primary,\n magentaLight: sharedColors.magenta.tint30,\n purpleDark: sharedColors.darkPurple.primary,\n purple: sharedColors.purple.primary,\n purpleLight: sharedColors.purple.tint40,\n blueDark: sharedColors.darkBlue.primary,\n blueMid: sharedColors.royalBlue.primary,\n blue: sharedColors.blue.primary,\n blueLight: sharedColors.lightBlue.primary,\n tealDark: sharedColors.darkTeal.primary,\n teal: sharedColors.teal.primary,\n tealLight: sharedColors.lightTeal.primary,\n greenDark: sharedColors.darkGreen.primary,\n green: sharedColors.green.primary,\n greenLight: sharedColors.lightGreen.primary,\n};\n\n/**\n * Creates a v8 palette given a brand ramp\n */\nconst mapPalette = (brandColors: BrandVariants, inverted: boolean): IPalette => {\n const neutrals = inverted ? invertedMappedNeutrals : mappedNeutrals;\n const brands = inverted\n ? {\n themeDarker: brandColors[110],\n themeDark: brandColors[100],\n themeDarkAlt: brandColors[100],\n themePrimary: brandColors[90],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[60],\n themeLight: brandColors[50],\n themeLighter: brandColors[40],\n themeLighterAlt: brandColors[30],\n }\n : {\n themeDarker: brandColors[40],\n themeDark: brandColors[60],\n themeDarkAlt: brandColors[70],\n themePrimary: brandColors[80],\n themeSecondary: brandColors[90],\n themeTertiary: brandColors[120],\n themeLight: brandColors[140],\n themeLighter: brandColors[150],\n themeLighterAlt: brandColors[160],\n };\n\n return {\n ...DefaultPalette,\n ...neutrals,\n accent: brands.themePrimary,\n ...mappedSharedColors,\n ...brands,\n };\n};\n\n/**\n * Returns v9 theme colors overlaid on a base set of v8 semantic colors\n */\nconst mapSemanticColors = (baseColors: ISemanticColors, theme: ThemeV9): ISemanticColors => {\n return {\n ...baseColors,\n accentButtonBackground: theme.colorBrandBackground,\n accentButtonText: theme.colorNeutralForegroundOnBrand,\n actionLink: theme.colorNeutralForeground1,\n actionLinkHovered: theme.colorNeutralForeground1Hover,\n // blockingBackground,\n // blockingIcon,\n bodyBackground: theme.colorNeutralBackground1,\n bodyBackgroundChecked: theme.colorNeutralBackground1Selected,\n bodyBackgroundHovered: theme.colorNeutralBackground1Hover,\n bodyDivider: theme.colorNeutralStroke2,\n bodyFrameBackground: theme.colorNeutralBackground1,\n bodyFrameDivider: theme.colorNeutralStroke2,\n bodyStandoutBackground: theme.colorNeutralBackground2,\n bodySubtext: theme.colorNeutralForeground2,\n bodyText: theme.colorNeutralForeground1,\n bodyTextChecked: theme.colorNeutralForeground1Selected,\n buttonBackground: theme.colorNeutralBackground1,\n buttonBackgroundChecked: theme.colorNeutralBackground1Selected,\n buttonBackgroundCheckedHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n buttonBackgroundHovered: theme.colorNeutralBackground1Hover,\n buttonBackgroundPressed: theme.colorNeutralBackground1Pressed,\n buttonBorder: theme.colorNeutralStroke1,\n buttonBorderDisabled: theme.colorNeutralStrokeDisabled,\n buttonText: theme.colorNeutralForeground1,\n buttonTextChecked: theme.colorNeutralForeground1,\n buttonTextCheckedHovered: theme.colorNeutralForeground1,\n buttonTextDisabled: theme.colorNeutralForegroundDisabled,\n buttonTextHovered: theme.colorNeutralForeground1,\n buttonTextPressed: theme.colorNeutralForeground1,\n cardShadow: theme.shadow4,\n cardShadowHovered: theme.shadow8,\n cardStandoutBackground: theme.colorNeutralBackground1,\n defaultStateBackground: theme.colorNeutralBackground2,\n disabledBackground: theme.colorNeutralBackgroundDisabled,\n disabledBodySubtext: theme.colorNeutralForegroundDisabled,\n disabledBodyText: theme.colorNeutralForegroundDisabled,\n disabledBorder: theme.colorNeutralStrokeDisabled,\n disabledSubtext: theme.colorNeutralForegroundDisabled,\n disabledText: theme.colorNeutralForegroundDisabled,\n // errorBackground,\n // errorIcon,\n // errorText: ,\n focusBorder: theme.colorStrokeFocus2,\n // infoBackground,\n // infoIcon,\n inputBackground: theme.colorNeutralBackground1,\n inputBackgroundChecked: theme.colorBrandBackground,\n inputBackgroundCheckedHovered: theme.colorBrandBackgroundHover,\n inputBorder: theme.colorNeutralStrokeAccessible,\n inputBorderHovered: theme.colorNeutralStrokeAccessibleHover,\n inputFocusBorderAlt: theme.colorBrandStroke1,\n inputForegroundChecked: theme.colorNeutralForegroundOnBrand,\n inputIcon: theme.colorNeutralForeground3,\n inputIconDisabled: theme.colorNeutralForegroundDisabled,\n inputIconHovered: theme.colorNeutralForeground3,\n inputPlaceholderBackgroundChecked: theme.colorBrandBackgroundInvertedSelected,\n inputPlaceholderText: theme.colorNeutralForeground4,\n inputText: theme.colorNeutralForeground1,\n inputTextHovered: theme.colorNeutralForeground1Hover,\n link: theme.colorBrandForegroundLink,\n linkHovered: theme.colorBrandForegroundLinkHover,\n listBackground: theme.colorNeutralBackground1,\n listHeaderBackgroundHovered: theme.colorNeutralBackground1Hover,\n listHeaderBackgroundPressed: theme.colorNeutralBackground1Pressed,\n listItemBackgroundChecked: theme.colorNeutralBackground1Selected,\n listItemBackgroundCheckedHovered: theme.colorNeutralBackground1Selected,\n listItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n listText: theme.colorNeutralForeground1,\n listTextColor: theme.colorNeutralForeground1,\n menuBackground: theme.colorNeutralBackground1,\n menuDivider: theme.colorNeutralStroke2,\n menuHeader: theme.colorNeutralForeground3,\n menuIcon: theme.colorNeutralForeground1,\n menuItemBackgroundChecked: theme.colorNeutralBackground1,\n menuItemBackgroundHovered: theme.colorNeutralBackground1Hover,\n menuItemBackgroundPressed: theme.colorNeutralBackground1Hover,\n menuItemText: theme.colorNeutralForeground1,\n menuItemTextHovered: theme.colorNeutralForeground1Hover,\n messageLink: theme.colorBrandForegroundLink,\n messageLinkHovered: theme.colorBrandForegroundLinkHover,\n messageText: theme.colorNeutralForeground1,\n primaryButtonBackground: theme.colorBrandBackground,\n primaryButtonBackgroundDisabled: theme.colorNeutralBackgroundDisabled,\n primaryButtonBackgroundHovered: theme.colorBrandBackgroundHover,\n primaryButtonBackgroundPressed: theme.colorBrandBackgroundPressed,\n primaryButtonBorder: theme.colorTransparentStroke,\n primaryButtonText: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextDisabled: theme.colorNeutralForegroundDisabled,\n primaryButtonTextHovered: theme.colorNeutralForegroundOnBrand,\n primaryButtonTextPressed: theme.colorNeutralForegroundOnBrand,\n // severeWarningBackground,\n // severeWarningIcon,\n // smallInputBorder,\n // successBackground,\n // successIcon,\n // successText: ,\n // variantBorder,\n // variantBorderHovered,\n // warningBackground,\n // warningHighlight,\n // warningIcon,\n // warningText: ,\n };\n};\n\n/**\n * Overlays v9 fonts on a set of base v8 fonts.\n */\nconst mapFonts = (baseFonts: IFontStyles, theme: ThemeV9): IFontStyles => {\n return {\n ...baseFonts,\n tiny: {\n ...baseFonts.tiny,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xSmall: {\n ...baseFonts.xSmall,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase100,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n small: {\n ...baseFonts.small,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n smallPlus: {\n ...baseFonts.smallPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase200,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n medium: {\n ...baseFonts.medium,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase300,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n mediumPlus: {\n ...baseFonts.mediumPlus,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n large: {\n ...baseFonts.large,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase400,\n fontWeight: theme.fontWeightRegular as IFontWeight,\n },\n xLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeBase500,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n xxLarge: {\n ...baseFonts.xxLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero700,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n superLarge: {\n ...baseFonts.superLarge,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero900,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n mega: {\n ...baseFonts.mega,\n fontFamily: theme.fontFamilyBase,\n fontSize: theme.fontSizeHero1000,\n fontWeight: theme.fontWeightSemibold as IFontWeight,\n },\n };\n};\n\n/**\n * Overlays v9 shadows and border radii on a base set of v8 effects.\n */\nconst mapEffects = (baseEffects: IEffects, theme: ThemeV9): IEffects => {\n return {\n ...baseEffects,\n elevation4: theme.shadow4,\n elevation8: theme.shadow8,\n elevation16: theme.shadow16,\n elevation64: theme.shadow64,\n roundedCorner2: theme.borderRadiusSmall,\n roundedCorner4: theme.borderRadiusMedium,\n roundedCorner6: theme.borderRadiusLarge,\n };\n};\n\n/**\n * Creates a v8 theme from v9 brand colors and theme.\n * You can optionally pass a v8 base theme.\n * Otherwise the default v8 theme is used.\n *\n * The v9 colors, fonts, and effects are applied on top of the v8 theme\n * to allow v8 components to look as much like v9 components as possible.\n */\nexport const createV8Theme = (\n brandColors: BrandVariants,\n themeV9: ThemeV9,\n isDarkTheme: boolean = false,\n themeV8?: ThemeV8,\n): ThemeV8 => {\n const baseTheme = themeV8 || createTheme({ isInverted: isDarkTheme });\n\n return {\n ...baseTheme,\n palette: mapPalette(brandColors, isDarkTheme),\n components: fluent2ComponentStyles,\n semanticColors: mapSemanticColors(baseTheme.semanticColors, themeV9),\n fonts: mapFonts(baseTheme.fonts, themeV9),\n effects: mapEffects(baseTheme.effects, themeV9),\n isInverted: isDarkTheme || themeV8?.isInverted === true,\n };\n};\n"],"names":["createTheme","DefaultPalette","fluent2ComponentStyles","black","blackAlpha","grey","sharedColors","white","whiteAlpha","mappedNeutrals","blackTranslucent40","neutralDark","neutralPrimary","neutralPrimaryAlt","neutralSecondary","neutralSecondaryAlt","neutralTertiary","neutralTertiaryAlt","neutralQuaternary","neutralQuaternaryAlt","neutralLight","neutralLighter","neutralLighterAlt","whiteTranslucent40","invertedMappedNeutrals","mappedSharedColors","yellowDark","marigold","shade10","yellow","primary","yellowLight","tint40","orange","orangeLight","tint20","orangeLighter","redDark","darkRed","red","magentaDark","magenta","shade30","magentaLight","tint30","purpleDark","darkPurple","purple","purpleLight","blueDark","darkBlue","blueMid","royalBlue","blue","blueLight","lightBlue","tealDark","darkTeal","teal","tealLight","lightTeal","greenDark","darkGreen","green","greenLight","lightGreen","mapPalette","brandColors","inverted","neutrals","brands","themeDarker","themeDark","themeDarkAlt","themePrimary","themeSecondary","themeTertiary","themeLight","themeLighter","themeLighterAlt","accent","mapSemanticColors","baseColors","theme","accentButtonBackground","colorBrandBackground","accentButtonText","colorNeutralForegroundOnBrand","actionLink","colorNeutralForeground1","actionLinkHovered","colorNeutralForeground1Hover","bodyBackground","colorNeutralBackground1","bodyBackgroundChecked","colorNeutralBackground1Selected","bodyBackgroundHovered","colorNeutralBackground1Hover","bodyDivider","colorNeutralStroke2","bodyFrameBackground","bodyFrameDivider","bodyStandoutBackground","colorNeutralBackground2","bodySubtext","colorNeutralForeground2","bodyText","bodyTextChecked","colorNeutralForeground1Selected","buttonBackground","buttonBackgroundChecked","buttonBackgroundCheckedHovered","buttonBackgroundDisabled","colorNeutralBackgroundDisabled","buttonBackgroundHovered","buttonBackgroundPressed","colorNeutralBackground1Pressed","buttonBorder","colorNeutralStroke1","buttonBorderDisabled","colorNeutralStrokeDisabled","buttonText","buttonTextChecked","buttonTextCheckedHovered","buttonTextDisabled","colorNeutralForegroundDisabled","buttonTextHovered","buttonTextPressed","cardShadow","shadow4","cardShadowHovered","shadow8","cardStandoutBackground","defaultStateBackground","disabledBackground","disabledBodySubtext","disabledBodyText","disabledBorder","disabledSubtext","disabledText","focusBorder","colorStrokeFocus2","inputBackground","inputBackgroundChecked","inputBackgroundCheckedHovered","colorBrandBackgroundHover","inputBorder","colorNeutralStrokeAccessible","inputBorderHovered","colorNeutralStrokeAccessibleHover","inputFocusBorderAlt","colorBrandStroke1","inputForegroundChecked","inputIcon","colorNeutralForeground3","inputIconDisabled","inputIconHovered","inputPlaceholderBackgroundChecked","colorBrandBackgroundInvertedSelected","inputPlaceholderText","colorNeutralForeground4","inputText","inputTextHovered","link","colorBrandForegroundLink","linkHovered","colorBrandForegroundLinkHover","listBackground","listHeaderBackgroundHovered","listHeaderBackgroundPressed","listItemBackgroundChecked","listItemBackgroundCheckedHovered","listItemBackgroundHovered","listText","listTextColor","menuBackground","menuDivider","menuHeader","menuIcon","menuItemBackgroundChecked","menuItemBackgroundHovered","menuItemBackgroundPressed","menuItemText","menuItemTextHovered","messageLink","messageLinkHovered","messageText","primaryButtonBackground","primaryButtonBackgroundDisabled","primaryButtonBackgroundHovered","primaryButtonBackgroundPressed","colorBrandBackgroundPressed","primaryButtonBorder","colorTransparentStroke","primaryButtonText","primaryButtonTextDisabled","primaryButtonTextHovered","primaryButtonTextPressed","mapFonts","baseFonts","tiny","fontFamily","fontFamilyBase","fontSize","fontSizeBase100","fontWeight","fontWeightRegular","xSmall","small","fontSizeBase200","smallPlus","medium","fontSizeBase300","mediumPlus","fontSizeBase400","large","xLarge","xxLarge","fontSizeBase500","fontWeightSemibold","fontSizeHero700","superLarge","fontSizeHero900","mega","fontSizeHero1000","mapEffects","baseEffects","elevation4","elevation8","elevation16","shadow16","elevation64","shadow64","roundedCorner2","borderRadiusSmall","roundedCorner4","borderRadiusMedium","roundedCorner6","borderRadiusLarge","createV8Theme","themeV9","isDarkTheme","themeV8","baseTheme","isInverted","palette","components","semanticColors","fonts","effects"],"mappings":"AACA,SAASA,WAAW,EAAEC,cAAc,QAAQ,kBAAkB;AAC9D,SAASC,sBAAsB,QAAQ,0BAA0B;AAIjE,SAASC,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,YAAY,EAAEC,KAAK,EAAEC,UAAU,QAAQ,uBAAoB;AAE7F,MAAMC,iBAAiB;IACrBN;IACAO,oBAAoBN,UAAU,CAAC,GAAG;IAClCO,aAAaN,IAAI,CAAC,EAAE;IACpBO,gBAAgBP,IAAI,CAAC,GAAG;IACxBQ,mBAAmBR,IAAI,CAAC,GAAG;IAC3BS,kBAAkBT,IAAI,CAAC,GAAG;IAC1BU,qBAAqBV,IAAI,CAAC,GAAG;IAC7BW,iBAAiBX,IAAI,CAAC,GAAG;IACzBY,oBAAoBZ,IAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,IAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,IAAI,CAAC,GAAG;IAC9Be,cAAcf,IAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,IAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,IAAI,CAAC,GAAG;IAC3BE;IACAgB,oBAAoBf,UAAU,CAAC,GAAG;AACpC;AAEA,MAAMgB,yBAAyB;IAC7BrB,OAAOI;IACPG,oBAAoBF,UAAU,CAAC,GAAG;IAClCG,aAAaN,IAAI,CAAC,GAAG;IACrBO,gBAAgBP,IAAI,CAAC,GAAG;IACxBQ,mBAAmBR,IAAI,CAAC,GAAG;IAC3BS,kBAAkBT,IAAI,CAAC,GAAG;IAC1BU,qBAAqBV,IAAI,CAAC,GAAG;IAC7BW,iBAAiBX,IAAI,CAAC,GAAG;IACzBY,oBAAoBZ,IAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,IAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,IAAI,CAAC,GAAG;IAC9Be,cAAcf,IAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,IAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,IAAI,CAAC,GAAG;IAC3BE,OAAOJ;IACPoB,oBAAoBnB,UAAU,CAAC,GAAG;AACpC;AAEA,MAAMqB,qBAAqB;IACzBC,YAAYpB,aAAaqB,QAAQ,CAACC,OAAO;IACzCC,QAAQvB,aAAauB,MAAM,CAACC,OAAO;IACnCC,aAAazB,aAAauB,MAAM,CAACG,MAAM;IACvCC,QAAQ3B,aAAa2B,MAAM,CAACH,OAAO;IACnCI,aAAa5B,aAAa2B,MAAM,CAACE,MAAM;IACvCC,eAAe9B,aAAa2B,MAAM,CAACD,MAAM;IACzCK,SAAS/B,aAAagC,OAAO,CAACR,OAAO;IACrCS,KAAKjC,aAAaiC,GAAG,CAACT,OAAO;IAC7BU,aAAalC,aAAamC,OAAO,CAACC,OAAO;IACzCD,SAASnC,aAAamC,OAAO,CAACX,OAAO;IACrCa,cAAcrC,aAAamC,OAAO,CAACG,MAAM;IACzCC,YAAYvC,aAAawC,UAAU,CAAChB,OAAO;IAC3CiB,QAAQzC,aAAayC,MAAM,CAACjB,OAAO;IACnCkB,aAAa1C,aAAayC,MAAM,CAACf,MAAM;IACvCiB,UAAU3C,aAAa4C,QAAQ,CAACpB,OAAO;IACvCqB,SAAS7C,aAAa8C,SAAS,CAACtB,OAAO;IACvCuB,MAAM/C,aAAa+C,IAAI,CAACvB,OAAO;IAC/BwB,WAAWhD,aAAaiD,SAAS,CAACzB,OAAO;IACzC0B,UAAUlD,aAAamD,QAAQ,CAAC3B,OAAO;IACvC4B,MAAMpD,aAAaoD,IAAI,CAAC5B,OAAO;IAC/B6B,WAAWrD,aAAasD,SAAS,CAAC9B,OAAO;IACzC+B,WAAWvD,aAAawD,SAAS,CAAChC,OAAO;IACzCiC,OAAOzD,aAAayD,KAAK,CAACjC,OAAO;IACjCkC,YAAY1D,aAAa2D,UAAU,CAACnC,OAAO;AAC7C;AAEA;;CAEC,GACD,MAAMoC,aAAa,CAACC,aAA4BC;IAC9C,MAAMC,WAAWD,WAAW5C,yBAAyBf;IACrD,MAAM6D,SAASF,WACX;QACEG,aAAaJ,WAAW,CAAC,IAAI;QAC7BK,WAAWL,WAAW,CAAC,IAAI;QAC3BM,cAAcN,WAAW,CAAC,IAAI;QAC9BO,cAAcP,WAAW,CAAC,GAAG;QAC7BQ,gBAAgBR,WAAW,CAAC,GAAG;QAC/BS,eAAeT,WAAW,CAAC,GAAG;QAC9BU,YAAYV,WAAW,CAAC,GAAG;QAC3BW,cAAcX,WAAW,CAAC,GAAG;QAC7BY,iBAAiBZ,WAAW,CAAC,GAAG;IAClC,IACA;QACEI,aAAaJ,WAAW,CAAC,GAAG;QAC5BK,WAAWL,WAAW,CAAC,GAAG;QAC1BM,cAAcN,WAAW,CAAC,GAAG;QAC7BO,cAAcP,WAAW,CAAC,GAAG;QAC7BQ,gBAAgBR,WAAW,CAAC,GAAG;QAC/BS,eAAeT,WAAW,CAAC,IAAI;QAC/BU,YAAYV,WAAW,CAAC,IAAI;QAC5BW,cAAcX,WAAW,CAAC,IAAI;QAC9BY,iBAAiBZ,WAAW,CAAC,IAAI;IACnC;IAEJ,OAAO;QACL,GAAGlE,cAAc;QACjB,GAAGoE,QAAQ;QACXW,QAAQV,OAAOI,YAAY;QAC3B,GAAGjD,kBAAkB;QACrB,GAAG6C,MAAM;IACX;AACF;AAEA;;CAEC,GACD,MAAMW,oBAAoB,CAACC,YAA6BC;IACtD,OAAO;QACL,GAAGD,UAAU;QACbE,wBAAwBD,MAAME,oBAAoB;QAClDC,kBAAkBH,MAAMI,6BAA6B;QACrDC,YAAYL,MAAMM,uBAAuB;QACzCC,mBAAmBP,MAAMQ,4BAA4B;QACrD,sBAAsB;QACtB,gBAAgB;QAChBC,gBAAgBT,MAAMU,uBAAuB;QAC7CC,uBAAuBX,MAAMY,+BAA+B;QAC5DC,uBAAuBb,MAAMc,4BAA4B;QACzDC,aAAaf,MAAMgB,mBAAmB;QACtCC,qBAAqBjB,MAAMU,uBAAuB;QAClDQ,kBAAkBlB,MAAMgB,mBAAmB;QAC3CG,wBAAwBnB,MAAMoB,uBAAuB;QACrDC,aAAarB,MAAMsB,uBAAuB;QAC1CC,UAAUvB,MAAMM,uBAAuB;QACvCkB,iBAAiBxB,MAAMyB,+BAA+B;QACtDC,kBAAkB1B,MAAMU,uBAAuB;QAC/CiB,yBAAyB3B,MAAMY,+BAA+B;QAC9DgB,gCAAgC5B,MAAMc,4BAA4B;QAClEe,0BAA0B7B,MAAM8B,8BAA8B;QAC9DC,yBAAyB/B,MAAMc,4BAA4B;QAC3DkB,yBAAyBhC,MAAMiC,8BAA8B;QAC7DC,cAAclC,MAAMmC,mBAAmB;QACvCC,sBAAsBpC,MAAMqC,0BAA0B;QACtDC,YAAYtC,MAAMM,uBAAuB;QACzCiC,mBAAmBvC,MAAMM,uBAAuB;QAChDkC,0BAA0BxC,MAAMM,uBAAuB;QACvDmC,oBAAoBzC,MAAM0C,8BAA8B;QACxDC,mBAAmB3C,MAAMM,uBAAuB;QAChDsC,mBAAmB5C,MAAMM,uBAAuB;QAChDuC,YAAY7C,MAAM8C,OAAO;QACzBC,mBAAmB/C,MAAMgD,OAAO;QAChCC,wBAAwBjD,MAAMU,uBAAuB;QACrDwC,wBAAwBlD,MAAMoB,uBAAuB;QACrD+B,oBAAoBnD,MAAM8B,8BAA8B;QACxDsB,qBAAqBpD,MAAM0C,8BAA8B;QACzDW,kBAAkBrD,MAAM0C,8BAA8B;QACtDY,gBAAgBtD,MAAMqC,0BAA0B;QAChDkB,iBAAiBvD,MAAM0C,8BAA8B;QACrDc,cAAcxD,MAAM0C,8BAA8B;QAClD,mBAAmB;QACnB,aAAa;QACb,eAAe;QACfe,aAAazD,MAAM0D,iBAAiB;QACpC,kBAAkB;QAClB,YAAY;QACZC,iBAAiB3D,MAAMU,uBAAuB;QAC9CkD,wBAAwB5D,MAAME,oBAAoB;QAClD2D,+BAA+B7D,MAAM8D,yBAAyB;QAC9DC,aAAa/D,MAAMgE,4BAA4B;QAC/CC,oBAAoBjE,MAAMkE,iCAAiC;QAC3DC,qBAAqBnE,MAAMoE,iBAAiB;QAC5CC,wBAAwBrE,MAAMI,6BAA6B;QAC3DkE,WAAWtE,MAAMuE,uBAAuB;QACxCC,mBAAmBxE,MAAM0C,8BAA8B;QACvD+B,kBAAkBzE,MAAMuE,uBAAuB;QAC/CG,mCAAmC1E,MAAM2E,oCAAoC;QAC7EC,sBAAsB5E,MAAM6E,uBAAuB;QACnDC,WAAW9E,MAAMM,uBAAuB;QACxCyE,kBAAkB/E,MAAMQ,4BAA4B;QACpDwE,MAAMhF,MAAMiF,wBAAwB;QACpCC,aAAalF,MAAMmF,6BAA6B;QAChDC,gBAAgBpF,MAAMU,uBAAuB;QAC7C2E,6BAA6BrF,MAAMc,4BAA4B;QAC/DwE,6BAA6BtF,MAAMiC,8BAA8B;QACjEsD,2BAA2BvF,MAAMY,+BAA+B;QAChE4E,kCAAkCxF,MAAMY,+BAA+B;QACvE6E,2BAA2BzF,MAAMc,4BAA4B;QAC7D4E,UAAU1F,MAAMM,uBAAuB;QACvCqF,eAAe3F,MAAMM,uBAAuB;QAC5CsF,gBAAgB5F,MAAMU,uBAAuB;QAC7CmF,aAAa7F,MAAMgB,mBAAmB;QACtC8E,YAAY9F,MAAMuE,uBAAuB;QACzCwB,UAAU/F,MAAMM,uBAAuB;QACvC0F,2BAA2BhG,MAAMU,uBAAuB;QACxDuF,2BAA2BjG,MAAMc,4BAA4B;QAC7DoF,2BAA2BlG,MAAMc,4BAA4B;QAC7DqF,cAAcnG,MAAMM,uBAAuB;QAC3C8F,qBAAqBpG,MAAMQ,4BAA4B;QACvD6F,aAAarG,MAAMiF,wBAAwB;QAC3CqB,oBAAoBtG,MAAMmF,6BAA6B;QACvDoB,aAAavG,MAAMM,uBAAuB;QAC1CkG,yBAAyBxG,MAAME,oBAAoB;QACnDuG,iCAAiCzG,MAAM8B,8BAA8B;QACrE4E,gCAAgC1G,MAAM8D,yBAAyB;QAC/D6C,gCAAgC3G,MAAM4G,2BAA2B;QACjEC,qBAAqB7G,MAAM8G,sBAAsB;QACjDC,mBAAmB/G,MAAMI,6BAA6B;QACtD4G,2BAA2BhH,MAAM0C,8BAA8B;QAC/DuE,0BAA0BjH,MAAMI,6BAA6B;QAC7D8G,0BAA0BlH,MAAMI,6BAA6B;IAa/D;AACF;AAEA;;CAEC,GACD,MAAM+G,WAAW,CAACC,WAAwBpH;IACxC,OAAO;QACL,GAAGoH,SAAS;QACZC,MAAM;YACJ,GAAGD,UAAUC,IAAI;YACjBC,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyH,eAAe;YAC/BC,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAC,QAAQ;YACN,GAAGR,UAAUQ,MAAM;YACnBN,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyH,eAAe;YAC/BC,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAE,OAAO;YACL,GAAGT,UAAUS,KAAK;YAClBP,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM8H,eAAe;YAC/BJ,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAI,WAAW;YACT,GAAGX,UAAUW,SAAS;YACtBT,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM8H,eAAe;YAC/BJ,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAK,QAAQ;YACN,GAAGZ,UAAUY,MAAM;YACnBV,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMiI,eAAe;YAC/BP,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAO,YAAY;YACV,GAAGd,UAAUc,UAAU;YACvBZ,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMmI,eAAe;YAC/BT,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAS,OAAO;YACL,GAAGhB,UAAUgB,KAAK;YAClBd,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMmI,eAAe;YAC/BT,YAAY1H,MAAM2H,iBAAiB;QACrC;QACAU,QAAQ;YACN,GAAGjB,UAAUkB,OAAO;YACpBhB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMuI,eAAe;YAC/Bb,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAF,SAAS;YACP,GAAGlB,UAAUkB,OAAO;YACpBhB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAMyI,eAAe;YAC/Bf,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAE,YAAY;YACV,GAAGtB,UAAUsB,UAAU;YACvBpB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM2I,eAAe;YAC/BjB,YAAY1H,MAAMwI,kBAAkB;QACtC;QACAI,MAAM;YACJ,GAAGxB,UAAUwB,IAAI;YACjBtB,YAAYtH,MAAMuH,cAAc;YAChCC,UAAUxH,MAAM6I,gBAAgB;YAChCnB,YAAY1H,MAAMwI,kBAAkB;QACtC;IACF;AACF;AAEA;;CAEC,GACD,MAAMM,aAAa,CAACC,aAAuB/I;IACzC,OAAO;QACL,GAAG+I,WAAW;QACdC,YAAYhJ,MAAM8C,OAAO;QACzBmG,YAAYjJ,MAAMgD,OAAO;QACzBkG,aAAalJ,MAAMmJ,QAAQ;QAC3BC,aAAapJ,MAAMqJ,QAAQ;QAC3BC,gBAAgBtJ,MAAMuJ,iBAAiB;QACvCC,gBAAgBxJ,MAAMyJ,kBAAkB;QACxCC,gBAAgB1J,MAAM2J,iBAAiB;IACzC;AACF;AAEA;;;;;;;CAOC,GACD,OAAO,MAAMC,gBAAgB,CAC3B5K,aACA6K,SACAC,cAAuB,KAAK,EAC5BC;IAEA,MAAMC,YAAYD,WAAWlP,YAAY;QAAEoP,YAAYH;IAAY;IAEnE,OAAO;QACL,GAAGE,SAAS;QACZE,SAASnL,WAAWC,aAAa8K;QACjCK,YAAYpP;QACZqP,gBAAgBtK,kBAAkBkK,UAAUI,cAAc,EAAEP;QAC5DQ,OAAOlD,SAAS6C,UAAUK,KAAK,EAAER;QACjCS,SAASxB,WAAWkB,UAAUM,OAAO,EAAET;QACvCI,YAAYH,eAAeC,CAAAA,oBAAAA,8BAAAA,QAASE,UAAU,MAAK;IACrD;AACF,EAAE"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { webLightTheme } from
|
|
2
|
-
import { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from
|
|
1
|
+
import { webLightTheme } from "@fluentui/react-components";
|
|
2
|
+
import { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from "./themeDuplicates.js";
|
|
3
3
|
/**
|
|
4
4
|
* Creates v9 color tokens from a v8 palette.
|
|
5
5
|
*/ const mapAliasColors = (palette, inverted)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import type { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens, Theme as ThemeV9 } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: inverted ? palette.neutralSecondaryAlt : palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: inverted ? palette.neutralSecondaryAlt : palette.neutralQuaternary,\n colorNeutralForeground5: inverted ? grey[68] : grey[38],\n colorNeutralForeground5Hover: inverted ? '#ffffff' : grey[14],\n colorNeutralForeground5Pressed: inverted ? '#ffffff' : grey[14],\n colorNeutralForeground5Selected: inverted ? '#ffffff' : grey[14],\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorBrandForeground2Hover: palette.themeDarkAlt,\n colorBrandForeground2Pressed: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackground7: '#00000000',\n colorNeutralBackground7Hover: inverted ? grey[10] : grey[92],\n colorNeutralBackground7Pressed: inverted ? grey[4] : grey[84],\n colorNeutralBackground7Selected: '#00000000',\n colorNeutralBackground8: inverted ? '#ffffff' : grey[99],\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorNeutralBackgroundInvertedHover: inverted ? grey[96] : grey[24],\n colorNeutralBackgroundInvertedPressed: inverted ? grey[88] : grey[12],\n colorNeutralBackgroundInvertedSelected: inverted ? grey[92] : grey[22],\n colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundDisabled2: inverted ? grey[16] : '#ffffff',\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackground2Hover: palette.themeLighterAlt,\n colorBrandBackground2Pressed: palette.themeLighterAlt,\n colorBrandBackground3Static: palette.themeDark,\n colorBrandBackground4Static: palette.themeDarker,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStroke4: inverted ? grey[24] : grey[92],\n colorNeutralStroke4Hover: inverted ? grey[18] : grey[88],\n colorNeutralStroke4Pressed: inverted ? grey[14] : grey[84],\n colorNeutralStroke4Selected: inverted ? grey[24] : grey[92],\n colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorBrandStroke2Hover: palette.themeLight,\n colorBrandStroke2Pressed: palette.themeLight,\n colorBrandStroke2Contrast: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeDisabled2: inverted ? grey[24] : grey[92],\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"],"names":["webLightTheme","blackAlpha","whiteAlpha","grey","grey10Alpha","grey12Alpha","mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralSecondaryAlt","neutralTertiary","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","neutralQuaternary","colorNeutralForeground5","colorNeutralForeground5Hover","colorNeutralForeground5Pressed","colorNeutralForeground5Selected","colorNeutralForegroundDisabled","neutralTertiaryAlt","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","themeDark","colorBrandForegroundLinkPressed","themeDarker","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundInverted","white","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundOnBrand","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInverted2","colorBrandForegroundInverted","themeSecondary","colorBrandForegroundInvertedHover","themeTertiary","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","neutralLighter","colorNeutralBackground1Pressed","neutralQuaternaryAlt","colorNeutralBackground1Selected","neutralLight","colorNeutralBackground2","neutralLighterAlt","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackground7","colorNeutralBackground7Hover","colorNeutralBackground7Pressed","colorNeutralBackground7Selected","colorNeutralBackground8","colorNeutralBackgroundStatic","colorNeutralBackgroundInverted","colorNeutralBackgroundInvertedHover","colorNeutralBackgroundInvertedPressed","colorNeutralBackgroundInvertedSelected","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundDisabled2","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","themeLighterAlt","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStroke4","colorNeutralStroke4Hover","colorNeutralStroke4Pressed","colorNeutralStroke4Selected","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeDisabled2","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","mapShadowTokens","effects","shadow4","elevation4","shadow8","elevation8","shadow16","elevation16","shadow64","elevation64","mapBorderRadiusTokens","borderRadiusSmall","roundedCorner2","borderRadiusMedium","roundedCorner4","borderRadiusLarge","roundedCorner6","createV9Theme","themeV8","baseThemeV9","baseTheme","isInverted"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import type { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens, Theme as ThemeV9 } from '@fluentui/react-components';\nimport { blackAlpha, whiteAlpha, grey, grey10Alpha, grey12Alpha } from './themeDuplicates';\n\n/**\n * Creates v9 color tokens from a v8 palette.\n */\nconst mapAliasColors = (palette: IPalette, inverted: boolean): ColorTokens => {\n return {\n colorNeutralForeground1: palette.neutralPrimary,\n colorNeutralForeground1Hover: palette.neutralPrimary,\n colorNeutralForeground1Pressed: palette.neutralPrimary,\n colorNeutralForeground1Selected: palette.neutralPrimary,\n colorNeutralForeground2: palette.neutralSecondary,\n colorNeutralForeground2Hover: palette.neutralPrimary,\n colorNeutralForeground2Pressed: palette.neutralPrimary,\n colorNeutralForeground2Selected: palette.neutralPrimary,\n colorNeutralForeground2BrandHover: palette.themePrimary,\n colorNeutralForeground2BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground2BrandSelected: palette.themePrimary,\n colorNeutralForeground3: inverted ? palette.neutralSecondaryAlt : palette.neutralTertiary,\n colorNeutralForeground3Hover: palette.neutralSecondary,\n colorNeutralForeground3Pressed: palette.neutralSecondary,\n colorNeutralForeground3Selected: palette.neutralSecondary,\n colorNeutralForeground3BrandHover: palette.themePrimary,\n colorNeutralForeground3BrandPressed: palette.themeDarkAlt,\n colorNeutralForeground3BrandSelected: palette.themePrimary,\n colorNeutralForeground4: inverted ? palette.neutralSecondaryAlt : palette.neutralQuaternary,\n colorNeutralForeground5: inverted ? grey[68] : grey[38],\n colorNeutralForeground5Hover: inverted ? '#ffffff' : grey[14],\n colorNeutralForeground5Pressed: inverted ? '#ffffff' : grey[14],\n colorNeutralForeground5Selected: inverted ? '#ffffff' : grey[14],\n colorNeutralForegroundDisabled: palette.neutralTertiaryAlt,\n colorNeutralForegroundInvertedDisabled: whiteAlpha[40],\n colorBrandForegroundLink: palette.themeDarkAlt,\n colorBrandForegroundLinkHover: palette.themeDark,\n colorBrandForegroundLinkPressed: palette.themeDarker,\n colorBrandForegroundLinkSelected: palette.themeDarkAlt,\n colorNeutralForeground2Link: palette.neutralSecondary,\n colorNeutralForeground2LinkHover: palette.neutralPrimary,\n colorNeutralForeground2LinkPressed: palette.neutralPrimary,\n colorNeutralForeground2LinkSelected: palette.neutralPrimary,\n colorCompoundBrandForeground1: palette.themePrimary,\n colorCompoundBrandForeground1Hover: palette.themeDarkAlt,\n colorCompoundBrandForeground1Pressed: palette.themeDark,\n colorBrandForeground1: palette.themePrimary,\n colorBrandForeground2: palette.themeDarkAlt,\n colorBrandForeground2Hover: palette.themeDarkAlt,\n colorBrandForeground2Pressed: palette.themeDarkAlt,\n colorNeutralForeground1Static: palette.neutralPrimary,\n colorNeutralForegroundInverted: palette.white,\n colorNeutralForegroundInvertedHover: palette.white,\n colorNeutralForegroundInvertedPressed: palette.white,\n colorNeutralForegroundInvertedSelected: palette.white,\n colorNeutralForegroundOnBrand: palette.white,\n colorNeutralForegroundStaticInverted: palette.white,\n colorNeutralForegroundInvertedLink: palette.white,\n colorNeutralForegroundInvertedLinkHover: palette.white,\n colorNeutralForegroundInvertedLinkPressed: palette.white,\n colorNeutralForegroundInvertedLinkSelected: palette.white,\n colorNeutralForegroundInverted2: palette.white,\n colorBrandForegroundInverted: palette.themeSecondary,\n colorBrandForegroundInvertedHover: palette.themeTertiary,\n colorBrandForegroundInvertedPressed: palette.themeSecondary,\n colorBrandForegroundOnLight: palette.themePrimary,\n colorBrandForegroundOnLightHover: palette.themeDarkAlt,\n colorBrandForegroundOnLightPressed: palette.themeDark,\n colorBrandForegroundOnLightSelected: palette.themeDark,\n colorNeutralBackground1: palette.white,\n colorNeutralBackground1Hover: palette.neutralLighter,\n colorNeutralBackground1Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground1Selected: palette.neutralLight,\n colorNeutralBackground2: palette.neutralLighterAlt,\n colorNeutralBackground2Hover: palette.neutralLighter,\n colorNeutralBackground2Pressed: palette.neutralQuaternaryAlt,\n colorNeutralBackground2Selected: palette.neutralLight,\n colorNeutralBackground3: palette.neutralLighter,\n colorNeutralBackground3Hover: palette.neutralLight,\n colorNeutralBackground3Pressed: palette.neutralQuaternary,\n colorNeutralBackground3Selected: palette.neutralQuaternaryAlt,\n colorNeutralBackground4: palette.neutralLighter,\n colorNeutralBackground4Hover: palette.neutralLighterAlt,\n colorNeutralBackground4Pressed: palette.neutralLighter,\n colorNeutralBackground4Selected: palette.white,\n colorNeutralBackground5: palette.neutralLight,\n colorNeutralBackground5Hover: palette.neutralLighter,\n colorNeutralBackground5Pressed: palette.neutralLighter,\n colorNeutralBackground5Selected: palette.neutralLighterAlt,\n colorNeutralBackground6: palette.neutralLight,\n colorNeutralBackground7: '#00000000',\n colorNeutralBackground7Hover: inverted ? grey[10] : grey[92],\n colorNeutralBackground7Pressed: inverted ? grey[4] : grey[84],\n colorNeutralBackground7Selected: '#00000000',\n colorNeutralBackground8: inverted ? '#ffffff' : grey[99],\n colorNeutralBackgroundStatic: grey[20],\n colorNeutralBackgroundInverted: palette.neutralSecondary,\n colorNeutralBackgroundInvertedHover: inverted ? grey[96] : grey[24],\n colorNeutralBackgroundInvertedPressed: inverted ? grey[88] : grey[12],\n colorNeutralBackgroundInvertedSelected: inverted ? grey[92] : grey[22],\n colorNeutralBackgroundAlpha: inverted ? grey10Alpha[50] : whiteAlpha[50],\n colorNeutralBackgroundAlpha2: inverted ? grey12Alpha[70] : whiteAlpha[80],\n colorSubtleBackground: 'transparent',\n colorSubtleBackgroundHover: palette.neutralLighter,\n colorSubtleBackgroundPressed: palette.neutralQuaternaryAlt,\n colorSubtleBackgroundSelected: palette.neutralLight,\n colorSubtleBackgroundLightAlphaHover: inverted ? whiteAlpha[10] : whiteAlpha[80],\n colorSubtleBackgroundLightAlphaPressed: inverted ? whiteAlpha[5] : whiteAlpha[50],\n colorSubtleBackgroundLightAlphaSelected: 'transparent',\n colorSubtleBackgroundInverted: 'transparent',\n colorSubtleBackgroundInvertedHover: blackAlpha[10],\n colorSubtleBackgroundInvertedPressed: blackAlpha[30],\n colorSubtleBackgroundInvertedSelected: blackAlpha[20],\n colorTransparentBackground: 'transparent',\n colorTransparentBackgroundHover: 'transparent',\n colorTransparentBackgroundPressed: 'transparent',\n colorTransparentBackgroundSelected: 'transparent',\n colorNeutralBackgroundDisabled: palette.neutralLighter,\n colorNeutralBackgroundDisabled2: inverted ? grey[16] : '#ffffff',\n colorNeutralBackgroundInvertedDisabled: whiteAlpha[10],\n colorNeutralStencil1: palette.neutralLight,\n colorNeutralStencil2: palette.neutralLighterAlt,\n colorNeutralStencil1Alpha: inverted ? whiteAlpha[10] : blackAlpha[10],\n colorNeutralStencil2Alpha: inverted ? whiteAlpha[5] : blackAlpha[5],\n colorBackgroundOverlay: blackAlpha[40],\n colorScrollbarOverlay: blackAlpha[50],\n colorBrandBackground: palette.themePrimary,\n colorBrandBackgroundHover: palette.themeDarkAlt,\n colorBrandBackgroundPressed: palette.themeDarker,\n colorBrandBackgroundSelected: palette.themeDark,\n colorCompoundBrandBackground: palette.themePrimary,\n colorCompoundBrandBackgroundHover: palette.themeDarkAlt,\n colorCompoundBrandBackgroundPressed: palette.themeDark,\n colorBrandBackgroundStatic: palette.themePrimary,\n colorBrandBackground2: palette.themeLighterAlt,\n colorBrandBackground2Hover: palette.themeLighterAlt,\n colorBrandBackground2Pressed: palette.themeLighterAlt,\n colorBrandBackground3Static: palette.themeDark,\n colorBrandBackground4Static: palette.themeDarker,\n colorBrandBackgroundInverted: palette.white,\n colorBrandBackgroundInvertedHover: palette.themeLighterAlt,\n colorBrandBackgroundInvertedPressed: palette.themeLight,\n colorBrandBackgroundInvertedSelected: palette.themeLighter,\n colorNeutralCardBackground: inverted ? grey[20] : grey[98],\n colorNeutralCardBackgroundHover: inverted ? grey[24] : palette.white,\n colorNeutralCardBackgroundPressed: inverted ? grey[18] : grey[96],\n colorNeutralCardBackgroundSelected: inverted ? grey[22] : grey[92],\n colorNeutralCardBackgroundDisabled: inverted ? grey[8] : grey[94],\n colorNeutralStrokeAccessible: palette.neutralSecondary,\n colorNeutralStrokeAccessibleHover: palette.neutralSecondary,\n colorNeutralStrokeAccessiblePressed: palette.neutralSecondary,\n colorNeutralStrokeAccessibleSelected: palette.themePrimary,\n colorNeutralStroke1: palette.neutralQuaternary,\n colorNeutralStroke1Hover: palette.neutralTertiaryAlt,\n colorNeutralStroke1Pressed: palette.neutralTertiaryAlt,\n colorNeutralStroke1Selected: palette.neutralTertiaryAlt,\n colorNeutralStroke2: palette.neutralQuaternaryAlt,\n colorNeutralStroke3: palette.neutralLighter,\n colorNeutralStroke4: inverted ? grey[24] : grey[92],\n colorNeutralStroke4Hover: inverted ? grey[18] : grey[88],\n colorNeutralStroke4Pressed: inverted ? grey[14] : grey[84],\n colorNeutralStroke4Selected: inverted ? grey[24] : grey[92],\n colorNeutralStrokeSubtle: palette.neutralQuaternaryAlt,\n colorNeutralStrokeOnBrand: palette.white,\n colorNeutralStrokeOnBrand2: palette.white,\n colorNeutralStrokeOnBrand2Hover: palette.white,\n colorNeutralStrokeOnBrand2Pressed: palette.white,\n colorNeutralStrokeOnBrand2Selected: palette.white,\n colorBrandStroke1: palette.themePrimary,\n colorBrandStroke2: palette.themeLight,\n colorBrandStroke2Hover: palette.themeLight,\n colorBrandStroke2Pressed: palette.themeLight,\n colorBrandStroke2Contrast: palette.themeLight,\n colorCompoundBrandStroke: palette.themePrimary,\n colorCompoundBrandStrokeHover: palette.themeDarkAlt,\n colorCompoundBrandStrokePressed: palette.themeDark,\n colorNeutralStrokeDisabled: palette.neutralQuaternaryAlt,\n colorNeutralStrokeDisabled2: inverted ? grey[24] : grey[92],\n colorNeutralStrokeInvertedDisabled: whiteAlpha[40],\n colorTransparentStroke: 'transparent',\n colorTransparentStrokeInteractive: 'transparent',\n colorTransparentStrokeDisabled: 'transparent',\n colorNeutralStrokeAlpha: inverted ? whiteAlpha[10] : blackAlpha[5],\n colorNeutralStrokeAlpha2: whiteAlpha[20],\n colorStrokeFocus1: palette.white,\n colorStrokeFocus2: palette.black,\n colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)',\n colorNeutralShadowKey: 'rgba(0,0,0,0.14)',\n colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)',\n colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)',\n colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)',\n colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)',\n colorBrandShadowAmbient: 'rgba(0,0,0,0.30)',\n colorBrandShadowKey: 'rgba(0,0,0,0.25)',\n };\n};\n\n/**\n * Creates v9 shadow tokens from v8 effects.\n */\nconst mapShadowTokens = (effects: IEffects): Partial<ShadowTokens> => {\n return {\n shadow4: effects.elevation4,\n shadow8: effects.elevation8,\n shadow16: effects.elevation16,\n shadow64: effects.elevation64,\n };\n};\n\n/**\n * Creates v9 border radius tokens from v8 effects\n */\nconst mapBorderRadiusTokens = (effects: IEffects): Partial<BorderRadiusTokens> => {\n return {\n borderRadiusSmall: effects.roundedCorner2,\n borderRadiusMedium: effects.roundedCorner4,\n borderRadiusLarge: effects.roundedCorner6,\n };\n};\n\n/**\n * Creates a v9 theme from a v8 theme.\n * You can optional pass a base v9 theme; otherwise webLightTheme is used.\n */\nexport const createV9Theme = (themeV8: ThemeV8, baseThemeV9?: ThemeV9): ThemeV9 => {\n const baseTheme = baseThemeV9 ?? webLightTheme;\n\n return {\n ...baseTheme,\n ...mapAliasColors(themeV8.palette, themeV8.isInverted),\n ...mapShadowTokens(themeV8.effects),\n ...mapBorderRadiusTokens(themeV8.effects),\n };\n};\n"],"names":["webLightTheme","blackAlpha","whiteAlpha","grey","grey10Alpha","grey12Alpha","mapAliasColors","palette","inverted","colorNeutralForeground1","neutralPrimary","colorNeutralForeground1Hover","colorNeutralForeground1Pressed","colorNeutralForeground1Selected","colorNeutralForeground2","neutralSecondary","colorNeutralForeground2Hover","colorNeutralForeground2Pressed","colorNeutralForeground2Selected","colorNeutralForeground2BrandHover","themePrimary","colorNeutralForeground2BrandPressed","themeDarkAlt","colorNeutralForeground2BrandSelected","colorNeutralForeground3","neutralSecondaryAlt","neutralTertiary","colorNeutralForeground3Hover","colorNeutralForeground3Pressed","colorNeutralForeground3Selected","colorNeutralForeground3BrandHover","colorNeutralForeground3BrandPressed","colorNeutralForeground3BrandSelected","colorNeutralForeground4","neutralQuaternary","colorNeutralForeground5","colorNeutralForeground5Hover","colorNeutralForeground5Pressed","colorNeutralForeground5Selected","colorNeutralForegroundDisabled","neutralTertiaryAlt","colorNeutralForegroundInvertedDisabled","colorBrandForegroundLink","colorBrandForegroundLinkHover","themeDark","colorBrandForegroundLinkPressed","themeDarker","colorBrandForegroundLinkSelected","colorNeutralForeground2Link","colorNeutralForeground2LinkHover","colorNeutralForeground2LinkPressed","colorNeutralForeground2LinkSelected","colorCompoundBrandForeground1","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","colorBrandForeground1","colorBrandForeground2","colorBrandForeground2Hover","colorBrandForeground2Pressed","colorNeutralForeground1Static","colorNeutralForegroundInverted","white","colorNeutralForegroundInvertedHover","colorNeutralForegroundInvertedPressed","colorNeutralForegroundInvertedSelected","colorNeutralForegroundOnBrand","colorNeutralForegroundStaticInverted","colorNeutralForegroundInvertedLink","colorNeutralForegroundInvertedLinkHover","colorNeutralForegroundInvertedLinkPressed","colorNeutralForegroundInvertedLinkSelected","colorNeutralForegroundInverted2","colorBrandForegroundInverted","themeSecondary","colorBrandForegroundInvertedHover","themeTertiary","colorBrandForegroundInvertedPressed","colorBrandForegroundOnLight","colorBrandForegroundOnLightHover","colorBrandForegroundOnLightPressed","colorBrandForegroundOnLightSelected","colorNeutralBackground1","colorNeutralBackground1Hover","neutralLighter","colorNeutralBackground1Pressed","neutralQuaternaryAlt","colorNeutralBackground1Selected","neutralLight","colorNeutralBackground2","neutralLighterAlt","colorNeutralBackground2Hover","colorNeutralBackground2Pressed","colorNeutralBackground2Selected","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","colorNeutralBackground3Selected","colorNeutralBackground4","colorNeutralBackground4Hover","colorNeutralBackground4Pressed","colorNeutralBackground4Selected","colorNeutralBackground5","colorNeutralBackground5Hover","colorNeutralBackground5Pressed","colorNeutralBackground5Selected","colorNeutralBackground6","colorNeutralBackground7","colorNeutralBackground7Hover","colorNeutralBackground7Pressed","colorNeutralBackground7Selected","colorNeutralBackground8","colorNeutralBackgroundStatic","colorNeutralBackgroundInverted","colorNeutralBackgroundInvertedHover","colorNeutralBackgroundInvertedPressed","colorNeutralBackgroundInvertedSelected","colorNeutralBackgroundAlpha","colorNeutralBackgroundAlpha2","colorSubtleBackground","colorSubtleBackgroundHover","colorSubtleBackgroundPressed","colorSubtleBackgroundSelected","colorSubtleBackgroundLightAlphaHover","colorSubtleBackgroundLightAlphaPressed","colorSubtleBackgroundLightAlphaSelected","colorSubtleBackgroundInverted","colorSubtleBackgroundInvertedHover","colorSubtleBackgroundInvertedPressed","colorSubtleBackgroundInvertedSelected","colorTransparentBackground","colorTransparentBackgroundHover","colorTransparentBackgroundPressed","colorTransparentBackgroundSelected","colorNeutralBackgroundDisabled","colorNeutralBackgroundDisabled2","colorNeutralBackgroundInvertedDisabled","colorNeutralStencil1","colorNeutralStencil2","colorNeutralStencil1Alpha","colorNeutralStencil2Alpha","colorBackgroundOverlay","colorScrollbarOverlay","colorBrandBackground","colorBrandBackgroundHover","colorBrandBackgroundPressed","colorBrandBackgroundSelected","colorCompoundBrandBackground","colorCompoundBrandBackgroundHover","colorCompoundBrandBackgroundPressed","colorBrandBackgroundStatic","colorBrandBackground2","themeLighterAlt","colorBrandBackground2Hover","colorBrandBackground2Pressed","colorBrandBackground3Static","colorBrandBackground4Static","colorBrandBackgroundInverted","colorBrandBackgroundInvertedHover","colorBrandBackgroundInvertedPressed","themeLight","colorBrandBackgroundInvertedSelected","themeLighter","colorNeutralCardBackground","colorNeutralCardBackgroundHover","colorNeutralCardBackgroundPressed","colorNeutralCardBackgroundSelected","colorNeutralCardBackgroundDisabled","colorNeutralStrokeAccessible","colorNeutralStrokeAccessibleHover","colorNeutralStrokeAccessiblePressed","colorNeutralStrokeAccessibleSelected","colorNeutralStroke1","colorNeutralStroke1Hover","colorNeutralStroke1Pressed","colorNeutralStroke1Selected","colorNeutralStroke2","colorNeutralStroke3","colorNeutralStroke4","colorNeutralStroke4Hover","colorNeutralStroke4Pressed","colorNeutralStroke4Selected","colorNeutralStrokeSubtle","colorNeutralStrokeOnBrand","colorNeutralStrokeOnBrand2","colorNeutralStrokeOnBrand2Hover","colorNeutralStrokeOnBrand2Pressed","colorNeutralStrokeOnBrand2Selected","colorBrandStroke1","colorBrandStroke2","colorBrandStroke2Hover","colorBrandStroke2Pressed","colorBrandStroke2Contrast","colorCompoundBrandStroke","colorCompoundBrandStrokeHover","colorCompoundBrandStrokePressed","colorNeutralStrokeDisabled","colorNeutralStrokeDisabled2","colorNeutralStrokeInvertedDisabled","colorTransparentStroke","colorTransparentStrokeInteractive","colorTransparentStrokeDisabled","colorNeutralStrokeAlpha","colorNeutralStrokeAlpha2","colorStrokeFocus1","colorStrokeFocus2","black","colorNeutralShadowAmbient","colorNeutralShadowKey","colorNeutralShadowAmbientLighter","colorNeutralShadowKeyLighter","colorNeutralShadowAmbientDarker","colorNeutralShadowKeyDarker","colorBrandShadowAmbient","colorBrandShadowKey","mapShadowTokens","effects","shadow4","elevation4","shadow8","elevation8","shadow16","elevation16","shadow64","elevation64","mapBorderRadiusTokens","borderRadiusSmall","roundedCorner2","borderRadiusMedium","roundedCorner4","borderRadiusLarge","roundedCorner6","createV9Theme","themeV8","baseThemeV9","baseTheme","isInverted"],"mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { ActionButtonShim, ButtonShim, CommandButtonShim, CompoundButtonShim, DefaultButtonShim, MenuButtonShim, PrimaryButtonShim, shimButtonProps, ToggleButtonShim } from
|
|
2
|
-
export { MenuItemShim, shimMenuProps } from
|
|
3
|
-
export { StackItemShim, StackShim } from
|
|
4
|
-
export { CheckboxShim } from
|
|
5
|
-
export { black, blackAlpha, brandWeb, createBrandVariants, createV8Theme, createV9Theme, grey, grey14Alpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, whiteAlpha } from
|
|
1
|
+
export { ActionButtonShim, ButtonShim, CommandButtonShim, CompoundButtonShim, DefaultButtonShim, MenuButtonShim, PrimaryButtonShim, shimButtonProps, ToggleButtonShim } from "./components/Button/index.js";
|
|
2
|
+
export { MenuItemShim, shimMenuProps } from "./components/Menu/index.js";
|
|
3
|
+
export { StackItemShim, StackShim } from "./components/Stack/index.js";
|
|
4
|
+
export { CheckboxShim } from "./components/Checkbox/index.js";
|
|
5
|
+
export { black, blackAlpha, brandWeb, createBrandVariants, createV8Theme, createV9Theme, grey, grey14Alpha, hcButtonFace, hcButtonText, hcCanvas, hcCanvasText, hcDisabled, hcHighlight, hcHighlightText, hcHyperlink, sharedColors, white, whiteAlpha } from "./components/Theme/index.js";
|