@fluentui/react-image 9.0.0-alpha.83 → 9.0.0-alpha.84

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 (15) hide show
  1. package/CHANGELOG.json +46 -1
  2. package/CHANGELOG.md +16 -2
  3. package/Spec.md +1 -0
  4. package/dist/react-image.d.ts +4 -0
  5. package/lib/components/Image/Image.types.d.ts +4 -0
  6. package/lib/components/Image/useImage.js +3 -1
  7. package/lib/components/Image/useImage.js.map +1 -1
  8. package/lib/components/Image/useImageStyles.js +5 -3
  9. package/lib/components/Image/useImageStyles.js.map +1 -1
  10. package/lib-commonjs/components/Image/Image.types.d.ts +4 -0
  11. package/lib-commonjs/components/Image/useImage.js +3 -1
  12. package/lib-commonjs/components/Image/useImage.js.map +1 -1
  13. package/lib-commonjs/components/Image/useImageStyles.js +5 -3
  14. package/lib-commonjs/components/Image/useImageStyles.js.map +1 -1
  15. package/package.json +6 -6
package/CHANGELOG.json CHANGED
@@ -2,7 +2,52 @@
2
2
  "name": "@fluentui/react-image",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 23 Sep 2021 08:19:56 GMT",
5
+ "date": "Fri, 24 Sep 2021 09:16:15 GMT",
6
+ "tag": "@fluentui/react-image_v9.0.0-alpha.84",
7
+ "version": "9.0.0-alpha.84",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "tkrasniqi@microsoft.com",
12
+ "package": "@fluentui/react-image",
13
+ "comment": "Added shadow prop",
14
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-image",
19
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.72",
20
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-image",
25
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.52",
26
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-image",
31
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.54",
32
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-image",
37
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47",
38
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-image",
43
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16",
44
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Thu, 23 Sep 2021 08:21:34 GMT",
6
51
  "tag": "@fluentui/react-image_v9.0.0-alpha.83",
7
52
  "version": "9.0.0-alpha.83",
8
53
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,26 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Thu, 23 Sep 2021 08:19:56 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 24 Sep 2021 09:16:15 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-alpha.84)
8
+
9
+ Fri, 24 Sep 2021 09:16:15 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-alpha.83..@fluentui/react-image_v9.0.0-alpha.84)
11
+
12
+ ### Changes
13
+
14
+ - Added shadow prop ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by tkrasniqi@microsoft.com)
15
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
17
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.54 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
18
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
19
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
20
+
7
21
  ## [9.0.0-alpha.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-alpha.83)
8
22
 
9
- Thu, 23 Sep 2021 08:19:56 GMT
23
+ Thu, 23 Sep 2021 08:21:34 GMT
10
24
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-alpha.82..@fluentui/react-image_v9.0.0-alpha.83)
11
25
 
12
26
  ### Changes
package/Spec.md CHANGED
@@ -86,6 +86,7 @@ Proposed component props:
86
86
  | `fluid` | `boolean` | `false` | |
87
87
  | `circular` | `boolean` | `false` | |
88
88
  | `rounded` | `boolean` | `false` | rounded corners |
89
+ | `shadow` | `boolean` | `false` | |
89
90
 
90
91
  All native html attributes of the `<img />` will be available to be used as props of the Image component.
91
92
 
package/dist/react-image.d.ts CHANGED
@@ -50,6 +50,10 @@ export declare type ImageCommons = {
50
50
  * An image can appear rounded.
51
51
  */
52
52
  rounded?: boolean;
53
+ /**
54
+ * An image can appear elevated with shadow.
55
+ */
56
+ shadow?: boolean;
53
57
  };
54
58
 
55
59
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
package/lib/components/Image/Image.types.d.ts CHANGED
@@ -23,6 +23,10 @@ export declare type ImageCommons = {
23
23
  * An image can appear rounded.
24
24
  */
25
25
  rounded?: boolean;
26
+ /**
27
+ * An image can appear elevated with shadow.
28
+ */
29
+ shadow?: boolean;
26
30
  };
27
31
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
28
32
  export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
package/lib/components/Image/useImage.js CHANGED
@@ -10,13 +10,15 @@ export var useImage = function (props, ref) {
10
10
  fit = props.fit,
11
11
  fluid = props.fluid,
12
12
  circular = props.circular,
13
- rounded = props.rounded;
13
+ rounded = props.rounded,
14
+ shadow = props.shadow;
14
15
  var state = {
15
16
  bordered: bordered,
16
17
  fit: fit,
17
18
  fluid: fluid,
18
19
  circular: circular,
19
20
  rounded: rounded,
21
+ shadow: shadow,
20
22
  components: {
21
23
  root: 'img'
22
24
  },
package/lib/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA,OAAO,IAAM,mBAAmB,GAA4B,CAAC,MAAD,CAArD;AAEP;;AAEG;;AACH,OAAO,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAAoC,KAAK,CAAzC,QAAR;AAAA,MAAU,GAAG,GAA+B,KAAK,CAApC,GAAb;AAAA,MAAe,KAAK,GAAwB,KAAK,CAA7B,KAApB;AAAA,MAAsB,QAAQ,GAAc,KAAK,CAAnB,QAA9B;AAAA,MAAgC,OAAO,GAAK,KAAK,CAAV,OAAvC;AACR,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,QAAQ,EAAA,QAJgB;AAKxB,IAAA,OAAO,EAAA,OALiB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAAN;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAlBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA,OAAO,IAAM,mBAAmB,GAA4B,CAAC,MAAD,CAArD;AAEP;;AAEG;;AACH,OAAO,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAA4C,KAAK,CAAjD,QAAR;AAAA,MAAU,GAAG,GAAuC,KAAK,CAA5C,GAAb;AAAA,MAAe,KAAK,GAAgC,KAAK,CAArC,KAApB;AAAA,MAAsB,QAAQ,GAAsB,KAAK,CAA3B,QAA9B;AAAA,MAAgC,OAAO,GAAa,KAAK,CAAlB,OAAvC;AAAA,MAAyC,MAAM,GAAK,KAAK,CAAV,MAA/C;AACR,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,QAAQ,EAAA,QAJgB;AAKxB,IAAA,OAAO,EAAA,OALiB;AAMxB,IAAA,MAAM,EAAA,MANkB;AAOxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAPY;AAUxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAAN;AAVH,GAA1B;AAgBA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
package/lib/components/Image/useImageStyles.js CHANGED
@@ -7,7 +7,6 @@ var useStyles = /*#__PURE__*/__styles({
7
7
  "B9xav0g": "fbm5ngu",
8
8
  "zhjwy3": ["f1dqgpma", "fmej1xs"],
9
9
  "Dimara": "fyoio89",
10
- "E5pizo": ["f1eroye8", "f1m1elsp"],
11
10
  "B7ck84d": "f1ewtqcl",
12
11
  "mc9l5x": "f14t3ns0"
13
12
  },
@@ -27,6 +26,9 @@ var useStyles = /*#__PURE__*/__styles({
27
26
  "rootRounded": {
28
27
  "Dimara": "fnpfh4l"
29
28
  },
29
+ "rootShadow": {
30
+ "E5pizo": ["f1eroye8", "f1m1elsp"]
31
+ },
30
32
  "rootFitNone": {
31
33
  "st4lth": "f1plgu50",
32
34
  "Ermj5k": ["f13uwng7", "fjmyj0p"],
@@ -55,11 +57,11 @@ var useStyles = /*#__PURE__*/__styles({
55
57
  "a9b677": "fly5x3f"
56
58
  }
57
59
  }, {
58
- "d": [".fnxce6y{border-top-color:var(--alias-color-neutral-neutralStroke1);}", ".fmej1xs{border-right-color:var(--alias-color-neutral-neutralStroke1);}", ".f1dqgpma{border-left-color:var(--alias-color-neutral-neutralStroke1);}", ".fbm5ngu{border-bottom-color:var(--alias-color-neutral-neutralStroke1);}", ".fyoio89{border-radius:var(--global-borderRadius-none);}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".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;}", ".f1hanlw2{border-top-width:var(--global-strokeWidth-thin);}", ".fkst1ot{border-right-width:var(--global-strokeWidth-thin);}", ".ftvv60i{border-left-width:var(--global-strokeWidth-thin);}", ".fm975v3{border-bottom-width:var(--global-strokeWidth-thin);}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
60
+ "d": [".fnxce6y{border-top-color:var(--alias-color-neutral-neutralStroke1);}", ".fmej1xs{border-right-color:var(--alias-color-neutral-neutralStroke1);}", ".f1dqgpma{border-left-color:var(--alias-color-neutral-neutralStroke1);}", ".fbm5ngu{border-bottom-color:var(--alias-color-neutral-neutralStroke1);}", ".fyoio89{border-radius:var(--global-borderRadius-none);}", ".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;}", ".f1hanlw2{border-top-width:var(--global-strokeWidth-thin);}", ".fkst1ot{border-right-width:var(--global-strokeWidth-thin);}", ".ftvv60i{border-left-width:var(--global-strokeWidth-thin);}", ".fm975v3{border-bottom-width:var(--global-strokeWidth-thin);}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
59
61
  });
60
62
 
61
63
  export var useImageStyles = function (state) {
62
64
  var styles = useStyles();
63
- state.root.className = mergeClasses(styles.root, state.bordered && styles.rootBordered, state.circular && styles.rootCircular, state.rounded && styles.rootRounded, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.fluid && styles.rootFluid, state.root.className);
65
+ state.root.className = mergeClasses(styles.root, state.bordered && styles.rootBordered, state.circular && styles.rootCircular, state.rounded && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.fluid && styles.rootFluid, state.root.className);
64
66
  };
65
67
  //# sourceMappingURL=useImageStyles.js.map
package/lib/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAgDA,OAAO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFQ,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,WAJS,EAKjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WALE,EAMjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aANA,EAOjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YAPC,EAQjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cARD,EASjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SATW,EAUjC,KAAK,CAAC,IAAN,CAAW,SAVsB,CAAnC;AAYD,CAdM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFQ,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,WAJS,EAKjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UALU,EAMjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WANE,EAOjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aAPA,EAQjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YARC,EASjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cATD,EAUjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAVW,EAWjC,KAAK,CAAC,IAAN,CAAW,SAXsB,CAAnC;AAaD,CAfM","sourceRoot":""}
package/lib-commonjs/components/Image/Image.types.d.ts CHANGED
@@ -23,6 +23,10 @@ export declare type ImageCommons = {
23
23
  * An image can appear rounded.
24
24
  */
25
25
  rounded?: boolean;
26
+ /**
27
+ * An image can appear elevated with shadow.
28
+ */
29
+ shadow?: boolean;
26
30
  };
27
31
  export declare type ImageProps = ComponentProps<ImageSlots> & Partial<ImageCommons>;
28
32
  export declare type ImageState = ComponentState<ImageSlots> & ImageCommons;
package/lib-commonjs/components/Image/useImage.js CHANGED
@@ -19,13 +19,15 @@ var useImage = function (props, ref) {
19
19
  fit = props.fit,
20
20
  fluid = props.fluid,
21
21
  circular = props.circular,
22
- rounded = props.rounded;
22
+ rounded = props.rounded,
23
+ shadow = props.shadow;
23
24
  var state = {
24
25
  bordered: bordered,
25
26
  fit: fit,
26
27
  fluid: fluid,
27
28
  circular: circular,
28
29
  rounded: rounded,
30
+ shadow: shadow,
29
31
  components: {
30
32
  root: 'img'
31
33
  },
package/lib-commonjs/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAAoC,KAAK,CAAzC,QAAR;AAAA,MAAU,GAAG,GAA+B,KAAK,CAApC,GAAb;AAAA,MAAe,KAAK,GAAwB,KAAK,CAA7B,KAApB;AAAA,MAAsB,QAAQ,GAAc,KAAK,CAAnB,QAA9B;AAAA,MAAgC,OAAO,GAAK,KAAK,CAAV,OAAvC;AACR,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,QAAQ,EAAA,QAJgB;AAKxB,IAAA,OAAO,EAAA,OALiB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAlBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAA4C,KAAK,CAAjD,QAAR;AAAA,MAAU,GAAG,GAAuC,KAAK,CAA5C,GAAb;AAAA,MAAe,KAAK,GAAgC,KAAK,CAArC,KAApB;AAAA,MAAsB,QAAQ,GAAsB,KAAK,CAA3B,QAA9B;AAAA,MAAgC,OAAO,GAAa,KAAK,CAAlB,OAAvC;AAAA,MAAyC,MAAM,GAAK,KAAK,CAAV,MAA/C;AACR,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,QAAQ,EAAA,QAJgB;AAKxB,IAAA,OAAO,EAAA,OALiB;AAMxB,IAAA,MAAM,EAAA,MANkB;AAOxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAPY;AAUxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B;AAVkB,GAA1B;AAgBA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
package/lib-commonjs/components/Image/useImageStyles.js CHANGED
@@ -14,7 +14,6 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
14
14
  "B9xav0g": "fbm5ngu",
15
15
  "zhjwy3": ["f1dqgpma", "fmej1xs"],
16
16
  "Dimara": "fyoio89",
17
- "E5pizo": ["f1eroye8", "f1m1elsp"],
18
17
  "B7ck84d": "f1ewtqcl",
19
18
  "mc9l5x": "f14t3ns0"
20
19
  },
@@ -34,6 +33,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
34
33
  "rootRounded": {
35
34
  "Dimara": "fnpfh4l"
36
35
  },
36
+ "rootShadow": {
37
+ "E5pizo": ["f1eroye8", "f1m1elsp"]
38
+ },
37
39
  "rootFitNone": {
38
40
  "st4lth": "f1plgu50",
39
41
  "Ermj5k": ["f13uwng7", "fjmyj0p"],
@@ -62,12 +64,12 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
62
64
  "a9b677": "fly5x3f"
63
65
  }
64
66
  }, {
65
- "d": [".fnxce6y{border-top-color:var(--alias-color-neutral-neutralStroke1);}", ".fmej1xs{border-right-color:var(--alias-color-neutral-neutralStroke1);}", ".f1dqgpma{border-left-color:var(--alias-color-neutral-neutralStroke1);}", ".fbm5ngu{border-bottom-color:var(--alias-color-neutral-neutralStroke1);}", ".fyoio89{border-radius:var(--global-borderRadius-none);}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".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;}", ".f1hanlw2{border-top-width:var(--global-strokeWidth-thin);}", ".fkst1ot{border-right-width:var(--global-strokeWidth-thin);}", ".ftvv60i{border-left-width:var(--global-strokeWidth-thin);}", ".fm975v3{border-bottom-width:var(--global-strokeWidth-thin);}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
67
+ "d": [".fnxce6y{border-top-color:var(--alias-color-neutral-neutralStroke1);}", ".fmej1xs{border-right-color:var(--alias-color-neutral-neutralStroke1);}", ".f1dqgpma{border-left-color:var(--alias-color-neutral-neutralStroke1);}", ".fbm5ngu{border-bottom-color:var(--alias-color-neutral-neutralStroke1);}", ".fyoio89{border-radius:var(--global-borderRadius-none);}", ".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;}", ".f1hanlw2{border-top-width:var(--global-strokeWidth-thin);}", ".fkst1ot{border-right-width:var(--global-strokeWidth-thin);}", ".ftvv60i{border-left-width:var(--global-strokeWidth-thin);}", ".fm975v3{border-bottom-width:var(--global-strokeWidth-thin);}", ".f1ytn4vn{border-radius:var(--global-borderRadius-circular);}", ".fnpfh4l{border-radius:var(--global-borderRadius-medium);}", ".f1eroye8{box-shadow:var(--alias-shadow-shadow4);}", ".f1m1elsp{box-shadow:var(--alias-shadow-shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
66
68
  });
67
69
 
68
70
  var useImageStyles = function (state) {
69
71
  var styles = useStyles();
70
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.circular && styles.rootCircular, state.rounded && styles.rootRounded, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.fluid && styles.rootFluid, state.root.className);
72
+ state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.circular && styles.rootCircular, state.rounded && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.fluid && styles.rootFluid, state.root.className);
71
73
  };
72
74
 
73
75
  exports.useImageStyles = useImageStyles;
package/lib-commonjs/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAgDO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFJ,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,WAJH,EAKrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WALV,EAMrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aANZ,EAOrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YAPX,EAQrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cARb,EASrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SATD,EAUrB,KAAK,CAAC,IAAN,CAAW,SAVU,CAAvB;AAYD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFJ,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,WAJH,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UALF,EAMrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WANV,EAOrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aAPZ,EAQrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YARX,EASrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cATb,EAUrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAVD,EAWrB,KAAK,CAAC,IAAN,CAAW,SAXU,CAAvB;AAaD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-image",
3
- "version": "9.0.0-alpha.83",
3
+ "version": "9.0.0-alpha.84",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -25,11 +25,11 @@
25
25
  "storybook": "start-storybook"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-alpha.53",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.54",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.46",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.47",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.15",
32
+ "@fluentui/react-conformance-make-styles": "9.0.0-alpha.16",
33
33
  "@fluentui/scripts": "^1.0.0",
34
34
  "@types/enzyme": "3.10.3",
35
35
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,8 +44,8 @@
44
44
  "react-test-renderer": "^16.3.0"
45
45
  },
46
46
  "dependencies": {
47
- "@fluentui/react-make-styles": "9.0.0-alpha.71",
48
- "@fluentui/react-utilities": "9.0.0-alpha.51",
47
+ "@fluentui/react-make-styles": "9.0.0-alpha.72",
48
+ "@fluentui/react-utilities": "9.0.0-alpha.52",
49
49
  "tslib": "^2.1.0"
50
50
  },
51
51
  "peerDependencies": {