@fluentui/react-image 0.0.0-nightlybc5ff01fb020211104.1 → 0.0.0-nightlyc9ccb6f37d20211122.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.json CHANGED
@@ -2,17 +2,73 @@
2
2
  "name": "@fluentui/react-image",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 04 Nov 2021 04:20:33 GMT",
6
- "tag": "@fluentui/react-image_v0.0.0-nightlybc5ff01fb020211104.1",
7
- "version": "0.0.0-nightlybc5ff01fb020211104.1",
5
+ "date": "Mon, 22 Nov 2021 04:15:07 GMT",
6
+ "tag": "@fluentui/react-image_v0.0.0-nightlyc9ccb6f37d20211122.1",
7
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-image",
13
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d",
13
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-image",
19
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
20
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-image",
25
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1",
26
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-image",
31
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
32
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-image",
37
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
38
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-image",
43
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1",
44
+ "commit": "485cdebc9d90401363f72f87d647689444cdaba4"
45
+ }
46
+ ],
47
+ "none": [
48
+ {
49
+ "author": "tkrasniqi@microsoft.com",
50
+ "package": "@fluentui/react-image",
51
+ "commit": "01111bb9f10ad2bbe10902a48d15dce2e9cc4264",
52
+ "comment": {
53
+ "title": "",
54
+ "value": ""
55
+ }
56
+ }
57
+ ]
58
+ }
59
+ },
60
+ {
61
+ "date": "Fri, 12 Nov 2021 13:25:24 GMT",
62
+ "tag": "@fluentui/react-image_v9.0.0-beta.3",
63
+ "version": "9.0.0-beta.3",
64
+ "comments": {
65
+ "prerelease": [
66
+ {
67
+ "author": "olfedias@microsoft.com",
68
+ "package": "@fluentui/react-image",
69
+ "commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
70
+ "comment": "export static classes for components"
71
+ },
16
72
  {
17
73
  "author": "gcox@microsoft.com",
18
74
  "package": "@fluentui/react-image",
@@ -28,32 +84,32 @@
28
84
  {
29
85
  "author": "beachball",
30
86
  "package": "@fluentui/react-image",
31
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlybc5ff01fb020211104.1",
32
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
87
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
88
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
33
89
  },
34
90
  {
35
91
  "author": "beachball",
36
92
  "package": "@fluentui/react-image",
37
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1",
38
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
93
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
94
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
95
  },
40
96
  {
41
97
  "author": "beachball",
42
98
  "package": "@fluentui/react-image",
43
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlybc5ff01fb020211104.1",
44
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
99
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
100
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
101
  },
46
102
  {
47
103
  "author": "beachball",
48
104
  "package": "@fluentui/react-image",
49
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybc5ff01fb020211104.1",
50
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
105
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
106
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
107
  },
52
108
  {
53
109
  "author": "beachball",
54
110
  "package": "@fluentui/react-image",
55
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybc5ff01fb020211104.1",
56
- "commit": "112d5b8815c25532184ed7c1407ba9a777e2f48d"
111
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
112
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
57
113
  }
58
114
  ],
59
115
  "none": [
@@ -62,6 +118,12 @@
62
118
  "package": "@fluentui/react-image",
63
119
  "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
64
120
  "comment": "update docs descriptions"
121
+ },
122
+ {
123
+ "author": "lingfangao@hotmail.com",
124
+ "package": "@fluentui/react-image",
125
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
126
+ "comment": "Remove beta release tag"
65
127
  }
66
128
  ]
67
129
  }
package/CHANGELOG.md CHANGED
@@ -1,24 +1,38 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Thu, 04 Nov 2021 04:20:33 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 22 Nov 2021 04:15:07 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlybc5ff01fb020211104.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightlybc5ff01fb020211104.1)
7
+ ## [0.0.0-nightlyc9ccb6f37d20211122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightlyc9ccb6f37d20211122.1)
8
8
 
9
- Thu, 04 Nov 2021 04:20:33 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v0.0.0-nightlybc5ff01fb020211104.1)
9
+ Mon, 22 Nov 2021 04:15:07 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.3..@fluentui/react-image_v0.0.0-nightlyc9ccb6f37d20211122.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by email not defined)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by email not defined)
15
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
16
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
17
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
18
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
19
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyc9ccb6f37d20211122.1 ([commit](https://github.com/microsoft/fluentui/commit/485cdebc9d90401363f72f87d647689444cdaba4) by beachball)
20
+
21
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.3)
22
+
23
+ Fri, 12 Nov 2021 13:25:24 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v9.0.0-beta.3)
25
+
26
+ ### Changes
27
+
28
+ - export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
15
29
  - Updated Image stories with codesandbox export comments ([PR #20369](https://github.com/microsoft/fluentui/pull/20369) by gcox@microsoft.com)
16
30
  - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
17
- - Bump @fluentui/react-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
18
- - Bump @fluentui/react-utilities to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
19
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
20
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
21
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlybc5ff01fb020211104.1 ([commit](https://github.com/microsoft/fluentui/commit/112d5b8815c25532184ed7c1407ba9a777e2f48d) by beachball)
31
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
32
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
33
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
34
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
35
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
22
36
 
23
37
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.2)
24
38
 
@@ -10,6 +10,8 @@ import * as React_2 from 'react';
10
10
  declare const Image_2: ForwardRefComponent<ImageProps>;
11
11
  export { Image_2 as Image }
12
12
 
13
+ export declare const imageClassName = "fui-Image";
14
+
13
15
  export declare type ImageCommons = {
14
16
  /**
15
17
  * An image can appear with rectangular border.
@@ -1,2 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
+ export declare const imageClassName = "fui-Image";
2
3
  export declare const useImageStyles: (state: ImageState) => void;
@@ -1,4 +1,5 @@
1
1
  import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
+ export const imageClassName = 'fui-Image';
2
3
 
3
4
  const useStyles = /*#__PURE__*/__styles({
4
5
  "root": {
@@ -27,7 +28,7 @@ const useStyles = /*#__PURE__*/__styles({
27
28
  "Dimara": "ft85np5"
28
29
  },
29
30
  "rootShadow": {
30
- "E5pizo": ["f1whvlc6", "fzb35q0"]
31
+ "E5pizo": "f1whvlc6"
31
32
  },
32
33
  "rootFitNone": {
33
34
  "st4lth": "f1plgu50",
@@ -57,11 +58,11 @@ const useStyles = /*#__PURE__*/__styles({
57
58
  "a9b677": "fly5x3f"
58
59
  }
59
60
  }, {
60
- "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);}", ".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);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--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;}"]
61
+ "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);}", ".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);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".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;}"]
61
62
  });
62
63
 
63
64
  export const useImageStyles = state => {
64
65
  const styles = useStyles();
65
- state.root.className = mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === '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.block && styles.rootBlock, state.root.className);
66
+ state.root.className = mergeClasses(imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === '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.block && styles.rootBlock, state.root.className);
66
67
  };
67
68
  //# sourceMappingURL=useImageStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,MAAM,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,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,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,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAHJ,EAIjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WAJH,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":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,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,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJJ,EAKjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALH,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANU,EAOjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPE,EAQjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARA,EASjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATC,EAUjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVD,EAWjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXW,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAcD,CAhBM","sourceRoot":""}
@@ -1,2 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
+ export declare const imageClassName = "fui-Image";
2
3
  export declare const useImageStyles: (state: ImageState) => void;
@@ -3,10 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useImageStyles = void 0;
6
+ exports.useImageStyles = exports.imageClassName = void 0;
7
7
 
8
8
  const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
+ exports.imageClassName = 'fui-Image';
11
+
10
12
  const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
11
13
  "root": {
12
14
  "g2u3we": "fj3muxo",
@@ -34,7 +36,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
34
36
  "Dimara": "ft85np5"
35
37
  },
36
38
  "rootShadow": {
37
- "E5pizo": ["f1whvlc6", "fzb35q0"]
39
+ "E5pizo": "f1whvlc6"
38
40
  },
39
41
  "rootFitNone": {
40
42
  "st4lth": "f1plgu50",
@@ -64,12 +66,12 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
64
66
  "a9b677": "fly5x3f"
65
67
  }
66
68
  }, {
67
- "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);}", ".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);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--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;}"]
69
+ "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);}", ".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);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".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;}"]
68
70
  });
69
71
 
70
72
  const useImageStyles = state => {
71
73
  const styles = useStyles();
72
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === '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.block && styles.rootBlock, state.root.className);
74
+ state.root.className = react_make_styles_1.mergeClasses(exports.imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === '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.block && styles.rootBlock, state.root.className);
73
75
  };
74
76
 
75
77
  exports.useImageStyles = useImageStyles;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAM,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,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,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,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAHhB,EAIrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WAJf,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":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;;AAEb,MAAM,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,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJhB,EAKrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALf,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANF,EAOrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPV,EAQrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARZ,EASrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATX,EAUrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVb,EAWrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXD,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAcD,CAhBM;;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": "0.0.0-nightlybc5ff01fb020211104.1",
3
+ "version": "0.0.0-nightlyc9ccb6f37d20211122.1",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -21,15 +21,16 @@
21
21
  "start": "yarn storybook",
22
22
  "test": "jest",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-image/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-image/src && yarn docs",
25
+ "storybook": "start-storybook",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
29
30
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
31
32
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
33
34
  "@fluentui/scripts": "^1.0.0",
34
35
  "@types/enzyme": "3.10.3",
35
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,8 +45,8 @@
44
45
  "react-test-renderer": "^16.3.0"
45
46
  },
46
47
  "dependencies": {
47
- "@fluentui/react-make-styles": "0.0.0-nightlybc5ff01fb020211104.1",
48
- "@fluentui/react-utilities": "0.0.0-nightlybc5ff01fb020211104.1",
48
+ "@fluentui/react-make-styles": "0.0.0-nightlyc9ccb6f37d20211122.1",
49
+ "@fluentui/react-utilities": "0.0.0-nightlyc9ccb6f37d20211122.1",
49
50
  "tslib": "^2.1.0"
50
51
  },
51
52
  "peerDependencies": {
@@ -55,7 +56,6 @@
55
56
  "react-dom": ">=16.8.0 <18.0.0"
56
57
  },
57
58
  "beachball": {
58
- "tag": "beta",
59
59
  "disallowedChangeTypes": [
60
60
  "major",
61
61
  "minor",
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,13 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- const defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- disabledTests: ['has-docblock'],
8
- extraTests: makeStylesTests,
9
- skipAsPropTests: true
10
- };
11
- baseIsConformant(defaultOptions, testInfo);
12
- }
13
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- const defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- disabledTests: ['has-docblock'],
17
- extraTests: react_conformance_make_styles_1.default,
18
- skipAsPropTests: true
19
- };
20
- react_conformance_1.isConformant(defaultOptions, testInfo);
21
- }
22
-
23
- exports.isConformant = isConformant;
24
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}