@fluentui/react-migration-v8-v9 9.10.8 → 9.10.11
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 +29 -2
- package/dist/index.d.ts +4 -4
- package/lib/components/Checkbox/CheckboxShim.js.map +1 -1
- package/lib/components/Checkbox/shimCheckboxProps.js.map +1 -1
- package/lib/components/Menu/MenuShim.js.map +1 -1
- package/lib/components/Stack/stackUtils.js.map +1 -1
- package/lib/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib-commonjs/components/Checkbox/CheckboxShim.js.map +1 -1
- package/lib-commonjs/components/Checkbox/shimCheckboxProps.js.map +1 -1
- package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
- package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
- package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,39 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v8-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 26 May 2026 09:33:46 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.10.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.10.11)
|
|
8
|
+
|
|
9
|
+
Tue, 26 May 2026 09:33:46 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.10.10..@fluentui/react-migration-v8-v9_v9.10.11)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-components to v9.74.0 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.10.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.10.10)
|
|
17
|
+
|
|
18
|
+
Thu, 23 Apr 2026 14:21:14 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.10.9..@fluentui/react-migration-v8-v9_v9.10.10)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- Bump @fluentui/react-components to v9.73.8 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
|
|
24
|
+
|
|
25
|
+
## [9.10.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.10.9)
|
|
26
|
+
|
|
27
|
+
Wed, 01 Apr 2026 15:52:43 GMT
|
|
28
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.10.8..@fluentui/react-migration-v8-v9_v9.10.9)
|
|
29
|
+
|
|
30
|
+
### Patches
|
|
31
|
+
|
|
32
|
+
- Bump @fluentui/react-components to v9.73.7 ([PR #35912](https://github.com/microsoft/fluentui/pull/35912) by beachball)
|
|
33
|
+
|
|
7
34
|
## [9.10.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.10.8)
|
|
8
35
|
|
|
9
|
-
Mon, 30 Mar 2026 14:
|
|
36
|
+
Mon, 30 Mar 2026 14:37:41 GMT
|
|
10
37
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.10.7..@fluentui/react-migration-v8-v9_v9.10.8)
|
|
11
38
|
|
|
12
39
|
### Patches
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { BrandVariants } from '@fluentui/react-components';
|
|
1
|
+
import type { BrandVariants } from '@fluentui/react-components';
|
|
2
2
|
import type { ButtonProps } from '@fluentui/react-components';
|
|
3
3
|
import type { IBaseButtonProps } from '@fluentui/react';
|
|
4
4
|
import type { IButtonProps } from '@fluentui/react';
|
|
5
|
-
import { ICheckboxProps } from '@fluentui/react';
|
|
5
|
+
import type { ICheckboxProps } from '@fluentui/react';
|
|
6
6
|
import type { IContextualMenuItem } from '@fluentui/react';
|
|
7
7
|
import type { IContextualMenuProps } from '@fluentui/react';
|
|
8
8
|
import type { IPalette } from '@fluentui/react';
|
|
@@ -11,8 +11,8 @@ import type { IStackProps } from '@fluentui/react';
|
|
|
11
11
|
import type { JSXElement } from '@fluentui/react-utilities';
|
|
12
12
|
import type { MenuProps } from '@fluentui/react-components';
|
|
13
13
|
import * as React_2 from 'react';
|
|
14
|
-
import { Theme } from '@fluentui/react-components';
|
|
15
|
-
import { Theme as Theme_2 } from '@fluentui/react';
|
|
14
|
+
import type { Theme } from '@fluentui/react-components';
|
|
15
|
+
import type { Theme as Theme_2 } from '@fluentui/react';
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
18
|
* Shims a v8 ActionButton to render a v9 Button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n ICheckboxProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,kBAAkB,QAAQ,kBAAkB;AACrD,SAASC,QAAQ,EAAEC,YAAY,QAAQ,6BAA6B;AACpE,SAASC,gBAAgB,QAAQ,sBAAsB;AACvD,SAASC,iBAAiB,QAAQ,oBAAoB;AAGtD,MAAMC,gBAAgBL,mBAAyD;IAC7EM,iBAAiB;AACnB;AAEA,OAAO,MAAMC,6BAAeR,MAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,iBAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,WAAWd;IACjB,MAAMe,cAAc,AAACT,sBAA8CX,MAAMqB,SAAS;IAElFrB,MAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,gCAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBG,OAAO,cAA5BH,0CAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,sCAAAA,wBAAAA,YAAYI,OAAO,cAAnBJ,4CAAAA,sBAAqBK,aAAa,cAAlCL,gDAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAO,cAAnBJ,2CAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,6BACL,oBAACE;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWT,aAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,qBACE,oBAACd;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,aAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,WAAWT,aAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ICheckboxProps } from '@fluentui/react';\nimport type { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAI/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAED,OAAO,MAAMC,mBAAmB,CAACC;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGxB,qBAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,MAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,MAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,uBAAAA,iCAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,GAAGhC,kBAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
|
|
@@ -1 +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 {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n
|
|
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,kBAAkB;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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import type { IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\nimport { getTheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart || 'px',\n };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined || gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n if (padding === undefined || typeof padding === 'number' || padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> *:not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> *:not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> *:not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> *:not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> *': {\n margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> *': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> *': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"mappings":"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"}
|
|
@@ -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 { 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":"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"}
|
|
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":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } 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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport {
|
|
1
|
+
{"version":3,"sources":["../src/components/Checkbox/CheckboxShim.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props, _ref) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSXElement | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n ICheckboxProps &\n // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":"AAAA;;;;;+BAeaQ;;;;;;;iEAbU,QAAQ;wBAGI,kBAAkB;iCACd,6BAA6B;mCACnC,sBAAsB;gCACrB,oBAAoB;AAGtD,MAAMF,oBAAgBL,0BAAAA,EAAyD;IAC7EM,iBAAiB;AACnB;AAEO,qBAAMC,WAAAA,GAAeR,OAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYd,uCAAAA,EAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,eAAWd,iCAAAA;IACjB,MAAMe,cAAeT,QAAAA,WAAAA,GAA8CX,OAAMqB,SAAS;IAElFrB,OAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,+BAAAA,wBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAAA,AAAO,MAAA,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAAA,AAAa,MAAA,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACL,OAAA,aAAA,CAACE,QAAAA;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,eAAWT,6BAAAA,EAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACd,yBAAAA,EAAAA;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,eAAWT,6BAAAA,EAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,eAAWT,6BAAAA,EAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;;;;;;;;eAuCaK;;;;iEArCU,QAAQ;4BAIM,wBAAwB;uBAC3B,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMF,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,yBAAyB,CAACE;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,OAAGxB,gCAAAA,EAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,OAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,OAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,OAAGhC,wBAAAA,EAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
|
|
1
|
+
{"version":3,"sources":["../src/components/Checkbox/shimCheckboxProps.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ICheckboxProps } from '@fluentui/react';\nimport type { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--docs [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":"AAAA;;;;;;;;eAuCaK;;;;iEArCU,QAAQ;4BAIM,wBAAwB;uBAC3B,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMF,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,yBAAyB,CAACE;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,OAAGxB,gCAAAA,EAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,OAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,OAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGuB,OAAO;QACV,OAAGhC,wBAAAA,EAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}
|
|
@@ -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 {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n
|
|
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":";;;;+BAmBae;;;;;;;iEAnBU,QAAQ;wBAEQ,kBAAkB;iCAclD,6BAA6B;+BAE6D,kBAAkB;AAC5G,qBAAqB,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKhB,8BAAAA,CAAuBiB,OAAO,EAAE;QACrD,MAAMC,gBAAYN,gCAAAA,EAAkBG;QACpC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACb,4BAAAA,EAAiBgB;IAC3B;IAEA,IAAIH,MAAMC,QAAQ,KAAKhB,8BAAAA,CAAuBmB,OAAO,EAAE;YAMhDJ;QALL,MAAMG,gBAAYR,kCAAAA,EAAoBK;QACtC,OAAA,WAAA,GACE,OAAA,aAAA,CAACZ,0BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,gCAAAA,EAAAA,MAAiBc,UAAUE,QAAQ,GAEnCL,AAFmC,wBAEnCA,MAAMM,YAAAA,AAAY,MAAA,QAAlBN,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBO,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC7B,AACA,mCADmC,MACM;0BACzC,OAAA,aAAA,CAACV,cAAiBU;IAI1B;IAEA,IAAIT,MAAMU,QAAQ,EAAE;QAClB,MAAMP,gBAAYP,wCAAAA,EAA0BI;QAC5C,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,iCAAAA,EAAqBS;IAC/B;IAEA,iCAAiC;IACjC,IAAIH,CAAAA,CAAAA,sBAAAA,MAAMM,YAAAA,AAAY,MAAA,QAAlBN,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBO,KAAAA,AAAK,KAAIP,MAAMM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,GAAG;QACpE,MAAMC,uBAAmBd,4BAAAA,EAAcE,MAAMM,YAAY;QACzD,MAAMO,mBAAmBhB,oCAAAA,EAAkBG;QAE3C,OAAA,WAAA,GACE,OAAA,aAAA,CAACT,qBAAAA,EAASqB,kBAAAA,WAAAA,GACR,OAAA,aAAA,CAACtB,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACJ,yBAAAA,EAAAA;YAAU,GAAG2B,gBAAgB;YAAEC,YAAAA;2BAElC,OAAA,aAAA,CAACrB,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACD,yBAAAA,EAAAA,MACEQ,MAAMM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC5B,AACA,mCADmC,MACM;0BACzC,OAAA,aAAA,CAACV,cAAiBU;IAM9B;IAEA,MAAMN,gBAAYN,gCAAAA,EAAkBG;IACpC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACd,yBAAAA,EAAaiB;AACvB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/stackUtils.ts"],"sourcesContent":["import type { IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\nimport { getTheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n if (theme.spacing.hasOwnProperty(space)) {\n return theme.spacing[space as keyof typeof theme.spacing];\n }\n return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n const numericalPart = parseFloat(gap);\n const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n const unitPart = gap.substring(numericalString.toString().length);\n\n return {\n value: numericalValue,\n unit: unitPart || 'px',\n };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n * or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n * and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n gap: IStackProps['gap'],\n theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n if (gap === undefined || gap === '') {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n if (typeof gap === 'number') {\n return {\n rowGap: {\n value: gap,\n unit: 'px',\n },\n columnGap: {\n value: gap,\n unit: 'px',\n },\n };\n }\n\n const splitGap = gap.split(' ');\n\n // If the array has more than two values, then return 0px.\n if (splitGap.length > 2) {\n return {\n rowGap: {\n value: 0,\n unit: 'px',\n },\n columnGap: {\n value: 0,\n unit: 'px',\n },\n };\n }\n\n // If the array has two values, then parse each one.\n if (splitGap.length === 2) {\n return {\n rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n };\n }\n\n // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n return {\n rowGap: calculatedGap,\n columnGap: calculatedGap,\n };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n * where the separate padding values can also be the key of a themed spacing value\n * (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n if (padding === undefined || typeof padding === 'number' || padding === '') {\n return padding;\n }\n\n const paddingValues = padding.split(' ');\n if (paddingValues.length < 2) {\n return getThemedSpacing(padding, theme);\n }\n\n return paddingValues.reduce((padding1: string, padding2: string) => {\n return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n });\n};\n\nexport interface StackShimStyles {\n root?: IStyle;\n inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n const theme = getTheme();\n\n const { horizontal, reversed } = props;\n const tokens: IStackTokens = { ...props.tokens };\n\n const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n return {\n root: [\n reversed &&\n horizontal && {\n '> *:not(:last-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n reversed &&\n !horizontal && {\n '> *:not(:last-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n !reversed &&\n horizontal && {\n '> *:not(:first-child)': {\n marginLeft: `${columnGap.value}${columnGap.unit}`,\n },\n },\n !reversed &&\n !horizontal && {\n '> *:not(:first-child)': {\n marginTop: `${rowGap.value}${rowGap.unit}`,\n },\n },\n ],\n inner: [\n {\n marginLeft: horizontalMargin,\n marginRight: horizontalMargin,\n marginTop: verticalMargin,\n marginBottom: verticalMargin,\n width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n '> *': {\n margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n },\n },\n horizontal && {\n height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> *': {\n maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n },\n },\n !horizontal && {\n height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n '> *': {\n maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n },\n },\n ],\n };\n};\n"],"names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"mappings":"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"}
|
|
@@ -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 { 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":";;;;;;;eAkUa+O;;;uBAjU+B,kBAAkB;8BACvB,0BAA0B;iCAIQ,oBAAoB;AAE7F,MAAMtO,iBAAiB;WACrBN,sBAAAA;IACAO,oBAAoBN,2BAAU,CAAC,GAAG;IAClCO,aAAaN,qBAAI,CAAC,EAAE;IACpBO,gBAAgBP,qBAAI,CAAC,GAAG;IACxBQ,mBAAmBR,qBAAI,CAAC,GAAG;IAC3BS,kBAAkBT,qBAAI,CAAC,GAAG;IAC1BU,qBAAqBV,qBAAI,CAAC,GAAG;IAC7BW,iBAAiBX,qBAAI,CAAC,GAAG;IACzBY,oBAAoBZ,qBAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,qBAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,qBAAI,CAAC,GAAG;IAC9Be,cAAcf,qBAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,qBAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,qBAAI,CAAC,GAAG;WAC3BE,sBAAAA;IACAgB,oBAAoBf,2BAAU,CAAC,GAAG;AACpC;AAEA,MAAMgB,yBAAyB;IAC7BrB,OAAOI,sBAAAA;IACPG,oBAAoBF,2BAAU,CAAC,GAAG;IAClCG,aAAaN,qBAAI,CAAC,GAAG;IACrBO,gBAAgBP,qBAAI,CAAC,GAAG;IACxBQ,mBAAmBR,qBAAI,CAAC,GAAG;IAC3BS,kBAAkBT,qBAAI,CAAC,GAAG;IAC1BU,qBAAqBV,qBAAI,CAAC,GAAG;IAC7BW,iBAAiBX,qBAAI,CAAC,GAAG;IACzBY,oBAAoBZ,qBAAI,CAAC,GAAG;IAC5Ba,mBAAmBb,qBAAI,CAAC,GAAG;IAC3Bc,sBAAsBd,qBAAI,CAAC,GAAG;IAC9Be,cAAcf,qBAAI,CAAC,GAAG;IACtBgB,gBAAgBhB,qBAAI,CAAC,GAAG;IACxBiB,mBAAmBjB,qBAAI,CAAC,GAAG;IAC3BE,OAAOJ,sBAAAA;IACPoB,oBAAoBnB,2BAAU,CAAC,GAAG;AACpC;AAEA,MAAMqB,qBAAqB;IACzBC,YAAYpB,6BAAAA,CAAaqB,QAAQ,CAACC,OAAO;IACzCC,QAAQvB,6BAAAA,CAAauB,MAAM,CAACC,OAAO;IACnCC,aAAazB,6BAAAA,CAAauB,MAAM,CAACG,MAAM;IACvCC,QAAQ3B,6BAAAA,CAAa2B,MAAM,CAACH,OAAO;IACnCI,aAAa5B,6BAAAA,CAAa2B,MAAM,CAACE,MAAM;IACvCC,eAAe9B,6BAAAA,CAAa2B,MAAM,CAACD,MAAM;IACzCK,SAAS/B,6BAAAA,CAAagC,OAAO,CAACR,OAAO;IACrCS,KAAKjC,6BAAAA,CAAaiC,GAAG,CAACT,OAAO;IAC7BU,aAAalC,6BAAAA,CAAamC,OAAO,CAACC,OAAO;IACzCD,SAASnC,6BAAAA,CAAamC,OAAO,CAACX,OAAO;IACrCa,cAAcrC,6BAAAA,CAAamC,OAAO,CAACG,MAAM;IACzCC,YAAYvC,6BAAAA,CAAawC,UAAU,CAAChB,OAAO;IAC3CiB,QAAQzC,6BAAAA,CAAayC,MAAM,CAACjB,OAAO;IACnCkB,aAAa1C,6BAAAA,CAAayC,MAAM,CAACf,MAAM;IACvCiB,UAAU3C,6BAAAA,CAAa4C,QAAQ,CAACpB,OAAO;IACvCqB,SAAS7C,6BAAAA,CAAa8C,SAAS,CAACtB,OAAO;IACvCuB,MAAM/C,6BAAAA,CAAa+C,IAAI,CAACvB,OAAO;IAC/BwB,WAAWhD,6BAAAA,CAAaiD,SAAS,CAACzB,OAAO;IACzC0B,UAAUlD,6BAAAA,CAAamD,QAAQ,CAAC3B,OAAO;IACvC4B,MAAMpD,6BAAAA,CAAaoD,IAAI,CAAC5B,OAAO;IAC/B6B,WAAWrD,6BAAAA,CAAasD,SAAS,CAAC9B,OAAO;IACzC+B,WAAWvD,6BAAAA,CAAawD,SAAS,CAAChC,OAAO;IACzCiC,OAAOzD,6BAAAA,CAAayD,KAAK,CAACjC,OAAO;IACjCkC,YAAY1D,6BAAAA,CAAa2D,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,qBAAc;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;AAUO,sBAAsB,CAC3B3K,aACA6K,SACAC,cAAuB,KAAK,EAC5BC;IAEA,MAAMC,YAAYD,eAAWlP,kBAAAA,EAAY;QAAEoP,YAAYH;IAAY;IAEnE,OAAO;QACL,GAAGE,SAAS;QACZE,SAASnL,WAAWC,aAAa8K;QACjCK,YAAYpP,oCAAAA;QACZqP,gBAAgBtK,kBAAkBkK,UAAUI,cAAc,EAAEP;QAC5DQ,OAAOlD,SAAS6C,UAAUK,KAAK,EAAER;QACjCS,SAASxB,WAAWkB,UAAUM,OAAO,EAAET;QACvCI,YAAYH,eAAeC,CAAAA,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASE,UAAAA,AAAU,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":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Theme/v9ThemeShim.ts"],"sourcesContent":["import { Theme as ThemeV8 } from '@fluentui/react';\nimport type { IEffects, IPalette } from '@fluentui/react';\nimport { Theme as ThemeV9, webLightTheme } from '@fluentui/react-components';\nimport type { BorderRadiusTokens, ColorTokens, ShadowTokens } 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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v8-v9",
|
|
3
|
-
"version": "9.10.
|
|
3
|
+
"version": "9.10.11",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
15
|
"@ctrl/tinycolor": "^3.3.4",
|
|
16
|
-
"@fluentui/fluent2-theme": "^8.107.
|
|
17
|
-
"@fluentui/react": "^8.125.
|
|
18
|
-
"@fluentui/react-components": "^9.
|
|
16
|
+
"@fluentui/fluent2-theme": "^8.107.153",
|
|
17
|
+
"@fluentui/react": "^8.125.6",
|
|
18
|
+
"@fluentui/react-components": "^9.74.0",
|
|
19
19
|
"@fluentui/react-icons": "^2.0.245",
|
|
20
20
|
"@fluentui/react-hooks": "^8.10.2",
|
|
21
21
|
"@griffel/react": "^1.5.32",
|