@fluentui/react-migration-v0-v9 9.4.8 → 9.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -2
- package/lib/components/Attachment/Attachment.styles.raw.js +57 -0
- package/lib/components/Attachment/Attachment.styles.raw.js.map +1 -0
- package/lib/components/Attachment/AttachmentAction.styles.raw.js +17 -0
- package/lib/components/Attachment/AttachmentAction.styles.raw.js.map +1 -0
- package/lib/components/Attachment/AttachmentBody.styles.raw.js +6 -0
- package/lib/components/Attachment/AttachmentBody.styles.raw.js.map +1 -0
- package/lib/components/Attachment/AttachmentDescription.styles.raw.js +9 -0
- package/lib/components/Attachment/AttachmentDescription.styles.raw.js.map +1 -0
- package/lib/components/Attachment/AttachmentHeader.styles.raw.js +9 -0
- package/lib/components/Attachment/AttachmentHeader.styles.raw.js.map +1 -0
- package/lib/components/Attachment/AttachmentIcon.styles.raw.js +15 -0
- package/lib/components/Attachment/AttachmentIcon.styles.raw.js.map +1 -0
- package/lib/components/Flex/Flex.styles.raw.js +88 -0
- package/lib/components/Flex/Flex.styles.raw.js.map +1 -0
- package/lib/components/Grid/Grid.styles.raw.js +31 -0
- package/lib/components/Grid/Grid.styles.raw.js.map +1 -0
- package/lib/components/ItemLayout/ItemLayout.styles.raw.js +60 -0
- package/lib/components/ItemLayout/ItemLayout.styles.raw.js.map +1 -0
- package/lib/components/List/List/useListStyles.styles.raw.js +34 -0
- package/lib/components/List/List/useListStyles.styles.raw.js.map +1 -0
- package/lib/components/List/ListItem/useListItemStyles.styles.raw.js +66 -0
- package/lib/components/List/ListItem/useListItemStyles.styles.raw.js.map +1 -0
- package/lib/components/Segment/Segment.styles.raw.js +11 -0
- package/lib/components/Segment/Segment.styles.raw.js.map +1 -0
- package/lib/components/StyledText/StyledText.styles.raw.js +95 -0
- package/lib/components/StyledText/StyledText.styles.raw.js.map +1 -0
- package/lib/components/Video/Video.styles.raw.js +9 -0
- package/lib/components/Video/Video.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/Attachment.styles.raw.js +75 -0
- package/lib-commonjs/components/Attachment/Attachment.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js +27 -0
- package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js +16 -0
- package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js +19 -0
- package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js +19 -0
- package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.styles.raw.js +25 -0
- package/lib-commonjs/components/Attachment/AttachmentIcon.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Flex/Flex.styles.raw.js +98 -0
- package/lib-commonjs/components/Flex/Flex.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Grid/Grid.styles.raw.js +41 -0
- package/lib-commonjs/components/Grid/Grid.styles.raw.js.map +1 -0
- package/lib-commonjs/components/ItemLayout/ItemLayout.styles.raw.js +70 -0
- package/lib-commonjs/components/ItemLayout/ItemLayout.styles.raw.js.map +1 -0
- package/lib-commonjs/components/List/List/useListStyles.styles.raw.js +50 -0
- package/lib-commonjs/components/List/List/useListStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.raw.js +82 -0
- package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Segment/Segment.styles.raw.js +21 -0
- package/lib-commonjs/components/Segment/Segment.styles.raw.js.map +1 -0
- package/lib-commonjs/components/StyledText/StyledText.styles.raw.js +116 -0
- package/lib-commonjs/components/StyledText/StyledText.styles.raw.js.map +1 -0
- package/lib-commonjs/components/Video/Video.styles.raw.js +19 -0
- package/lib-commonjs/components/Video/Video.styles.raw.js.map +1 -0
- package/package.json +4 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Segment/Segment.styles.ts"],"sourcesContent":["import { makeStyles, shorthands, tokens } from '@fluentui/react-components';\n\nexport const useSegmentStyles = makeStyles({\n segment: {\n padding: '1em',\n ...shorthands.borderWidth('2px', 0, 0),\n ...shorthands.borderColor('transparent'),\n ...shorthands.borderStyle('solid'),\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: `0 1px 1px 1px ${tokens.colorNeutralShadowKey}`,\n },\n});\n"],"names":["useSegmentStyles","makeStyles","segment","padding","shorthands","borderWidth","borderColor","borderStyle","backgroundColor","tokens","colorNeutralBackground1","boxShadow","colorNeutralShadowKey"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFkC;AAExC,MAAMA,mBAAmBC,IAAAA,2BAAAA,EAAW;IACzCC,SAAS;QACPC,SAAS;QACT,GAAGC,2BAAAA,CAAWC,WAAW,CAAC,OAAO,GAAG,EAAE;QACtC,GAAGD,2BAAAA,CAAWE,WAAW,CAAC,cAAc;QACxC,GAAGF,2BAAAA,CAAWG,WAAW,CAAC,QAAQ;QAClCC,iBAAiBC,uBAAAA,CAAOC,uBAAuB;QAC/CC,WAAW,CAAC,cAAc,EAAEF,uBAAAA,CAAOG,qBAAqB,CAAC,CAAC;IAC5D;AACF"}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
useSizeStyles: function() {
|
|
13
|
+
return useSizeStyles;
|
|
14
|
+
},
|
|
15
|
+
useStyles: function() {
|
|
16
|
+
return useStyles;
|
|
17
|
+
},
|
|
18
|
+
useWeightStyles: function() {
|
|
19
|
+
return useWeightStyles;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
23
|
+
const useSizeStyles = (0, _reactcomponents.makeStyles)({
|
|
24
|
+
base100: {
|
|
25
|
+
fontSize: _reactcomponents.tokens.fontSizeBase100,
|
|
26
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase100
|
|
27
|
+
},
|
|
28
|
+
base200: {
|
|
29
|
+
fontSize: _reactcomponents.tokens.fontSizeBase200,
|
|
30
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase200
|
|
31
|
+
},
|
|
32
|
+
base300: {
|
|
33
|
+
fontSize: _reactcomponents.tokens.fontSizeBase300,
|
|
34
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase300
|
|
35
|
+
},
|
|
36
|
+
base400: {
|
|
37
|
+
fontSize: _reactcomponents.tokens.fontSizeBase400,
|
|
38
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase400
|
|
39
|
+
},
|
|
40
|
+
base500: {
|
|
41
|
+
fontSize: _reactcomponents.tokens.fontSizeBase500,
|
|
42
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase500
|
|
43
|
+
},
|
|
44
|
+
base600: {
|
|
45
|
+
fontSize: _reactcomponents.tokens.fontSizeBase600,
|
|
46
|
+
lineHeight: _reactcomponents.tokens.lineHeightBase600
|
|
47
|
+
},
|
|
48
|
+
hero700: {
|
|
49
|
+
fontSize: _reactcomponents.tokens.fontSizeHero700,
|
|
50
|
+
lineHeight: _reactcomponents.tokens.lineHeightHero700
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
const useWeightStyles = (0, _reactcomponents.makeStyles)({
|
|
54
|
+
light: {
|
|
55
|
+
fontWeight: 200
|
|
56
|
+
},
|
|
57
|
+
semilight: {
|
|
58
|
+
fontWeight: 300
|
|
59
|
+
},
|
|
60
|
+
regular: {
|
|
61
|
+
fontWeight: 400
|
|
62
|
+
},
|
|
63
|
+
medium: {
|
|
64
|
+
fontWeight: 500
|
|
65
|
+
},
|
|
66
|
+
semibold: {
|
|
67
|
+
fontWeight: 600
|
|
68
|
+
},
|
|
69
|
+
bold: {
|
|
70
|
+
fontWeight: 700
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
const useStyles = (0, _reactcomponents.makeStyles)({
|
|
74
|
+
mention: {
|
|
75
|
+
color: _reactcomponents.tokens.colorBrandForegroundLink
|
|
76
|
+
},
|
|
77
|
+
mentionMe: {
|
|
78
|
+
color: _reactcomponents.tokens.colorPalettePumpkinBorderActive,
|
|
79
|
+
fontWeight: 700
|
|
80
|
+
},
|
|
81
|
+
disabled: {
|
|
82
|
+
color: _reactcomponents.tokens.colorNeutralForegroundDisabled
|
|
83
|
+
},
|
|
84
|
+
error: {
|
|
85
|
+
color: _reactcomponents.tokens.colorPaletteRedForeground3
|
|
86
|
+
},
|
|
87
|
+
important: {
|
|
88
|
+
color: _reactcomponents.tokens.colorPaletteDarkOrangeForeground3,
|
|
89
|
+
fontWeight: 700
|
|
90
|
+
},
|
|
91
|
+
success: {
|
|
92
|
+
color: _reactcomponents.tokens.colorPaletteGreenForeground3
|
|
93
|
+
},
|
|
94
|
+
temporary: {
|
|
95
|
+
fontStyle: 'italic'
|
|
96
|
+
},
|
|
97
|
+
timestamp: {
|
|
98
|
+
color: _reactcomponents.tokens.colorNeutralForeground3
|
|
99
|
+
},
|
|
100
|
+
nowrap: {
|
|
101
|
+
whiteSpace: 'nowrap',
|
|
102
|
+
overflow: 'hidden'
|
|
103
|
+
},
|
|
104
|
+
truncate: {
|
|
105
|
+
textOverflow: 'ellipsis'
|
|
106
|
+
},
|
|
107
|
+
alignCenter: {
|
|
108
|
+
textAlign: 'center'
|
|
109
|
+
},
|
|
110
|
+
alignEnd: {
|
|
111
|
+
textAlign: 'end'
|
|
112
|
+
},
|
|
113
|
+
alignJustify: {
|
|
114
|
+
textAlign: 'justify'
|
|
115
|
+
}
|
|
116
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/StyledText/StyledText.styles.ts"],"sourcesContent":["import { makeStyles, tokens } from '@fluentui/react-components';\n\nexport const useSizeStyles = makeStyles({\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base300: {\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n});\n\nexport const useWeightStyles = makeStyles({\n light: {\n fontWeight: 200,\n },\n semilight: {\n fontWeight: 300,\n },\n regular: {\n fontWeight: 400,\n },\n medium: {\n fontWeight: 500,\n },\n semibold: {\n fontWeight: 600,\n },\n bold: {\n fontWeight: 700,\n },\n});\n\nexport const useStyles = makeStyles({\n mention: {\n color: tokens.colorBrandForegroundLink,\n },\n mentionMe: {\n color: tokens.colorPalettePumpkinBorderActive,\n fontWeight: 700,\n },\n disabled: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n error: {\n color: tokens.colorPaletteRedForeground3,\n },\n important: {\n color: tokens.colorPaletteDarkOrangeForeground3,\n fontWeight: 700,\n },\n success: {\n color: tokens.colorPaletteGreenForeground3,\n },\n temporary: {\n fontStyle: 'italic',\n },\n timestamp: {\n color: tokens.colorNeutralForeground3,\n },\n nowrap: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n"],"names":["useSizeStyles","useStyles","useWeightStyles","makeStyles","base100","fontSize","tokens","fontSizeBase100","lineHeight","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base300","fontSizeBase300","lineHeightBase300","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","light","fontWeight","semilight","regular","medium","semibold","bold","mention","color","colorBrandForegroundLink","mentionMe","colorPalettePumpkinBorderActive","disabled","colorNeutralForegroundDisabled","error","colorPaletteRedForeground3","important","colorPaletteDarkOrangeForeground3","success","colorPaletteGreenForeground3","temporary","fontStyle","timestamp","colorNeutralForeground3","nowrap","whiteSpace","overflow","truncate","textOverflow","alignCenter","textAlign","alignEnd","alignJustify"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,aAAAA;eAAAA;;IAoDAC,SAAAA;eAAAA;;IArBAC,eAAAA;eAAAA;;;iCAjCsB;AAE5B,MAAMF,gBAAgBG,IAAAA,2BAAAA,EAAW;IACtCC,SAAS;QACPC,UAAUC,uBAAAA,CAAOC,eAAe;QAChCC,YAAYF,uBAAAA,CAAOG,iBAAiB;IACtC;IACAC,SAAS;QACPL,UAAUC,uBAAAA,CAAOK,eAAe;QAChCH,YAAYF,uBAAAA,CAAOM,iBAAiB;IACtC;IACAC,SAAS;QACPR,UAAUC,uBAAAA,CAAOQ,eAAe;QAChCN,YAAYF,uBAAAA,CAAOS,iBAAiB;IACtC;IACAC,SAAS;QACPX,UAAUC,uBAAAA,CAAOW,eAAe;QAChCT,YAAYF,uBAAAA,CAAOY,iBAAiB;IACtC;IACAC,SAAS;QACPd,UAAUC,uBAAAA,CAAOc,eAAe;QAChCZ,YAAYF,uBAAAA,CAAOe,iBAAiB;IACtC;IACAC,SAAS;QACPjB,UAAUC,uBAAAA,CAAOiB,eAAe;QAChCf,YAAYF,uBAAAA,CAAOkB,iBAAiB;IACtC;IACAC,SAAS;QACPpB,UAAUC,uBAAAA,CAAOoB,eAAe;QAChClB,YAAYF,uBAAAA,CAAOqB,iBAAiB;IACtC;AACF;AAEO,MAAMzB,kBAAkBC,IAAAA,2BAAAA,EAAW;IACxCyB,OAAO;QACLC,YAAY;IACd;IACAC,WAAW;QACTD,YAAY;IACd;IACAE,SAAS;QACPF,YAAY;IACd;IACAG,QAAQ;QACNH,YAAY;IACd;IACAI,UAAU;QACRJ,YAAY;IACd;IACAK,MAAM;QACJL,YAAY;IACd;AACF;AAEO,MAAM5B,YAAYE,IAAAA,2BAAAA,EAAW;IAClCgC,SAAS;QACPC,OAAO9B,uBAAAA,CAAO+B,wBAAwB;IACxC;IACAC,WAAW;QACTF,OAAO9B,uBAAAA,CAAOiC,+BAA+B;QAC7CV,YAAY;IACd;IACAW,UAAU;QACRJ,OAAO9B,uBAAAA,CAAOmC,8BAA8B;IAC9C;IACAC,OAAO;QACLN,OAAO9B,uBAAAA,CAAOqC,0BAA0B;IAC1C;IACAC,WAAW;QACTR,OAAO9B,uBAAAA,CAAOuC,iCAAiC;QAC/ChB,YAAY;IACd;IACAiB,SAAS;QACPV,OAAO9B,uBAAAA,CAAOyC,4BAA4B;IAC5C;IACAC,WAAW;QACTC,WAAW;IACb;IACAC,WAAW;QACTd,OAAO9B,uBAAAA,CAAO6C,uBAAuB;IACvC;IACAC,QAAQ;QACNC,YAAY;QACZC,UAAU;IACZ;IACAC,UAAU;QACRC,cAAc;IAChB;IACAC,aAAa;QACXC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,cAAc;QACZF,WAAW;IACb;AACF"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useVideoStyles", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useVideoStyles;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useVideoStyles = (0, _reactcomponents.makeStyles)({
|
|
13
|
+
root: {
|
|
14
|
+
display: 'inline-block',
|
|
15
|
+
verticalAlign: 'middle',
|
|
16
|
+
width: '100%',
|
|
17
|
+
height: 'auto'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Video/Video.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useVideoStyles = makeStyles({\n root: {\n display: 'inline-block',\n verticalAlign: 'middle',\n width: '100%',\n height: 'auto',\n },\n});\n"],"names":["useVideoStyles","makeStyles","root","display","verticalAlign","width","height"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEaA;;;eAAAA;;;iCAFc;AAEpB,MAAMA,iBAAiBC,IAAAA,2BAAAA,EAAW;IACvCC,MAAM;QACJC,SAAS;QACTC,eAAe;QACfC,OAAO;QACPC,QAAQ;IACV;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.5.0",
|
|
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",
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
"@fluentui/scripts-storybook": "*"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@fluentui/react-aria": "^9.15.
|
|
24
|
-
"@fluentui/react-components": "^9.
|
|
23
|
+
"@fluentui/react-aria": "^9.15.4",
|
|
24
|
+
"@fluentui/react-components": "^9.67.0",
|
|
25
25
|
"@fluentui/react-context-selector": "^9.2.2",
|
|
26
26
|
"@fluentui/react-icons": "^2.0.245",
|
|
27
27
|
"@fluentui/react-jsx-runtime": "^9.1.2",
|
|
28
28
|
"@fluentui/react-shared-contexts": "^9.24.0",
|
|
29
|
-
"@fluentui/react-tabster": "^9.
|
|
29
|
+
"@fluentui/react-tabster": "^9.26.0",
|
|
30
30
|
"@fluentui/react-theme": "^9.1.24",
|
|
31
31
|
"@fluentui/react-utilities": "^9.22.0",
|
|
32
32
|
"@griffel/react": "^1.5.22",
|