@fluentui/react-migration-v0-v9 9.6.14 → 9.6.15
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 +18 -2
- package/lib/components/Attachment/Attachment.styles.js +2 -2
- package/lib/components/Attachment/Attachment.styles.js.map +1 -1
- package/lib/components/Attachment/Attachment.styles.raw.js +3 -3
- package/lib/components/Attachment/Attachment.styles.raw.js.map +1 -1
- package/lib-commonjs/components/Attachment/Attachment.styles.js +5 -5
- package/lib-commonjs/components/Attachment/Attachment.styles.js.map +1 -1
- package/lib-commonjs/components/Attachment/Attachment.styles.raw.js +2 -2
- package/lib-commonjs/components/Attachment/Attachment.styles.raw.js.map +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v0-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 11 Nov 2025 19:13:34 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.6.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.6.15)
|
|
8
|
+
|
|
9
|
+
Tue, 11 Nov 2025 19:13:34 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.6.14..@fluentui/react-migration-v0-v9_v9.6.15)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Bump @griffel/react package. ([PR #35469](https://github.com/microsoft/fluentui/pull/35469) by estebanmu@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-aria to v9.17.6 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
16
|
+
- Bump @fluentui/react-components to v9.72.7 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
17
|
+
- Bump @fluentui/react-context-selector to v9.2.12 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.3 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v9.26.0 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
20
|
+
- Bump @fluentui/react-tabster to v9.26.10 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.25.4 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
22
|
+
|
|
7
23
|
## [9.6.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.6.14)
|
|
8
24
|
|
|
9
|
-
Thu, 06 Nov 2025 17:
|
|
25
|
+
Thu, 06 Nov 2025 17:24:17 GMT
|
|
10
26
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.6.13..@fluentui/react-migration-v0-v9_v9.6.14)
|
|
11
27
|
|
|
12
28
|
### Patches
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createCustomFocusIndicatorStyle, __resetStyles, __styles,
|
|
1
|
+
import { createCustomFocusIndicatorStyle, __resetStyles, __styles, tokens } from '@fluentui/react-components';
|
|
2
2
|
import { attachmentActionClassName } from './AttachmentAction';
|
|
3
3
|
import { attachmentIconClassName } from './AttachmentIcon';
|
|
4
|
-
export const useAttachmentBaseStyles = /*#__PURE__*/__resetStyles("
|
|
4
|
+
export const useAttachmentBaseStyles = /*#__PURE__*/__resetStyles("rvvwr24", "r1f25zs7", [".rvvwr24{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding:7px 3px 7px 11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border:1px solid var(--colorNeutralStroke3);border-radius:4px;}", ".rvvwr24[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}", ".r1f25zs7{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding:7px 11px 7px 3px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border:1px solid var(--colorNeutralStroke3);border-radius:4px;}", ".r1f25zs7[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"]);
|
|
5
5
|
export const useAttachmentStyles = /*#__PURE__*/__styles({
|
|
6
6
|
actionable: {
|
|
7
7
|
Bceei9c: "f1k6fduh",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createCustomFocusIndicatorStyle","__resetStyles","__styles","
|
|
1
|
+
{"version":3,"names":["createCustomFocusIndicatorStyle","__resetStyles","__styles","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","useAttachmentStyles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = makeResetStyles({\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n backgroundColor: undefined,\n color: undefined,\n [`& .${attachmentActionClassName}`]: {\n color: undefined\n },\n [`& .${attachmentIconClassName}`]: {\n color: undefined\n }\n }, {\n selector: 'focus'\n }),\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '424px',\n minHeight: '32px',\n padding: '7px 3px 7px 11px',\n marginBottom: '2px',\n marginRight: '2px',\n backgroundColor: tokens.colorNeutralBackground6,\n color: tokens.colorNeutralForeground1,\n boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n border: `1px solid ${tokens.colorNeutralStroke3}`,\n borderRadius: '4px'\n});\nexport const useAttachmentStyles = makeStyles({\n actionable: {\n cursor: 'pointer',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground4Hover\n }\n },\n progressContainer: {\n borderBottomLeftRadius: '4px',\n borderBottomRightRadius: '4px',\n bottom: 0,\n height: '4px',\n left: 0,\n overflow: 'hidden',\n position: 'absolute',\n right: 0\n },\n progressBar: {\n backgroundColor: tokens.colorPaletteLightGreenBackground3,\n height: '100%',\n maxWidth: '100%',\n transition: 'width 0.2s'\n }\n});\n"],"mappings":"AAAA,SAASA,+BAA+B,EAAAC,aAAA,EAAAC,QAAA,EAA+BC,MAAM,QAAQ,4BAA4B;AACjH,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,OAAO,MAAMC,uBAAuB,gBAAGL,aAAA,2jCA6BtC,CAAC;AACF,OAAO,MAAMM,mBAAmB,gBAAGL,QAAA;EAAAM,UAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,iBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,WAAA;IAAAC,MAAA;IAAAR,OAAA;IAAAS,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAuBlC,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles,
|
|
1
|
+
import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';
|
|
2
2
|
import { attachmentActionClassName } from './AttachmentAction';
|
|
3
3
|
import { attachmentIconClassName } from './AttachmentIcon';
|
|
4
4
|
export const useAttachmentBaseStyles = makeResetStyles({
|
|
@@ -22,13 +22,13 @@ export const useAttachmentBaseStyles = makeResetStyles({
|
|
|
22
22
|
width: '100%',
|
|
23
23
|
maxWidth: '424px',
|
|
24
24
|
minHeight: '32px',
|
|
25
|
-
|
|
25
|
+
padding: '7px 3px 7px 11px',
|
|
26
26
|
marginBottom: '2px',
|
|
27
27
|
marginRight: '2px',
|
|
28
28
|
backgroundColor: tokens.colorNeutralBackground6,
|
|
29
29
|
color: tokens.colorNeutralForeground1,
|
|
30
30
|
boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,
|
|
31
|
-
|
|
31
|
+
border: `1px solid ${tokens.colorNeutralStroke3}`,
|
|
32
32
|
borderRadius: '4px'
|
|
33
33
|
});
|
|
34
34
|
export const useAttachmentStyles = makeStyles({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\n\nexport const useAttachmentBaseStyles = makeResetStyles({\n ...createCustomFocusIndicatorStyle(\n {\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n backgroundColor: undefined,\n color: undefined,\n [`& .${attachmentActionClassName}`]: {\n color: undefined,\n },\n\n [`& .${attachmentIconClassName}`]: {\n color: undefined,\n },\n },\n { selector: 'focus' },\n ),\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '424px',\n minHeight: '32px',\n padding: '7px 3px 7px 11px',\n marginBottom: '2px',\n marginRight: '2px',\n backgroundColor: tokens.colorNeutralBackground6,\n color: tokens.colorNeutralForeground1,\n boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n border: `1px solid ${tokens.colorNeutralStroke3}`,\n borderRadius: '4px',\n});\n\nexport const useAttachmentStyles = makeStyles({\n actionable: {\n cursor: 'pointer',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground4Hover,\n },\n },\n progressContainer: {\n borderBottomLeftRadius: '4px',\n borderBottomRightRadius: '4px',\n bottom: 0,\n height: '4px',\n left: 0,\n overflow: 'hidden',\n position: 'absolute',\n right: 0,\n },\n progressBar: {\n backgroundColor: tokens.colorPaletteLightGreenBackground3,\n height: '100%',\n maxWidth: '100%',\n transition: 'width 0.2s',\n },\n});\n"],"names":["createCustomFocusIndicatorStyle","makeResetStyles","makeStyles","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","backgroundColor","undefined","color","selector","position","display","alignItems","width","maxWidth","minHeight","padding","marginBottom","marginRight","colorNeutralBackground6","colorNeutralForeground1","boxShadow","colorNeutralShadowAmbient","border","colorNeutralStroke3","useAttachmentStyles","actionable","cursor","colorNeutralBackground4Hover","progressContainer","borderBottomLeftRadius","borderBottomRightRadius","bottom","height","left","overflow","right","progressBar","colorPaletteLightGreenBackground3","transition"],"mappings":"AAAA,SAASA,+BAA+B,EAAEC,eAAe,EAAEC,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAClH,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,uBAAuB,QAAQ,mBAAmB;AAE3D,OAAO,MAAMC,0BAA0BL,gBAAgB;IACrD,GAAGD,gCACD;QACEO,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,OAAO,EAAEL,OAAOM,iBAAiB,EAAE;QACvEC,cAAcP,OAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2BAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,yBAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,OAAOsB,uBAAuB;IAC/CX,OAAOX,OAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,OAAOyB,yBAAyB,EAAE;IACvEC,QAAQ,CAAC,UAAU,EAAE1B,OAAO2B,mBAAmB,EAAE;IACjDpB,cAAc;AAChB,GAAG;AAEH,OAAO,MAAMqB,sBAAsB7B,WAAW;IAC5C8B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,OAAO+B,4BAA4B;QACtD;IACF;IACAC,mBAAmB;QACjBC,wBAAwB;QACxBC,yBAAyB;QACzBC,QAAQ;QACRC,QAAQ;QACRC,MAAM;QACNC,UAAU;QACVzB,UAAU;QACV0B,OAAO;IACT;IACAC,aAAa;QACX/B,iBAAiBT,OAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}
|
|
@@ -17,11 +17,11 @@ _export(exports, {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
-
const useAttachmentBaseStyles = /*#__PURE__*/ (0, _reactcomponents.__resetStyles)("
|
|
21
|
-
".
|
|
22
|
-
".
|
|
23
|
-
".
|
|
24
|
-
".
|
|
20
|
+
const useAttachmentBaseStyles = /*#__PURE__*/ (0, _reactcomponents.__resetStyles)("rvvwr24", "r1f25zs7", [
|
|
21
|
+
".rvvwr24{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding:7px 3px 7px 11px;margin-bottom:2px;margin-right:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border:1px solid var(--colorNeutralStroke3);border-radius:4px;}",
|
|
22
|
+
".rvvwr24[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}",
|
|
23
|
+
".r1f25zs7{position:relative;display:inline-flex;align-items:center;width:100%;max-width:424px;min-height:32px;padding:7px 11px 7px 3px;margin-bottom:2px;margin-left:2px;background-color:var(--colorNeutralBackground6);color:var(--colorNeutralForeground1);box-shadow:0 .2rem .4rem -.075rem var(--colorNeutralShadowAmbient);border:1px solid var(--colorNeutralStroke3);border-radius:4px;}",
|
|
24
|
+
".r1f25zs7[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);}"
|
|
25
25
|
]);
|
|
26
26
|
const useAttachmentStyles = /*#__PURE__*/ (0, _reactcomponents.__styles)({
|
|
27
27
|
actionable: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles,
|
|
1
|
+
{"version":3,"sources":["Attachment.styles.js"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\nexport const useAttachmentBaseStyles = makeResetStyles({\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n backgroundColor: undefined,\n color: undefined,\n [`& .${attachmentActionClassName}`]: {\n color: undefined\n },\n [`& .${attachmentIconClassName}`]: {\n color: undefined\n }\n }, {\n selector: 'focus'\n }),\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '424px',\n minHeight: '32px',\n padding: '7px 3px 7px 11px',\n marginBottom: '2px',\n marginRight: '2px',\n backgroundColor: tokens.colorNeutralBackground6,\n color: tokens.colorNeutralForeground1,\n boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n border: `1px solid ${tokens.colorNeutralStroke3}`,\n borderRadius: '4px'\n});\nexport const useAttachmentStyles = makeStyles({\n actionable: {\n cursor: 'pointer',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground4Hover\n }\n },\n progressContainer: {\n borderBottomLeftRadius: '4px',\n borderBottomRightRadius: '4px',\n bottom: 0,\n height: '4px',\n left: 0,\n overflow: 'hidden',\n position: 'absolute',\n right: 0\n },\n progressBar: {\n backgroundColor: tokens.colorPaletteLightGreenBackground3,\n height: '100%',\n maxWidth: '100%',\n transition: 'width 0.2s'\n }\n});\n"],"names":["createCustomFocusIndicatorStyle","__resetStyles","__styles","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","useAttachmentStyles","actionable","Bceei9c","Jwef8y","progressContainer","Beyfa6y","Bbmb7ep","B5kzvoi","Bqenvij","oyh7mz","B68tc82","Bmxbyg5","Bpg54ce","qhf8xq","j35jbq","progressBar","De3pzq","B2u0y6b","Bn62ygk","Cwk7ip","B3o57yi","Bmy1vo4","Bkqvd7p","Bi2q7bf","d","p","h"],"mappings":";;;;;;;;;;;2BAGoC;eAAvBM;;uBA8BmB;eAAnBC;;;iCAjCwE,4BAA4B;AAG1G,gCAA6B,WAAA,OAAGN,8BAAA,EAAA,WAAA,YAAA;IAAA;IAAA;IAAA;IAAA;CA6BtC,CAAC;AACK,4BAAyB,WAAA,OAAGC,yBAAA,EAAA;IAAAM,UAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,iBAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,WAAA,EAAA;QAAAC,MAAA,EAAA;QAAAR,OAAA,EAAA;QAAAS,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAuBlC,CAAC"}
|
|
@@ -40,13 +40,13 @@ const useAttachmentBaseStyles = (0, _reactcomponents.makeResetStyles)({
|
|
|
40
40
|
width: '100%',
|
|
41
41
|
maxWidth: '424px',
|
|
42
42
|
minHeight: '32px',
|
|
43
|
-
|
|
43
|
+
padding: '7px 3px 7px 11px',
|
|
44
44
|
marginBottom: '2px',
|
|
45
45
|
marginRight: '2px',
|
|
46
46
|
backgroundColor: _reactcomponents.tokens.colorNeutralBackground6,
|
|
47
47
|
color: _reactcomponents.tokens.colorNeutralForeground1,
|
|
48
48
|
boxShadow: `0 .2rem .4rem -.075rem ${_reactcomponents.tokens.colorNeutralShadowAmbient}`,
|
|
49
|
-
|
|
49
|
+
border: `1px solid ${_reactcomponents.tokens.colorNeutralStroke3}`,
|
|
50
50
|
borderRadius: '4px'
|
|
51
51
|
});
|
|
52
52
|
const useAttachmentStyles = (0, _reactcomponents.makeStyles)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["../src/components/Attachment/Attachment.styles.ts"],"sourcesContent":["import { createCustomFocusIndicatorStyle, makeResetStyles, makeStyles, tokens } from '@fluentui/react-components';\nimport { attachmentActionClassName } from './AttachmentAction';\nimport { attachmentIconClassName } from './AttachmentIcon';\n\nexport const useAttachmentBaseStyles = makeResetStyles({\n ...createCustomFocusIndicatorStyle(\n {\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n backgroundColor: undefined,\n color: undefined,\n [`& .${attachmentActionClassName}`]: {\n color: undefined,\n },\n\n [`& .${attachmentIconClassName}`]: {\n color: undefined,\n },\n },\n { selector: 'focus' },\n ),\n position: 'relative',\n display: 'inline-flex',\n alignItems: 'center',\n width: '100%',\n maxWidth: '424px',\n minHeight: '32px',\n padding: '7px 3px 7px 11px',\n marginBottom: '2px',\n marginRight: '2px',\n backgroundColor: tokens.colorNeutralBackground6,\n color: tokens.colorNeutralForeground1,\n boxShadow: `0 .2rem .4rem -.075rem ${tokens.colorNeutralShadowAmbient}`,\n border: `1px solid ${tokens.colorNeutralStroke3}`,\n borderRadius: '4px',\n});\n\nexport const useAttachmentStyles = makeStyles({\n actionable: {\n cursor: 'pointer',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground4Hover,\n },\n },\n progressContainer: {\n borderBottomLeftRadius: '4px',\n borderBottomRightRadius: '4px',\n bottom: 0,\n height: '4px',\n left: 0,\n overflow: 'hidden',\n position: 'absolute',\n right: 0,\n },\n progressBar: {\n backgroundColor: tokens.colorPaletteLightGreenBackground3,\n height: '100%',\n maxWidth: '100%',\n transition: 'width 0.2s',\n },\n});\n"],"names":["createCustomFocusIndicatorStyle","makeResetStyles","makeStyles","tokens","attachmentActionClassName","attachmentIconClassName","useAttachmentBaseStyles","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","backgroundColor","undefined","color","selector","position","display","alignItems","width","maxWidth","minHeight","padding","marginBottom","marginRight","colorNeutralBackground6","colorNeutralForeground1","boxShadow","colorNeutralShadowAmbient","border","colorNeutralStroke3","useAttachmentStyles","actionable","cursor","colorNeutralBackground4Hover","progressContainer","borderBottomLeftRadius","borderBottomRightRadius","bottom","height","left","overflow","right","progressBar","colorPaletteLightGreenBackground3","transition"],"mappings":";;;;;;;;;;;IAIaM,uBAAAA;;;IAiCAyB,mBAAAA;;;;iCArCwE,6BAA6B;kCACxE,qBAAqB;gCACvB,mBAAmB;AAEpD,oCAAgC9B,gCAAAA,EAAgB;IACrD,OAAGD,gDAAAA,EACD;QACEO,SAAS,GAAGJ,uBAAAA,CAAOK,gBAAgB,CAAC,OAAO,EAAEL,uBAAAA,CAAOM,iBAAiB,EAAE;QACvEC,cAAcP,uBAAAA,CAAOQ,kBAAkB;QACvCC,iBAAiBC;QACjBC,OAAOD;QACP,CAAC,CAAC,GAAG,EAAET,2CAAAA,EAA2B,CAAC,EAAE;YACnCU,OAAOD;QACT;QAEA,CAAC,CAAC,GAAG,EAAER,uCAAAA,EAAyB,CAAC,EAAE;YACjCS,OAAOD;QACT;IACF,GACA;QAAEE,UAAU;IAAQ,EACrB;IACDC,UAAU;IACVC,SAAS;IACTC,YAAY;IACZC,OAAO;IACPC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbZ,iBAAiBT,uBAAAA,CAAOsB,uBAAuB;IAC/CX,OAAOX,uBAAAA,CAAOuB,uBAAuB;IACrCC,WAAW,CAAC,uBAAuB,EAAExB,uBAAAA,CAAOyB,yBAAyB,EAAE;IACvEC,QAAQ,CAAC,UAAU,EAAE1B,uBAAAA,CAAO2B,mBAAmB,EAAE;IACjDpB,cAAc;AAChB,GAAG;AAEI,4BAA4BR,+BAAAA,EAAW;IAC5C8B,YAAY;QACVC,QAAQ;QACR,UAAU;YACRrB,iBAAiBT,uBAAAA,CAAO+B,4BAA4B;QACtD;IACF;IACAC,mBAAmB;QACjBC,wBAAwB;QACxBC,yBAAyB;QACzBC,QAAQ;QACRC,QAAQ;QACRC,MAAM;QACNC,UAAU;QACVzB,UAAU;QACV0B,OAAO;IACT;IACAC,aAAa;QACX/B,iBAAiBT,uBAAAA,CAAOyC,iCAAiC;QACzDL,QAAQ;QACRnB,UAAU;QACVyB,YAAY;IACd;AACF,GAAG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v0-v9",
|
|
3
|
-
"version": "9.6.
|
|
3
|
+
"version": "9.6.15",
|
|
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,16 +20,16 @@
|
|
|
20
20
|
"@fluentui/scripts-storybook": "*"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@fluentui/react-aria": "^9.17.
|
|
24
|
-
"@fluentui/react-components": "^9.72.
|
|
25
|
-
"@fluentui/react-context-selector": "^9.2.
|
|
23
|
+
"@fluentui/react-aria": "^9.17.6",
|
|
24
|
+
"@fluentui/react-components": "^9.72.7",
|
|
25
|
+
"@fluentui/react-context-selector": "^9.2.12",
|
|
26
26
|
"@fluentui/react-icons": "^2.0.245",
|
|
27
|
-
"@fluentui/react-jsx-runtime": "^9.3.
|
|
28
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
29
|
-
"@fluentui/react-tabster": "^9.26.
|
|
27
|
+
"@fluentui/react-jsx-runtime": "^9.3.3",
|
|
28
|
+
"@fluentui/react-shared-contexts": "^9.26.0",
|
|
29
|
+
"@fluentui/react-tabster": "^9.26.10",
|
|
30
30
|
"@fluentui/react-theme": "^9.2.0",
|
|
31
|
-
"@fluentui/react-utilities": "^9.25.
|
|
32
|
-
"@griffel/react": "^1.5.
|
|
31
|
+
"@fluentui/react-utilities": "^9.25.4",
|
|
32
|
+
"@griffel/react": "^1.5.32",
|
|
33
33
|
"@swc/helpers": "^0.5.1"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|