@fluentui/react-image 0.0.0-nightly-20240819-2110.1 → 0.0.0-nightly-20240820-2210.1

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,23 +1,23 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Mon, 19 Aug 2024 21:20:53 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 20 Aug 2024 22:15:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240819-2110.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightly-20240819-2110.1)
7
+ ## [0.0.0-nightly-20240820-2210.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightly-20240820-2210.1)
8
8
 
9
- Mon, 19 Aug 2024 21:20:53 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.71..@fluentui/react-image_v0.0.0-nightly-20240819-2110.1)
9
+ Tue, 20 Aug 2024 22:15:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.71..@fluentui/react-image_v0.0.0-nightly-20240820-2210.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
16
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
17
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
18
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
19
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240819-2110.1 ([commit](https://github.com/microsoft/fluentui/commit/99f7b9c0d9c2a4cb1f7dad43045108122895102e) by beachball)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
16
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
18
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
19
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240820-2210.1 ([commit](https://github.com/microsoft/fluentui/commit/d2c24a363450afb0fe5172e63aa435770d001e9e) by beachball)
21
21
 
22
22
  ## [9.1.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.71)
23
23
 
@@ -13,7 +13,7 @@ const useStyles = /*#__PURE__*/__styles({
13
13
  Bbmb7ep: 0,
14
14
  Btl43ni: 0,
15
15
  B7oj6ja: 0,
16
- Dimara: "f1i4o7l3",
16
+ Dimara: "f1b0c6jd",
17
17
  B7ck84d: "f1ewtqcl",
18
18
  mc9l5x: "f14t3ns0"
19
19
  },
@@ -32,18 +32,18 @@ const useStyles = /*#__PURE__*/__styles({
32
32
  Bbmb7ep: 0,
33
33
  Btl43ni: 0,
34
34
  B7oj6ja: 0,
35
- Dimara: "fw8249g"
35
+ Dimara: "f1dkhau1"
36
36
  },
37
37
  rounded: {
38
38
  Beyfa6y: 0,
39
39
  Bbmb7ep: 0,
40
40
  Btl43ni: 0,
41
41
  B7oj6ja: 0,
42
- Dimara: "f1l0h0f1"
42
+ Dimara: "fjbybyh"
43
43
  },
44
44
  square: {},
45
45
  shadow: {
46
- E5pizo: "fds5eju"
46
+ E5pizo: "fkryemf"
47
47
  },
48
48
  center: {
49
49
  st4lth: "f1plgu50",
@@ -74,13 +74,13 @@ const useStyles = /*#__PURE__*/__styles({
74
74
  a9b677: "fly5x3f"
75
75
  }
76
76
  }, {
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);}", [".f1i4o7l3{border-radius:var(--ctrl-token-Image-1135, var(--semantic-token-Image-1136, var(--borderRadiusNone)));}", {
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);}", [".f1b0c6jd{border-radius:var(--1135, var(--1136, var(--borderRadiusNone)));}", {
78
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);}", [".fw8249g{border-radius:var(--ctrl-token-Image-1137, var(--semantic-token-Image-1138, var(--borderRadiusCircular)));}", {
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);}", [".f1dkhau1{border-radius:var(--1137, var(--1138, var(--borderRadiusCircular)));}", {
80
80
  p: -1
81
- }], [".f1l0h0f1{border-radius:var(--ctrl-token-Image-1139, var(--semantic-token-Image-1140, var(--borderRadiusMedium)));}", {
81
+ }], [".fjbybyh{border-radius:var(--1139, var(--1140, var(--borderRadiusMedium)));}", {
82
82
  p: -1
83
- }], ".fds5eju{box-shadow:var(--ctrl-token-Image-1141, var(--semantic-token-Image-1142, 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;}"]
83
+ }], ".fkryemf{box-shadow:var(--1141, var(--1142, 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;}"]
84
84
  });
85
85
  export const useImageStyles_unstable = state => {
86
86
  'use no memo';
@@ -1 +1 @@
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: `var(--ctrl-token-Image-1135, var(--semantic-token-Image-1136, ${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: `var(--ctrl-token-Image-1137, var(--semantic-token-Image-1138, ${tokens.borderRadiusCircular}))`\n },\n rounded: {\n borderRadius: `var(--ctrl-token-Image-1139, var(--semantic-token-Image-1140, ${tokens.borderRadiusMedium}))`\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: `var(--ctrl-token-Image-1141, var(--semantic-token-Image-1142, ${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 'use no memo';\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,aAAa;;EACb,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":[]}
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: `var(--1135, var(--1136, ${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: `var(--1137, var(--1138, ${tokens.borderRadiusCircular}))`\n },\n rounded: {\n borderRadius: `var(--1139, var(--1140, ${tokens.borderRadiusMedium}))`\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: `var(--1141, var(--1142, ${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 'use no memo';\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,aAAa;;EACb,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":[]}
@@ -36,7 +36,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
36
36
  Bbmb7ep: 0,
37
37
  Btl43ni: 0,
38
38
  B7oj6ja: 0,
39
- Dimara: "f1i4o7l3",
39
+ Dimara: "f1b0c6jd",
40
40
  B7ck84d: "f1ewtqcl",
41
41
  mc9l5x: "f14t3ns0"
42
42
  },
@@ -67,18 +67,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
67
67
  Bbmb7ep: 0,
68
68
  Btl43ni: 0,
69
69
  B7oj6ja: 0,
70
- Dimara: "fw8249g"
70
+ Dimara: "f1dkhau1"
71
71
  },
72
72
  rounded: {
73
73
  Beyfa6y: 0,
74
74
  Bbmb7ep: 0,
75
75
  Btl43ni: 0,
76
76
  B7oj6ja: 0,
77
- Dimara: "f1l0h0f1"
77
+ Dimara: "fjbybyh"
78
78
  },
79
79
  square: {},
80
80
  shadow: {
81
- E5pizo: "fds5eju"
81
+ E5pizo: "fkryemf"
82
82
  },
83
83
  center: {
84
84
  st4lth: "f1plgu50",
@@ -118,7 +118,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
118
118
  ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
119
119
  ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
120
120
  [
121
- ".f1i4o7l3{border-radius:var(--ctrl-token-Image-1135, var(--semantic-token-Image-1136, var(--borderRadiusNone)));}",
121
+ ".f1b0c6jd{border-radius:var(--1135, var(--1136, var(--borderRadiusNone)));}",
122
122
  {
123
123
  p: -1
124
124
  }
@@ -134,18 +134,18 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
134
134
  ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
135
135
  ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
136
136
  [
137
- ".fw8249g{border-radius:var(--ctrl-token-Image-1137, var(--semantic-token-Image-1138, var(--borderRadiusCircular)));}",
137
+ ".f1dkhau1{border-radius:var(--1137, var(--1138, var(--borderRadiusCircular)));}",
138
138
  {
139
139
  p: -1
140
140
  }
141
141
  ],
142
142
  [
143
- ".f1l0h0f1{border-radius:var(--ctrl-token-Image-1139, var(--semantic-token-Image-1140, var(--borderRadiusMedium)));}",
143
+ ".fjbybyh{border-radius:var(--1139, var(--1140, var(--borderRadiusMedium)));}",
144
144
  {
145
145
  p: -1
146
146
  }
147
147
  ],
148
- ".fds5eju{box-shadow:var(--ctrl-token-Image-1141, var(--semantic-token-Image-1142, var(--shadow4)));}",
148
+ ".fkryemf{box-shadow:var(--1141, var(--1142, var(--shadow4)));}",
149
149
  ".f1plgu50{object-fit:none;}",
150
150
  ".f14xojzb{object-position:center;}",
151
151
  ".f1l02sjl{height:100%;}",
@@ -1 +1 @@
1
- {"version":3,"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: `var(--ctrl-token-Image-1135, var(--semantic-token-Image-1136, ${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: `var(--ctrl-token-Image-1137, var(--semantic-token-Image-1138, ${tokens.borderRadiusCircular}))`\n },\n rounded: {\n borderRadius: `var(--ctrl-token-Image-1139, var(--semantic-token-Image-1140, ${tokens.borderRadiusMedium}))`\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: `var(--ctrl-token-Image-1141, var(--semantic-token-Image-1142, ${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 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IA6DAC,uBAAuB;eAAvBA;;;uBA/DwC;AAE9C,MAAMD,kBAAkB;IAC3BE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,UAAA;QAAAhB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAa,SAAA;QAAAjB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAc,QAAA,CAAA;IAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,SAAA;QAAAJ,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAA,WAAA,CAAA;IAAAE,OAAA;QAAAL,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,MAAA;QAAAN,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAI,OAAA;QAAAJ,QAAA;IAAA;AAAA,GAAA;IAAAK,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA0DX,MAAMxC,0BAA2ByC,CAAAA;IACpC;IACA,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;AACX"}
1
+ {"version":3,"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: `var(--1135, var(--1136, ${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: `var(--1137, var(--1138, ${tokens.borderRadiusCircular}))`\n },\n rounded: {\n borderRadius: `var(--1139, var(--1140, ${tokens.borderRadiusMedium}))`\n },\n square: {\n },\n // Shadow styles\n shadow: {\n boxShadow: `var(--1141, var(--1142, ${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 'use no memo';\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"],"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,eAAe;eAAfA;;IA6DAC,uBAAuB;eAAvBA;;;uBA/DwC;AAE9C,MAAMD,kBAAkB;IAC3BE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,UAAA;QAAAhB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAa,SAAA;QAAAjB,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAc,QAAA,CAAA;IAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,SAAA;QAAAJ,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAA,WAAA,CAAA;IAAAE,OAAA;QAAAL,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,MAAA;QAAAN,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAI,OAAA;QAAAJ,QAAA;IAAA;AAAA,GAAA;IAAAK,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA0DX,MAAMxC,0BAA2ByC,CAAAA;IACpC;IACA,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;AACX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-image",
3
- "version": "0.0.0-nightly-20240819-2110.1",
3
+ "version": "0.0.0-nightly-20240820-2210.1",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -26,16 +26,16 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@fluentui/eslint-plugin": "*",
29
- "@fluentui/react-conformance": "0.0.0-nightly-20240819-2110.1",
30
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240819-2110.1",
29
+ "@fluentui/react-conformance": "0.0.0-nightly-20240820-2210.1",
30
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240820-2210.1",
31
31
  "@fluentui/scripts-api-extractor": "*",
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240819-2110.1",
36
- "@fluentui/react-utilities": "0.0.0-nightly-20240819-2110.1",
37
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240819-2110.1",
38
- "@fluentui/react-theme": "0.0.0-nightly-20240819-2110.1",
35
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240820-2210.1",
36
+ "@fluentui/react-utilities": "0.0.0-nightly-20240820-2210.1",
37
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240820-2210.1",
38
+ "@fluentui/react-theme": "0.0.0-nightly-20240820-2210.1",
39
39
  "@griffel/react": "^1.5.22",
40
40
  "@swc/helpers": "^0.5.1"
41
41
  },