@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.
Files changed (58) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/lib/components/Attachment/Attachment.styles.raw.js +57 -0
  3. package/lib/components/Attachment/Attachment.styles.raw.js.map +1 -0
  4. package/lib/components/Attachment/AttachmentAction.styles.raw.js +17 -0
  5. package/lib/components/Attachment/AttachmentAction.styles.raw.js.map +1 -0
  6. package/lib/components/Attachment/AttachmentBody.styles.raw.js +6 -0
  7. package/lib/components/Attachment/AttachmentBody.styles.raw.js.map +1 -0
  8. package/lib/components/Attachment/AttachmentDescription.styles.raw.js +9 -0
  9. package/lib/components/Attachment/AttachmentDescription.styles.raw.js.map +1 -0
  10. package/lib/components/Attachment/AttachmentHeader.styles.raw.js +9 -0
  11. package/lib/components/Attachment/AttachmentHeader.styles.raw.js.map +1 -0
  12. package/lib/components/Attachment/AttachmentIcon.styles.raw.js +15 -0
  13. package/lib/components/Attachment/AttachmentIcon.styles.raw.js.map +1 -0
  14. package/lib/components/Flex/Flex.styles.raw.js +88 -0
  15. package/lib/components/Flex/Flex.styles.raw.js.map +1 -0
  16. package/lib/components/Grid/Grid.styles.raw.js +31 -0
  17. package/lib/components/Grid/Grid.styles.raw.js.map +1 -0
  18. package/lib/components/ItemLayout/ItemLayout.styles.raw.js +60 -0
  19. package/lib/components/ItemLayout/ItemLayout.styles.raw.js.map +1 -0
  20. package/lib/components/List/List/useListStyles.styles.raw.js +34 -0
  21. package/lib/components/List/List/useListStyles.styles.raw.js.map +1 -0
  22. package/lib/components/List/ListItem/useListItemStyles.styles.raw.js +66 -0
  23. package/lib/components/List/ListItem/useListItemStyles.styles.raw.js.map +1 -0
  24. package/lib/components/Segment/Segment.styles.raw.js +11 -0
  25. package/lib/components/Segment/Segment.styles.raw.js.map +1 -0
  26. package/lib/components/StyledText/StyledText.styles.raw.js +95 -0
  27. package/lib/components/StyledText/StyledText.styles.raw.js.map +1 -0
  28. package/lib/components/Video/Video.styles.raw.js +9 -0
  29. package/lib/components/Video/Video.styles.raw.js.map +1 -0
  30. package/lib-commonjs/components/Attachment/Attachment.styles.raw.js +75 -0
  31. package/lib-commonjs/components/Attachment/Attachment.styles.raw.js.map +1 -0
  32. package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js +27 -0
  33. package/lib-commonjs/components/Attachment/AttachmentAction.styles.raw.js.map +1 -0
  34. package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js +16 -0
  35. package/lib-commonjs/components/Attachment/AttachmentBody.styles.raw.js.map +1 -0
  36. package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js +19 -0
  37. package/lib-commonjs/components/Attachment/AttachmentDescription.styles.raw.js.map +1 -0
  38. package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js +19 -0
  39. package/lib-commonjs/components/Attachment/AttachmentHeader.styles.raw.js.map +1 -0
  40. package/lib-commonjs/components/Attachment/AttachmentIcon.styles.raw.js +25 -0
  41. package/lib-commonjs/components/Attachment/AttachmentIcon.styles.raw.js.map +1 -0
  42. package/lib-commonjs/components/Flex/Flex.styles.raw.js +98 -0
  43. package/lib-commonjs/components/Flex/Flex.styles.raw.js.map +1 -0
  44. package/lib-commonjs/components/Grid/Grid.styles.raw.js +41 -0
  45. package/lib-commonjs/components/Grid/Grid.styles.raw.js.map +1 -0
  46. package/lib-commonjs/components/ItemLayout/ItemLayout.styles.raw.js +70 -0
  47. package/lib-commonjs/components/ItemLayout/ItemLayout.styles.raw.js.map +1 -0
  48. package/lib-commonjs/components/List/List/useListStyles.styles.raw.js +50 -0
  49. package/lib-commonjs/components/List/List/useListStyles.styles.raw.js.map +1 -0
  50. package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.raw.js +82 -0
  51. package/lib-commonjs/components/List/ListItem/useListItemStyles.styles.raw.js.map +1 -0
  52. package/lib-commonjs/components/Segment/Segment.styles.raw.js +21 -0
  53. package/lib-commonjs/components/Segment/Segment.styles.raw.js.map +1 -0
  54. package/lib-commonjs/components/StyledText/StyledText.styles.raw.js +116 -0
  55. package/lib-commonjs/components/StyledText/StyledText.styles.raw.js.map +1 -0
  56. package/lib-commonjs/components/Video/Video.styles.raw.js +19 -0
  57. package/lib-commonjs/components/Video/Video.styles.raw.js.map +1 -0
  58. 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.4.8",
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.3",
24
- "@fluentui/react-components": "^9.66.8",
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.25.3",
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",