@fluentui/react-text 0.0.0-nightlyb8537fb52c20211129.1 → 0.0.0-nightlyb8663b78ad20220207.1

package/lib-commonjs/typographyStyles/typographyStyles.js

@@ -4,88 +4,65 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.display = exports.largeTitle = exports.title1 = exports.title2 = exports.title3 = exports.headline = exports.subheadline = exports.body = exports.caption = void 0;
+
+const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
 /**
  * Make-styles rules for the typography variants
  */
 
-const caption = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeBase200,
-  lineHeight: theme.lineHeightBase200,
-  fontWeight: theme.fontWeightRegular
-});
-
-exports.caption = caption;
-
-const body = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeBase300,
-  lineHeight: theme.lineHeightBase300,
-  fontWeight: theme.fontWeightRegular
-});
-
-exports.body = body;
-
-const subheadline = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeBase400,
-  lineHeight: theme.lineHeightBase400,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.subheadline = subheadline;
-
-const headline = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeBase500,
-  lineHeight: theme.lineHeightBase500,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.headline = headline;
-
-const title3 = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeBase600,
-  lineHeight: theme.lineHeightBase600,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.title3 = title3;
-
-const title2 = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeHero700,
-  lineHeight: theme.lineHeightHero700,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.title2 = title2;
-
-const title1 = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeHero800,
-  lineHeight: theme.lineHeightHero800,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.title1 = title1;
-
-const largeTitle = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeHero900,
-  lineHeight: theme.lineHeightHero900,
-  fontWeight: theme.fontWeightSemibold
-});
-
-exports.largeTitle = largeTitle;
-
-const display = theme => ({
-  fontFamily: theme.fontFamilyBase,
-  fontSize: theme.fontSizeHero1000,
-  lineHeight: theme.lineHeightHero1000,
-  fontWeight: theme.fontWeightSemibold
-});
 
-exports.display = display;
+exports.caption = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeBase200,
+  lineHeight: react_theme_1.tokens.lineHeightBase200,
+  fontWeight: react_theme_1.tokens.fontWeightRegular
+};
+exports.body = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeBase300,
+  lineHeight: react_theme_1.tokens.lineHeightBase300,
+  fontWeight: react_theme_1.tokens.fontWeightRegular
+};
+exports.subheadline = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeBase400,
+  lineHeight: react_theme_1.tokens.lineHeightBase400,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.headline = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeBase500,
+  lineHeight: react_theme_1.tokens.lineHeightBase500,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.title3 = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeBase600,
+  lineHeight: react_theme_1.tokens.lineHeightBase600,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.title2 = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeHero700,
+  lineHeight: react_theme_1.tokens.lineHeightHero700,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.title1 = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeHero800,
+  lineHeight: react_theme_1.tokens.lineHeightHero800,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.largeTitle = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeHero900,
+  lineHeight: react_theme_1.tokens.lineHeightHero900,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
+exports.display = {
+  fontFamily: react_theme_1.tokens.fontFamilyBase,
+  fontSize: react_theme_1.tokens.fontSizeHero1000,
+  lineHeight: react_theme_1.tokens.lineHeightHero1000,
+  fontWeight: react_theme_1.tokens.fontWeightSemibold
+};
 //# sourceMappingURL=typographyStyles.js.map

package/lib-commonjs/typographyStyles/typographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
+{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-text",
-  "version": "0.0.0-nightlyb8537fb52c20211129.1",
+  "version": "0.0.0-nightlyb8663b78ad20220207.1",
   "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,18 +19,16 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "start": "yarn storybook",
-    "test": "jest",
+    "test": "jest --passWithNoTests",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
     "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
-    "storybook": "start-storybook",
+    "storybook": "node ../../scripts/storybook/runner",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/babel-make-styles": "0.0.0-nightlyb8537fb52c20211129.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/jest-serializer-make-styles": "0.0.0-nightlyb8537fb52c20211129.1",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-make-styles": "0.0.0-nightlyb8537fb52c20211129.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightlyb8663b78ad20220207.1",
     "@fluentui/scripts": "^1.0.0",
     "@types/enzyme": "3.10.3",
     "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,8 +42,8 @@
     "react-test-renderer": "^16.3.0"
   },
   "dependencies": {
-    "@fluentui/react-make-styles": "0.0.0-nightlyb8537fb52c20211129.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyb8537fb52c20211129.0",
+    "@griffel/react": "1.0.0",
+    "@fluentui/react-utilities": "0.0.0-nightlyb8663b78ad20220207.1",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {