@fluentui/react-image 9.1.65 → 9.1.67

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 CHANGED
@@ -1,12 +1,33 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Mon, 06 May 2024 12:48:54 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 23 May 2024 07:57:55 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.67](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.67)
8
+
9
+ Thu, 23 May 2024 07:57:55 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.66..@fluentui/react-image_v9.1.67)
11
+
12
+ ### Patches
13
+
14
+ - chore: replace usage of .shorthands() in styles ([PR #31448](https://github.com/microsoft/fluentui/pull/31448) by olfedias@microsoft.com)
15
+
16
+ ## [9.1.66](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.66)
17
+
18
+ Mon, 20 May 2024 12:44:56 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.65..@fluentui/react-image_v9.1.66)
20
+
21
+ ### Patches
22
+
23
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
24
+ - Bump @fluentui/react-shared-contexts to v9.19.0 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
25
+ - Bump @fluentui/react-utilities to v9.18.9 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
26
+ - Bump @fluentui/react-jsx-runtime to v9.0.38 ([PR #26682](https://github.com/microsoft/fluentui/pull/26682) by beachball)
27
+
7
28
  ## [9.1.65](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.65)
8
29
 
9
- Mon, 06 May 2024 12:48:54 GMT
30
+ Mon, 06 May 2024 12:55:02 GMT
10
31
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.64..@fluentui/react-image_v9.1.65)
11
32
 
12
33
  ### Patches
@@ -9,10 +9,11 @@ const useStyles = /*#__PURE__*/__styles({
9
9
  h3c5rm: ["f1akhkt", "f1lxtadh"],
10
10
  B9xav0g: "f1aperda",
11
11
  zhjwy3: ["f1lxtadh", "f1akhkt"],
12
- Bbmb7ep: ["fzi6hpg", "fyowgf4"],
13
- Beyfa6y: ["fyowgf4", "fzi6hpg"],
14
- B7oj6ja: ["f3fg2lr", "f13av6d4"],
15
- Btl43ni: ["f13av6d4", "f3fg2lr"],
12
+ Beyfa6y: 0,
13
+ Bbmb7ep: 0,
14
+ Btl43ni: 0,
15
+ B7oj6ja: 0,
16
+ Dimara: "f1fabniw",
16
17
  B7ck84d: "f1ewtqcl",
17
18
  mc9l5x: "f14t3ns0"
18
19
  },
@@ -27,16 +28,18 @@ const useStyles = /*#__PURE__*/__styles({
27
28
  ibv6hh: ["f1ojsxk5", "f5tn483"]
28
29
  },
29
30
  circular: {
30
- Bbmb7ep: ["f8fbkgy", "f1nfllo7"],
31
- Beyfa6y: ["f1nfllo7", "f8fbkgy"],
32
- B7oj6ja: ["f1djnp8u", "f1s8kh49"],
33
- Btl43ni: ["f1s8kh49", "f1djnp8u"]
31
+ Beyfa6y: 0,
32
+ Bbmb7ep: 0,
33
+ Btl43ni: 0,
34
+ B7oj6ja: 0,
35
+ Dimara: "f44lkw9"
34
36
  },
35
37
  rounded: {
36
- Bbmb7ep: ["f1aa9q02", "f16jpd5f"],
37
- Beyfa6y: ["f16jpd5f", "f1aa9q02"],
38
- B7oj6ja: ["f1jar5jt", "fyu767a"],
39
- Btl43ni: ["fyu767a", "f1jar5jt"]
38
+ Beyfa6y: 0,
39
+ Bbmb7ep: 0,
40
+ Btl43ni: 0,
41
+ B7oj6ja: 0,
42
+ Dimara: "ft85np5"
40
43
  },
41
44
  square: {},
42
45
  shadow: {
@@ -71,7 +74,13 @@ const useStyles = /*#__PURE__*/__styles({
71
74
  a9b677: "fly5x3f"
72
75
  }
73
76
  }, {
74
- d: [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}", ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}", ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}", ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}", ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}", ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}", ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f14xojzb{object-position:center;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f1kle4es{object-fit:contain;}", ".f1ps3kmd{object-fit:cover;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}"]
77
+ d: [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", [".f1fabniw{border-radius:var(--borderRadiusNone);}", {
78
+ p: -1
79
+ }], ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", [".f44lkw9{border-radius:var(--borderRadiusCircular);}", {
80
+ p: -1
81
+ }], [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
82
+ p: -1
83
+ }], ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f14xojzb{object-position:center;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f1kle4es{object-fit:contain;}", ".f1ps3kmd{object-fit:cover;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}"]
75
84
  });
76
85
  export const useImageStyles_unstable = state => {
77
86
  const styles = useStyles();
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","mergeClasses","__styles","tokens","imageClassNames","root","useStyles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","useImageStyles_unstable","state","styles","className","fit","shape"],"sources":["useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n root: 'fui-Image'\n};\nconst useStyles = makeStyles({\n // Base styles\n base: {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n ...shorthands.borderRadius(tokens.borderRadiusNone),\n boxSizing: 'border-box',\n display: 'inline-block'\n },\n // Bordered styles\n bordered: {\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n },\n // Shape variations\n circular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular)\n },\n rounded: {\n ...shorthands.borderRadius(tokens.borderRadiusMedium)\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: tokens.shadow4\n },\n // Fit variations\n center: {\n objectFit: 'none',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n contain: {\n objectFit: 'contain',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n default: {\n },\n cover: {\n objectFit: 'cover',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n none: {\n objectFit: 'none',\n objectPosition: 'left top',\n height: '100%',\n width: '100%'\n },\n // Block styles\n block: {\n width: '100%'\n }\n});\nexport const useImageStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAf,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAa,OAAA;IAAAhB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAc,MAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAJ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;EAAAE,KAAA;IAAAL,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,IAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,CAyDjB,CAAC;AACF,OAAO,MAAMC,uBAAuB,GAAIC,KAAK,IAAG;EAC5C,MAAMC,MAAM,GAAGtC,SAAS,CAAC,CAAC;EAC1BqC,KAAK,CAACtC,IAAI,CAACwC,SAAS,GAAG5C,YAAY,CAACG,eAAe,CAACC,IAAI,EAAEuC,MAAM,CAACrC,IAAI,EAAEoC,KAAK,CAACH,KAAK,IAAII,MAAM,CAACJ,KAAK,EAAEG,KAAK,CAACzB,QAAQ,IAAI0B,MAAM,CAAC1B,QAAQ,EAAEyB,KAAK,CAACb,MAAM,IAAIc,MAAM,CAACd,MAAM,EAAEc,MAAM,CAACD,KAAK,CAACG,GAAG,CAAC,EAAEF,MAAM,CAACD,KAAK,CAACI,KAAK,CAAC,EAAEJ,KAAK,CAACtC,IAAI,CAACwC,SAAS,CAAC;EACnO,OAAOF,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["shorthands","mergeClasses","__styles","tokens","imageClassNames","root","useStyles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","p","useImageStyles_unstable","state","styles","className","fit","shape"],"sources":["useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n root: 'fui-Image'\n};\nconst useStyles = makeStyles({\n // Base styles\n base: {\n ...shorthands.borderColor(tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusNone,\n boxSizing: 'border-box',\n display: 'inline-block'\n },\n // Bordered styles\n bordered: {\n ...shorthands.borderStyle('solid'),\n ...shorthands.borderWidth(tokens.strokeWidthThin)\n },\n // Shape variations\n circular: {\n borderRadius: tokens.borderRadiusCircular\n },\n rounded: {\n borderRadius: tokens.borderRadiusMedium\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: tokens.shadow4\n },\n // Fit variations\n center: {\n objectFit: 'none',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n contain: {\n objectFit: 'contain',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n default: {\n },\n cover: {\n objectFit: 'cover',\n objectPosition: 'center',\n height: '100%',\n width: '100%'\n },\n none: {\n objectFit: 'none',\n objectPosition: 'left top',\n height: '100%',\n width: '100%'\n },\n // Block styles\n block: {\n width: '100%'\n }\n});\nexport const useImageStyles_unstable = (state)=>{\n const styles = useStyles();\n state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAAC,QAAA,QAAoB,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAhB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAa,OAAA;IAAAjB,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAc,MAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAJ,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA;EAAAE,KAAA;IAAAL,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,IAAA;IAAAN,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAI,KAAA;IAAAJ,MAAA;EAAA;AAAA;EAAAK,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAyDjB,CAAC;AACF,OAAO,MAAMC,uBAAuB,GAAIC,KAAK,IAAG;EAC5C,MAAMC,MAAM,GAAGxC,SAAS,CAAC,CAAC;EAC1BuC,KAAK,CAACxC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,eAAe,CAACC,IAAI,EAAEyC,MAAM,CAACvC,IAAI,EAAEsC,KAAK,CAACJ,KAAK,IAAIK,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAC1B,QAAQ,IAAI2B,MAAM,CAAC3B,QAAQ,EAAE0B,KAAK,CAACd,MAAM,IAAIe,MAAM,CAACf,MAAM,EAAEe,MAAM,CAACD,KAAK,CAACG,GAAG,CAAC,EAAEF,MAAM,CAACD,KAAK,CAACI,KAAK,CAAC,EAAEJ,KAAK,CAACxC,IAAI,CAAC0C,SAAS,CAAC;EACnO,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
@@ -32,22 +32,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
32
32
  "f1lxtadh",
33
33
  "f1akhkt"
34
34
  ],
35
- Bbmb7ep: [
36
- "fzi6hpg",
37
- "fyowgf4"
38
- ],
39
- Beyfa6y: [
40
- "fyowgf4",
41
- "fzi6hpg"
42
- ],
43
- B7oj6ja: [
44
- "f3fg2lr",
45
- "f13av6d4"
46
- ],
47
- Btl43ni: [
48
- "f13av6d4",
49
- "f3fg2lr"
50
- ],
35
+ Beyfa6y: 0,
36
+ Bbmb7ep: 0,
37
+ Btl43ni: 0,
38
+ B7oj6ja: 0,
39
+ Dimara: "f1fabniw",
51
40
  B7ck84d: "f1ewtqcl",
52
41
  mc9l5x: "f14t3ns0"
53
42
  },
@@ -74,40 +63,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
74
63
  ]
75
64
  },
76
65
  circular: {
77
- Bbmb7ep: [
78
- "f8fbkgy",
79
- "f1nfllo7"
80
- ],
81
- Beyfa6y: [
82
- "f1nfllo7",
83
- "f8fbkgy"
84
- ],
85
- B7oj6ja: [
86
- "f1djnp8u",
87
- "f1s8kh49"
88
- ],
89
- Btl43ni: [
90
- "f1s8kh49",
91
- "f1djnp8u"
92
- ]
66
+ Beyfa6y: 0,
67
+ Bbmb7ep: 0,
68
+ Btl43ni: 0,
69
+ B7oj6ja: 0,
70
+ Dimara: "f44lkw9"
93
71
  },
94
72
  rounded: {
95
- Bbmb7ep: [
96
- "f1aa9q02",
97
- "f16jpd5f"
98
- ],
99
- Beyfa6y: [
100
- "f16jpd5f",
101
- "f1aa9q02"
102
- ],
103
- B7oj6ja: [
104
- "f1jar5jt",
105
- "fyu767a"
106
- ],
107
- Btl43ni: [
108
- "fyu767a",
109
- "f1jar5jt"
110
- ]
73
+ Beyfa6y: 0,
74
+ Bbmb7ep: 0,
75
+ Btl43ni: 0,
76
+ B7oj6ja: 0,
77
+ Dimara: "ft85np5"
111
78
  },
112
79
  square: {},
113
80
  shadow: {
@@ -150,10 +117,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
150
117
  ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
151
118
  ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
152
119
  ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
153
- ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
154
- ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
155
- ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
156
- ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
120
+ [
121
+ ".f1fabniw{border-radius:var(--borderRadiusNone);}",
122
+ {
123
+ p: -1
124
+ }
125
+ ],
157
126
  ".f1ewtqcl{box-sizing:border-box;}",
158
127
  ".f14t3ns0{display:inline-block;}",
159
128
  ".fzkkow9{border-top-style:solid;}",
@@ -164,14 +133,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
164
133
  ".f5tn483{border-right-width:var(--strokeWidthThin);}",
165
134
  ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
166
135
  ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
167
- ".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}",
168
- ".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}",
169
- ".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}",
170
- ".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}",
171
- ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
172
- ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
173
- ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
174
- ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
136
+ [
137
+ ".f44lkw9{border-radius:var(--borderRadiusCircular);}",
138
+ {
139
+ p: -1
140
+ }
141
+ ],
142
+ [
143
+ ".ft85np5{border-radius:var(--borderRadiusMedium);}",
144
+ {
145
+ p: -1
146
+ }
147
+ ],
175
148
  ".f1whvlc6{box-shadow:var(--shadow4);}",
176
149
  ".f1plgu50{object-fit:none;}",
177
150
  ".f14xojzb{object-position:center;}",
@@ -1 +1 @@
1
- {"version":3,"sources":["useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n root: 'fui-Image'\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n Btl43ni: [\"f13av6d4\", \"f3fg2lr\"],\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f14t3ns0\"\n },\n bordered: {\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n circular: {\n Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n },\n rounded: {\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n },\n square: {},\n shadow: {\n E5pizo: \"f1whvlc6\"\n },\n center: {\n st4lth: \"f1plgu50\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n contain: {\n st4lth: \"f1kle4es\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n \"default\": {},\n cover: {\n st4lth: \"f1ps3kmd\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n none: {\n st4lth: \"f1plgu50\",\n Ermj5k: [\"f13uwng7\", \"fjmyj0p\"],\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n block: {\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f1plgu50{object-fit:none;}\", \".f14xojzb{object-position:center;}\", \".f1l02sjl{height:100%;}\", \".fly5x3f{width:100%;}\", \".f1kle4es{object-fit:contain;}\", \".f1ps3kmd{object-fit:cover;}\", \".f13uwng7{object-position:left top;}\", \".fjmyj0p{object-position:right top;}\"]\n});\nexport const useImageStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);\n return state;\n};\n//# sourceMappingURL=useImageStyles.styles.js.map"],"names":["imageClassNames","useImageStyles_unstable","root","useStyles","__styles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","state","styles","className","mergeClasses","fit","shape"],"mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IAyEAC,uBAAuB;eAAvBA;;;uBA3EsC;AAE5C,MAAMD,kBAAkB;IAC7BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,UAAU;QACRf,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;IACnC;IACAa,SAAS;QACPhB,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAW;IAClC;IACAc,QAAQ,CAAC;IACTC,QAAQ;QACNC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPJ,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACA,WAAW,CAAC;IACZE,OAAO;QACLL,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAG,MAAM;QACJN,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;AACF,GAAG;IACDK,GAAG;QAAC;QAA0D;QAA4D;QAA4D;QAA8D;QAAiE;QAAgE;QAA8D;QAA8D;QAAqC;QAAoC;QAAqC;QAAuC;QAAsC;QAAwC;QAAuD;QAAwD;QAAwD;QAA0D;QAAqE;QAAqE;QAAmE;QAAkE;QAAoE;QAAmE;QAAiE;QAA+D;QAAyC;QAA+B;QAAsC;QAA2B;QAAyB;QAAkC;QAAgC;QAAwC;KAAuC;AAChwD;AACO,MAAMtC,0BAA0BuC,CAAAA;IACrC,MAAMC,SAAStC;IACfqC,MAAMtC,IAAI,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC3C,gBAAgBE,IAAI,EAAEuC,OAAOpC,IAAI,EAAEmC,MAAMF,KAAK,IAAIG,OAAOH,KAAK,EAAEE,MAAMxB,QAAQ,IAAIyB,OAAOzB,QAAQ,EAAEwB,MAAMZ,MAAM,IAAIa,OAAOb,MAAM,EAAEa,MAAM,CAACD,MAAMI,GAAG,CAAC,EAAEH,MAAM,CAACD,MAAMK,KAAK,CAAC,EAAEL,MAAMtC,IAAI,CAACwC,SAAS;IAClO,OAAOF;AACT,GACA,iDAAiD"}
1
+ {"version":3,"sources":["useImageStyles.styles.js"],"sourcesContent":["import { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const imageClassNames = {\n root: 'fui-Image'\n};\nconst useStyles = /*#__PURE__*/__styles({\n base: {\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f1fabniw\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"f14t3ns0\"\n },\n bordered: {\n icvyot: \"fzkkow9\",\n vrafjx: [\"fcdblym\", \"fjik90z\"],\n oivjwe: \"fg706s2\",\n wvpqe5: [\"fjik90z\", \"fcdblym\"],\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"]\n },\n circular: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"f44lkw9\"\n },\n rounded: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n square: {},\n shadow: {\n E5pizo: \"f1whvlc6\"\n },\n center: {\n st4lth: \"f1plgu50\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n contain: {\n st4lth: \"f1kle4es\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n \"default\": {},\n cover: {\n st4lth: \"f1ps3kmd\",\n Ermj5k: \"f14xojzb\",\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n none: {\n st4lth: \"f1plgu50\",\n Ermj5k: [\"f13uwng7\", \"fjmyj0p\"],\n Bqenvij: \"f1l02sjl\",\n a9b677: \"fly5x3f\"\n },\n block: {\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", [\".f1fabniw{border-radius:var(--borderRadiusNone);}\", {\n p: -1\n }], \".f1ewtqcl{box-sizing:border-box;}\", \".f14t3ns0{display:inline-block;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", [\".f44lkw9{border-radius:var(--borderRadiusCircular);}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f1whvlc6{box-shadow:var(--shadow4);}\", \".f1plgu50{object-fit:none;}\", \".f14xojzb{object-position:center;}\", \".f1l02sjl{height:100%;}\", \".fly5x3f{width:100%;}\", \".f1kle4es{object-fit:contain;}\", \".f1ps3kmd{object-fit:cover;}\", \".f13uwng7{object-position:left top;}\", \".fjmyj0p{object-position:right top;}\"]\n});\nexport const useImageStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(imageClassNames.root, styles.base, state.block && styles.block, state.bordered && styles.bordered, state.shadow && styles.shadow, styles[state.fit], styles[state.shape], state.root.className);\n return state;\n};\n//# sourceMappingURL=useImageStyles.styles.js.map"],"names":["imageClassNames","useImageStyles_unstable","root","useStyles","__styles","base","g2u3we","h3c5rm","B9xav0g","zhjwy3","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","B7ck84d","mc9l5x","bordered","icvyot","vrafjx","oivjwe","wvpqe5","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","circular","rounded","square","shadow","E5pizo","center","st4lth","Ermj5k","Bqenvij","a9b677","contain","cover","none","block","d","p","state","styles","className","mergeClasses","fit","shape"],"mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IAkFAC,uBAAuB;eAAvBA;;;uBApFsC;AAE5C,MAAMD,kBAAkB;IAC7BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,MAAM;QACJC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,UAAU;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,UAAU;QACRhB,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAa,SAAS;QACPjB,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAc,QAAQ,CAAC;IACTC,QAAQ;QACNC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,SAAS;QACPJ,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACA,WAAW,CAAC;IACZE,OAAO;QACLL,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAG,MAAM;QACJN,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;IACV;IACAI,OAAO;QACLJ,QAAQ;IACV;AACF,GAAG;IACDK,GAAG;QAAC;QAA0D;QAA4D;QAA4D;QAA8D;YAAC;YAAqD;gBACxSC,GAAG,CAAC;YACN;SAAE;QAAE;QAAqC;QAAoC;QAAqC;QAAuC;QAAsC;QAAwC;QAAuD;QAAwD;QAAwD;QAA0D;YAAC;YAAwD;gBAC/fA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAsD;gBACzDA,GAAG,CAAC;YACN;SAAE;QAAE;QAAyC;QAA+B;QAAsC;QAA2B;QAAyB;QAAkC;QAAgC;QAAwC;KAAuC;AACzT;AACO,MAAMxC,0BAA0ByC,CAAAA;IACrC,MAAMC,SAASxC;IACfuC,MAAMxC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gBAAgBE,IAAI,EAAEyC,OAAOtC,IAAI,EAAEqC,MAAMH,KAAK,IAAII,OAAOJ,KAAK,EAAEG,MAAMzB,QAAQ,IAAI0B,OAAO1B,QAAQ,EAAEyB,MAAMb,MAAM,IAAIc,OAAOd,MAAM,EAAEc,MAAM,CAACD,MAAMI,GAAG,CAAC,EAAEH,MAAM,CAACD,MAAMK,KAAK,CAAC,EAAEL,MAAMxC,IAAI,CAAC0C,SAAS;IAClO,OAAOF;AACT,GACA,iDAAiD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-image",
3
- "version": "9.1.65",
3
+ "version": "9.1.67",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -33,11 +33,11 @@
33
33
  "@fluentui/scripts-tasks": "*"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui/react-shared-contexts": "^9.18.0",
37
- "@fluentui/react-utilities": "^9.18.8",
38
- "@fluentui/react-jsx-runtime": "^9.0.37",
36
+ "@fluentui/react-shared-contexts": "^9.19.0",
37
+ "@fluentui/react-utilities": "^9.18.9",
38
+ "@fluentui/react-jsx-runtime": "^9.0.38",
39
39
  "@fluentui/react-theme": "^9.1.19",
40
- "@griffel/react": "^1.5.14",
40
+ "@griffel/react": "^1.5.22",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },
43
43
  "peerDependencies": {