@fluentui/react-card 0.0.0-nightlyd514b3e0ee20220121.1 → 0.0.0-nightlyd80c90385320220216.1

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.d.ts

@@ -3,4 +3,4 @@ export declare const cardPreviewClassName = "fui-CardPreview";
 /**
  * Apply styling to the CardPreview slots based on the state
  */
-export declare const useCardPreviewStyles: (state: CardPreviewState) => CardPreviewState;
+export declare const useCardPreviewStyles_unstable: (state: CardPreviewState) => CardPreviewState;

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js

@@ -3,22 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useCardPreviewStyles = exports.cardPreviewClassName = void 0;
+exports.useCardPreviewStyles_unstable = exports.cardPreviewClassName = void 0;
 
-const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
+const react_1 = /*#__PURE__*/require("@griffel/react");
 
 exports.cardPreviewClassName = 'fui-CardPreview';
 /**
  * Styles for the root slot
  */
 
-const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
+const useStyles = /*#__PURE__*/react_1.__styles({
   "root": {
     "qhf8xq": "f10pi13n",
-    "B6of3ja": "f1hu3pq6",
-    "t21cq0": ["f8nhgx1", "f16yxz7i"],
-    "jrapky": "f19f4twv",
-    "Frg6f3": ["f16yxz7i", "f8nhgx1"],
     "Bb0eobv": "floiv14",
     "m1g0b5": "f1r7p6p5"
   },
@@ -30,23 +26,23 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
     "Bqenvij": "f1d2rq10"
   }
 }, {
-  "d": [".f10pi13n{position:relative;}", ".f1hu3pq6{margin-top:0;}", ".f8nhgx1{margin-right:-12px;}", ".f16yxz7i{margin-left:-12px;}", ".f19f4twv{margin-bottom:0;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
+  "d": [".f10pi13n{position:relative;}", ".floiv14>*{display:block;}", ".f1r7p6p5>*{width:100%;}", ".f1euv43f{position:absolute;}", ".f1gcvs1y{bottom:12px;}", ".f1t6tvco{left:12px;}", ".ffrfxm3{right:12px;}", ".f1szoe96{width:32px;}", ".f1d2rq10{height:32px;}"]
 });
 /**
  * Apply styling to the CardPreview slots based on the state
  */
 
 
-const useCardPreviewStyles = state => {
+const useCardPreviewStyles_unstable = state => {
   const styles = useStyles();
-  state.root.className = react_make_styles_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
+  state.root.className = react_1.mergeClasses(exports.cardPreviewClassName, styles.root, state.root.className);
 
   if (state.logo) {
-    state.logo.className = react_make_styles_1.mergeClasses(styles.logo, state.logo.className);
+    state.logo.className = react_1.mergeClasses(styles.logo, state.logo.className);
   }
 
   return state;
 };
 
-exports.useCardPreviewStyles = useCardPreviewStyles;
+exports.useCardPreviewStyles_unstable = useCardPreviewStyles_unstable;
 //# sourceMappingURL=useCardPreviewStyles.js.map

package/lib-commonjs/components/CardPreview/useCardPreviewStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAqBA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA8C;AAChF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
+{"version":3,"sources":["../../../src/components/CardPreview/useCardPreviewStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAmBA;;AAEG;;;AACI,MAAM,6BAA6B,GAAI,KAAD,IAA8C;AACzF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,OAAA,CAAA,oBAAb,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;;AAEA,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CATM;;AAAM,OAAA,CAAA,6BAAA,GAA6B,6BAA7B","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "0.0.0-nightlyd514b3e0ee20220121.1",
+  "version": "0.0.0-nightlyd80c90385320220216.1",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -27,14 +27,12 @@
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightlyd80c90385320220216.1",
     "@fluentui/scripts": "^1.0.0",
-    "@fluentui/react-text": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-button": "0.0.0-nightlyd514b3e0ee20220121.1",
+    "@fluentui/react-text": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-button": "0.0.0-nightlyd80c90385320220216.1",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
     "@types/react": "16.9.42",
@@ -47,9 +45,9 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyd514b3e0ee20220121.1",
-    "@fluentui/react-tabster": "0.0.0-nightlyd514b3e0ee20220121.1",
+    "@griffel/react": "1.0.0",
+    "@fluentui/react-utilities": "0.0.0-nightlyd80c90385320220216.1",
+    "@fluentui/react-tabster": "0.0.0-nightlyd80c90385320220216.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {