@fluentui/react-migration-v0-v9 9.1.6 → 9.1.8
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 +27 -2
- package/lib/components/Button/ButtonMigration.mixins.js +5 -1
- package/lib/components/Button/ButtonMigration.mixins.js.map +1 -1
- package/lib-commonjs/components/Button/ButtonMigration.mixins.js +9 -5
- package/lib-commonjs/components/Button/ButtonMigration.mixins.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,37 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v0-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue,
|
|
3
|
+
This log was last generated on Tue, 16 Jan 2024 13:07:14 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.8)
|
|
8
|
+
|
|
9
|
+
Tue, 16 Jan 2024 13:07:14 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.7..@fluentui/react-migration-v0-v9_v9.1.8)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- fix: correct version of @types/react-dom peer dep that matches for 16.x ([PR #30259](https://github.com/microsoft/fluentui/pull/30259) by mgodbolt@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.7.1 ([PR #30299](https://github.com/microsoft/fluentui/pull/30299) by beachball)
|
|
16
|
+
- Bump @fluentui/react-components to v9.44.4 ([PR #30299](https://github.com/microsoft/fluentui/pull/30299) by beachball)
|
|
17
|
+
- Bump @fluentui/react-context-selector to v9.1.47 ([PR #30299](https://github.com/microsoft/fluentui/pull/30299) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.25 ([PR #30299](https://github.com/microsoft/fluentui/pull/30299) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.17.1 ([PR #30299](https://github.com/microsoft/fluentui/pull/30299) by beachball)
|
|
20
|
+
|
|
21
|
+
## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.7)
|
|
22
|
+
|
|
23
|
+
Thu, 11 Jan 2024 09:04:28 GMT
|
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.6..@fluentui/react-migration-v0-v9_v9.1.7)
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- Remove dependency on v0 ([PR #30276](https://github.com/microsoft/fluentui/pull/30276) by jurokapsiar@gmail.com)
|
|
29
|
+
- Bump @fluentui/react-aria to v9.7.0 ([PR #30259](https://github.com/microsoft/fluentui/pull/30259) by beachball)
|
|
30
|
+
- Bump @fluentui/react-components to v9.44.3 ([PR #30259](https://github.com/microsoft/fluentui/pull/30259) by beachball)
|
|
31
|
+
|
|
7
32
|
## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.1.6)
|
|
8
33
|
|
|
9
|
-
Tue, 09 Jan 2024 10:
|
|
34
|
+
Tue, 09 Jan 2024 10:21:34 GMT
|
|
10
35
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.1.5..@fluentui/react-migration-v0-v9_v9.1.6)
|
|
11
36
|
|
|
12
37
|
### Patches
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { shorthands } from '@fluentui/react-components';
|
|
2
|
-
import { iconClassNames } from '@fluentui/react-northstar';
|
|
3
2
|
import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';
|
|
3
|
+
// class names from v0 - not imported as we do not want to keep depending on v0.
|
|
4
|
+
const iconClassNames = {
|
|
5
|
+
filled: 'ui-icon__filled',
|
|
6
|
+
outline: 'ui-icon__outline'
|
|
7
|
+
};
|
|
4
8
|
export const v9HoverClasses = ()=>({
|
|
5
9
|
[`& .${iconFilledClassName}`]: {
|
|
6
10
|
display: 'none'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, shorthands } from '@fluentui/react-components';\nimport {
|
|
1
|
+
{"version":3,"sources":["ButtonMigration.mixins.ts"],"sourcesContent":["import { GriffelStyle, shorthands } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline',\n};\n\nexport const v9HoverClasses = (): GriffelStyle => ({\n [`& .${iconFilledClassName}`]: {\n display: 'none',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline',\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline',\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none',\n },\n },\n});\n\nexport const v9Icon = (): GriffelStyle => ({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n ...shorthands.margin('-4px', 0, 0, '-4px'),\n ...shorthands.overflow('visible'),\n },\n ...v9HoverClasses(),\n});\n\nexport const v9CustomSizeIcon = (): GriffelStyle => ({\n '& svg': {\n ...shorthands.overflow('visible'),\n },\n ...v9HoverClasses(),\n});\n\nexport const v0Icon = (): GriffelStyle => ({\n [`& .${iconClassNames.outline}`]: {\n display: 'block',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none',\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none',\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block',\n },\n },\n});\n\nexport const v9DisabledCursor = (): GriffelStyle => ({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default',\n },\n '&:hover:active': {\n cursor: 'default',\n },\n },\n});\n"],"names":["shorthands","iconFilledClassName","iconRegularClassName","iconClassNames","filled","outline","v9HoverClasses","display","v9Icon","width","paddingBottom","margin","overflow","v9CustomSizeIcon","v0Icon","v9DisabledCursor","cursor"],"mappings":"AAAA,SAAuBA,UAAU,QAAQ,6BAA6B;AACtE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF,gFAAgF;AAChF,MAAMC,iBAAiB;IACrBC,QAAQ;IACRC,SAAS;AACX;AAEA,OAAO,MAAMC,iBAAiB,IAAqB,CAAA;QACjD,CAAC,CAAC,GAAG,EAAEL,oBAAoB,CAAC,CAAC,EAAE;YAC7BM,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;YAC9BK,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEN,oBAAoB,CAAC,CAAC,EAAE;gBAC7BM,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEL,qBAAqB,CAAC,CAAC,EAAE;gBAC9BK,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMC,SAAS,IAAqB,CAAA;QACzC,oEAAoE;QACpE,SAAS;YACPC,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5D,GAAGV,WAAWW,MAAM,CAAC,QAAQ,GAAG,GAAG,OAAO;YAC1C,GAAGX,WAAWY,QAAQ,CAAC,UAAU;QACnC;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMO,mBAAmB,IAAqB,CAAA;QACnD,SAAS;YACP,GAAGb,WAAWY,QAAQ,CAAC,UAAU;QACnC;QACA,GAAGN,gBAAgB;IACrB,CAAA,EAAG;AAEH,OAAO,MAAMQ,SAAS,IAAqB,CAAA;QACzC,CAAC,CAAC,GAAG,EAAEX,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAChCE,SAAS;QACX;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC/BG,SAAS;QACX;QACA,WAAW;YACT,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAChCE,SAAS;YACX;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC/BG,SAAS;YACX;QACF;IACF,CAAA,EAAG;AAEH,OAAO,MAAMQ,mBAAmB,IAAqB,CAAA;QACnD,cAAc;YACZC,QAAQ;YACR,WAAW;gBACTA,QAAQ;YACV;YACA,kBAAkB;gBAChBA,QAAQ;YACV;QACF;IACF,CAAA,EAAG"}
|
|
@@ -26,8 +26,12 @@ _export(exports, {
|
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
const _reactcomponents = require("@fluentui/react-components");
|
|
29
|
-
const _reactnorthstar = require("@fluentui/react-northstar");
|
|
30
29
|
const _reacticons = require("@fluentui/react-icons");
|
|
30
|
+
// class names from v0 - not imported as we do not want to keep depending on v0.
|
|
31
|
+
const iconClassNames = {
|
|
32
|
+
filled: 'ui-icon__filled',
|
|
33
|
+
outline: 'ui-icon__outline'
|
|
34
|
+
};
|
|
31
35
|
const v9HoverClasses = ()=>({
|
|
32
36
|
[`& .${_reacticons.iconFilledClassName}`]: {
|
|
33
37
|
display: 'none'
|
|
@@ -63,17 +67,17 @@ const v9CustomSizeIcon = ()=>({
|
|
|
63
67
|
...v9HoverClasses()
|
|
64
68
|
});
|
|
65
69
|
const v0Icon = ()=>({
|
|
66
|
-
[`& .${
|
|
70
|
+
[`& .${iconClassNames.outline}`]: {
|
|
67
71
|
display: 'block'
|
|
68
72
|
},
|
|
69
|
-
[`& .${
|
|
73
|
+
[`& .${iconClassNames.filled}`]: {
|
|
70
74
|
display: 'none'
|
|
71
75
|
},
|
|
72
76
|
'&:hover': {
|
|
73
|
-
[`& .${
|
|
77
|
+
[`& .${iconClassNames.outline}`]: {
|
|
74
78
|
display: 'none'
|
|
75
79
|
},
|
|
76
|
-
[`& .${
|
|
80
|
+
[`& .${iconClassNames.filled}`]: {
|
|
77
81
|
display: 'block'
|
|
78
82
|
}
|
|
79
83
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { shorthands } from '@fluentui/react-components';\nimport {
|
|
1
|
+
{"version":3,"sources":["ButtonMigration.mixins.js"],"sourcesContent":["import { shorthands } from '@fluentui/react-components';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n// class names from v0 - not imported as we do not want to keep depending on v0.\nconst iconClassNames = {\n filled: 'ui-icon__filled',\n outline: 'ui-icon__outline'\n};\nexport const v9HoverClasses = ()=>({\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n '&:hover': {\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n }\n });\nexport const v9Icon = ()=>({\n // styles that allow to keep consistent size of v9 icon with v0 icon\n '& svg': {\n width: '100%',\n paddingBottom: '100%',\n // negative margin is necessary here for centering v9 icon\n // with v0 button, because of extra spaces that svg contains\n ...shorthands.margin('-4px', 0, 0, '-4px'),\n ...shorthands.overflow('visible')\n },\n ...v9HoverClasses()\n });\nexport const v9CustomSizeIcon = ()=>({\n '& svg': {\n ...shorthands.overflow('visible')\n },\n ...v9HoverClasses()\n });\nexport const v0Icon = ()=>({\n [`& .${iconClassNames.outline}`]: {\n display: 'block'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'none'\n },\n '&:hover': {\n [`& .${iconClassNames.outline}`]: {\n display: 'none'\n },\n [`& .${iconClassNames.filled}`]: {\n display: 'block'\n }\n }\n });\nexport const v9DisabledCursor = ()=>({\n '&:disabled': {\n cursor: 'default',\n '&:hover': {\n cursor: 'default'\n },\n '&:hover:active': {\n cursor: 'default'\n }\n }\n });\n"],"names":["v9HoverClasses","v9Icon","v9CustomSizeIcon","v0Icon","v9DisabledCursor","iconClassNames","filled","outline","iconFilledClassName","display","iconRegularClassName","width","paddingBottom","shorthands","margin","overflow","cursor"],"mappings":";;;;;;;;;;;IAOaA,cAAc;eAAdA;;IAgBAC,MAAM;eAANA;;IAYAC,gBAAgB;eAAhBA;;IAMAC,MAAM;eAANA;;IAgBAC,gBAAgB;eAAhBA;;;iCAzDc;4BAC+B;AAC1D,gFAAgF;AAChF,MAAMC,iBAAiB;IACnBC,QAAQ;IACRC,SAAS;AACb;AACO,MAAMP,iBAAiB,IAAK,CAAA;QAC3B,CAAC,CAAC,GAAG,EAAEQ,+BAAmB,CAAC,CAAC,CAAC,EAAE;YAC3BC,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;YAC5BD,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAED,+BAAmB,CAAC,CAAC,CAAC,EAAE;gBAC3BC,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEC,gCAAoB,CAAC,CAAC,CAAC,EAAE;gBAC5BD,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAMR,SAAS,IAAK,CAAA;QACnB,oEAAoE;QACpE,SAAS;YACLU,OAAO;YACPC,eAAe;YACf,0DAA0D;YAC1D,4DAA4D;YAC5D,GAAGC,2BAAU,CAACC,MAAM,CAAC,QAAQ,GAAG,GAAG,OAAO;YAC1C,GAAGD,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACrC;QACA,GAAGf,gBAAgB;IACvB,CAAA;AACG,MAAME,mBAAmB,IAAK,CAAA;QAC7B,SAAS;YACL,GAAGW,2BAAU,CAACE,QAAQ,CAAC,UAAU;QACrC;QACA,GAAGf,gBAAgB;IACvB,CAAA;AACG,MAAMG,SAAS,IAAK,CAAA;QACnB,CAAC,CAAC,GAAG,EAAEE,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;YAC9BE,SAAS;QACb;QACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7BG,SAAS;QACb;QACA,WAAW;YACP,CAAC,CAAC,GAAG,EAAEJ,eAAeE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC9BE,SAAS;YACb;YACA,CAAC,CAAC,GAAG,EAAEJ,eAAeC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAC7BG,SAAS;YACb;QACJ;IACJ,CAAA;AACG,MAAML,mBAAmB,IAAK,CAAA;QAC7B,cAAc;YACVY,QAAQ;YACR,WAAW;gBACPA,QAAQ;YACZ;YACA,kBAAkB;gBACdA,QAAQ;YACZ;QACJ;IACJ,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.8",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,19 +27,19 @@
|
|
|
27
27
|
"@fluentui/eslint-plugin": "*",
|
|
28
28
|
"@fluentui/react-conformance": "*",
|
|
29
29
|
"@fluentui/react-conformance-griffel": "*",
|
|
30
|
+
"@fluentui/react-northstar": "*",
|
|
30
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
31
32
|
"@fluentui/scripts-tasks": "*",
|
|
32
33
|
"@fluentui/scripts-storybook": "*"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-aria": "^9.
|
|
36
|
-
"@fluentui/react-components": "^9.44.
|
|
37
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
36
|
+
"@fluentui/react-aria": "^9.7.1",
|
|
37
|
+
"@fluentui/react-components": "^9.44.4",
|
|
38
|
+
"@fluentui/react-context-selector": "^9.1.47",
|
|
38
39
|
"@fluentui/react-icons": "^2.0.224",
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
40
|
-
"@fluentui/react-northstar": "^0.66.4",
|
|
40
|
+
"@fluentui/react-jsx-runtime": "^9.0.25",
|
|
41
41
|
"@fluentui/react-shared-contexts": "^9.13.2",
|
|
42
|
-
"@fluentui/react-tabster": "^9.17.
|
|
42
|
+
"@fluentui/react-tabster": "^9.17.1",
|
|
43
43
|
"@fluentui/react-theme": "^9.1.16",
|
|
44
44
|
"@fluentui/react-utilities": "^9.15.6",
|
|
45
45
|
"@griffel/react": "^1.5.14",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@types/react": ">=16.14.0 <19.0.0",
|
|
50
|
-
"@types/react-dom": ">=16.
|
|
50
|
+
"@types/react-dom": ">=16.9.0 <19.0.0",
|
|
51
51
|
"react": ">=16.14.0 <19.0.0",
|
|
52
52
|
"react-dom": ">=16.14.0 <19.0.0"
|
|
53
53
|
},
|