@fluentui/react-text 0.0.0-nightly-20220519-0420.1 → 0.0.0-nightly-20220530-0421.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.
Files changed (127) hide show
  1. package/CHANGELOG.json +77 -9
  2. package/CHANGELOG.md +30 -7
  3. package/README.md +4 -4
  4. package/dist/index.d.ts +37 -81
  5. package/lib/Body1.js +2 -0
  6. package/lib/Body1.js.map +1 -0
  7. package/lib/Caption1.js +2 -0
  8. package/lib/Caption1.js.map +1 -0
  9. package/lib/Caption2.js +2 -0
  10. package/lib/Caption2.js.map +1 -0
  11. package/lib/Subtitle1.js +2 -0
  12. package/lib/Subtitle1.js.map +1 -0
  13. package/lib/Subtitle2.js +2 -0
  14. package/lib/Subtitle2.js.map +1 -0
  15. package/lib/components/{Body/Body.js → Body1/Body1.js} +7 -12
  16. package/lib/components/Body1/Body1.js.map +1 -0
  17. package/lib/components/Body1/index.js +2 -0
  18. package/lib/components/Body1/index.js.map +1 -0
  19. package/lib/components/{Caption/Caption.js → Caption1/Caption1.js} +7 -12
  20. package/lib/components/Caption1/Caption1.js.map +1 -0
  21. package/lib/components/Caption1/index.js +2 -0
  22. package/lib/components/Caption1/index.js.map +1 -0
  23. package/lib/components/Caption2/Caption2.js +31 -0
  24. package/lib/components/Caption2/Caption2.js.map +1 -0
  25. package/lib/components/Caption2/index.js +2 -0
  26. package/lib/components/Caption2/index.js.map +1 -0
  27. package/lib/components/Display/Display.js +0 -5
  28. package/lib/components/Display/Display.js.map +1 -1
  29. package/lib/components/LargeTitle/LargeTitle.js +0 -5
  30. package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
  31. package/lib/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +7 -12
  32. package/lib/components/Subtitle1/Subtitle1.js.map +1 -0
  33. package/lib/components/Subtitle1/index.js +2 -0
  34. package/lib/components/Subtitle1/index.js.map +1 -0
  35. package/lib/components/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +7 -12
  36. package/lib/components/Subtitle2/Subtitle2.js.map +1 -0
  37. package/lib/components/Subtitle2/index.js +2 -0
  38. package/lib/components/Subtitle2/index.js.map +1 -0
  39. package/lib/components/Text/Text.types.js.map +1 -1
  40. package/lib/components/Text/useTextStyles.js +0 -5
  41. package/lib/components/Text/useTextStyles.js.map +1 -1
  42. package/lib/components/Title1/Title1.js +0 -5
  43. package/lib/components/Title1/Title1.js.map +1 -1
  44. package/lib/components/Title2/Title2.js +0 -5
  45. package/lib/components/Title2/Title2.js.map +1 -1
  46. package/lib/components/Title3/Title3.js +0 -5
  47. package/lib/components/Title3/Title3.js.map +1 -1
  48. package/lib/index.js +11 -11
  49. package/lib/index.js.map +1 -1
  50. package/lib-commonjs/{Body.js → Body1.js} +2 -2
  51. package/lib-commonjs/Body1.js.map +1 -0
  52. package/lib-commonjs/{Headline.js → Caption1.js} +2 -2
  53. package/lib-commonjs/Caption1.js.map +1 -0
  54. package/lib-commonjs/{Caption.js → Caption2.js} +2 -2
  55. package/lib-commonjs/Caption2.js.map +1 -0
  56. package/lib-commonjs/Subtitle1.js +10 -0
  57. package/lib-commonjs/Subtitle1.js.map +1 -0
  58. package/lib-commonjs/Subtitle2.js +10 -0
  59. package/lib-commonjs/Subtitle2.js.map +1 -0
  60. package/lib-commonjs/components/{Body/Body.js → Body1/Body1.js} +8 -13
  61. package/lib-commonjs/components/Body1/Body1.js.map +1 -0
  62. package/lib-commonjs/components/{Body → Body1}/index.js +1 -1
  63. package/lib-commonjs/components/Body1/index.js.map +1 -0
  64. package/lib-commonjs/components/{Caption/Caption.js → Caption1/Caption1.js} +8 -13
  65. package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
  66. package/lib-commonjs/components/{Caption → Caption1}/index.js +1 -1
  67. package/lib-commonjs/components/Caption1/index.js.map +1 -0
  68. package/lib-commonjs/components/Caption2/Caption2.js +41 -0
  69. package/lib-commonjs/components/Caption2/Caption2.js.map +1 -0
  70. package/lib-commonjs/components/{Headline → Caption2}/index.js +1 -1
  71. package/lib-commonjs/components/Caption2/index.js.map +1 -0
  72. package/lib-commonjs/components/Display/Display.js +1 -6
  73. package/lib-commonjs/components/Display/Display.js.map +1 -1
  74. package/lib-commonjs/components/LargeTitle/LargeTitle.js +1 -6
  75. package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
  76. package/lib-commonjs/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +8 -13
  77. package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -0
  78. package/lib-commonjs/components/{Subheadline → Subtitle1}/index.js +1 -1
  79. package/lib-commonjs/components/Subtitle1/index.js.map +1 -0
  80. package/lib-commonjs/components/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +8 -13
  81. package/lib-commonjs/components/Subtitle2/Subtitle2.js.map +1 -0
  82. package/lib-commonjs/components/Subtitle2/index.js +10 -0
  83. package/lib-commonjs/components/Subtitle2/index.js.map +1 -0
  84. package/lib-commonjs/components/Text/useTextStyles.js +1 -6
  85. package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
  86. package/lib-commonjs/components/Title1/Title1.js +1 -6
  87. package/lib-commonjs/components/Title1/Title1.js.map +1 -1
  88. package/lib-commonjs/components/Title2/Title2.js +1 -6
  89. package/lib-commonjs/components/Title2/Title2.js.map +1 -1
  90. package/lib-commonjs/components/Title3/Title3.js +1 -6
  91. package/lib-commonjs/components/Title3/Title3.js.map +1 -1
  92. package/lib-commonjs/index.js +30 -76
  93. package/lib-commonjs/index.js.map +1 -1
  94. package/package.json +5 -5
  95. package/lib/Body.js +0 -2
  96. package/lib/Body.js.map +0 -1
  97. package/lib/Caption.js +0 -2
  98. package/lib/Caption.js.map +0 -1
  99. package/lib/Headline.js +0 -2
  100. package/lib/Headline.js.map +0 -1
  101. package/lib/Subheadline.js +0 -2
  102. package/lib/Subheadline.js.map +0 -1
  103. package/lib/components/Body/Body.js.map +0 -1
  104. package/lib/components/Body/index.js +0 -2
  105. package/lib/components/Body/index.js.map +0 -1
  106. package/lib/components/Caption/Caption.js.map +0 -1
  107. package/lib/components/Caption/index.js +0 -2
  108. package/lib/components/Caption/index.js.map +0 -1
  109. package/lib/components/Headline/Headline.js.map +0 -1
  110. package/lib/components/Headline/index.js +0 -2
  111. package/lib/components/Headline/index.js.map +0 -1
  112. package/lib/components/Subheadline/Subheadline.js.map +0 -1
  113. package/lib/components/Subheadline/index.js +0 -2
  114. package/lib/components/Subheadline/index.js.map +0 -1
  115. package/lib-commonjs/Body.js.map +0 -1
  116. package/lib-commonjs/Caption.js.map +0 -1
  117. package/lib-commonjs/Headline.js.map +0 -1
  118. package/lib-commonjs/Subheadline.js +0 -10
  119. package/lib-commonjs/Subheadline.js.map +0 -1
  120. package/lib-commonjs/components/Body/Body.js.map +0 -1
  121. package/lib-commonjs/components/Body/index.js.map +0 -1
  122. package/lib-commonjs/components/Caption/Caption.js.map +0 -1
  123. package/lib-commonjs/components/Caption/index.js.map +0 -1
  124. package/lib-commonjs/components/Headline/Headline.js.map +0 -1
  125. package/lib-commonjs/components/Headline/index.js.map +0 -1
  126. package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
  127. package/lib-commonjs/components/Subheadline/index.js.map +0 -1
@@ -3,21 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Headline = exports.headlineClassNames = exports.headlineClassName = void 0;
6
+ exports.Subtitle1 = exports.subtitle1ClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
- /**
14
- * @deprecated Use `headlineClassNames.root` instead.
15
- */
16
-
17
13
 
18
- exports.headlineClassName = 'fui-Headline';
19
- exports.headlineClassNames = {
20
- root: 'fui-Headline'
14
+ exports.subtitle1ClassNames = {
15
+ root: 'fui-Subtitle1'
21
16
  };
22
17
  /**
23
18
  * Styles for the root slot
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
34
29
  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
35
30
  });
36
31
  /**
37
- * Text wrapper component for the Headline typography variant
32
+ * Text wrapper component for the Subtitle1 typography variant
38
33
  */
39
34
 
40
35
 
41
- exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
36
+ exports.Subtitle1 = /*#__PURE__*/wrapper_1.createWrapper({
42
37
  useStyles,
43
- className: exports.headlineClassNames.root,
44
- displayName: 'Headline'
38
+ className: exports.subtitle1ClassNames.root,
39
+ displayName: 'Subtitle1'
45
40
  });
46
- //# sourceMappingURL=Headline.js.map
41
+ //# sourceMappingURL=Subtitle1.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle1/Subtitle1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAiD;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAjD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,SAAA,CAAA,aAAA,CAAc;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAAA,CAAoB,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAd,CAAjD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"],"sourceRoot":"../src/"}
@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", {
6
6
 
7
7
  const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
- tslib_1.__exportStar(require("./Subheadline"), exports);
9
+ tslib_1.__exportStar(require("./Subtitle1"), exports);
10
10
  //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Subtitle1';\n"],"sourceRoot":"../src/"}
@@ -3,21 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Subheadline = exports.subheadlineClassNames = exports.subheadlineClassName = void 0;
6
+ exports.Subtitle2 = exports.subtitle2ClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
- /**
14
- * @deprecated Use `subheadlineClassNames.root` instead.
15
- */
16
-
17
13
 
18
- exports.subheadlineClassName = 'fui-Subheadline';
19
- exports.subheadlineClassNames = {
20
- root: 'fui-Subheadline'
14
+ exports.subtitle2ClassNames = {
15
+ root: 'fui-Subtitle2'
21
16
  };
22
17
  /**
23
18
  * Styles for the root slot
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
34
29
  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
35
30
  });
36
31
  /**
37
- * Text wrapper component for the Subheadline typography variant
32
+ * Text wrapper component for the Subtitle2 typography variant
38
33
  */
39
34
 
40
35
 
41
- exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
36
+ exports.Subtitle2 = /*#__PURE__*/wrapper_1.createWrapper({
42
37
  useStyles,
43
- className: exports.subheadlineClassNames.root,
44
- displayName: 'Subheadline'
38
+ className: exports.subtitle2ClassNames.root,
39
+ displayName: 'Subtitle2'
45
40
  });
46
- //# sourceMappingURL=Subheadline.js.map
41
+ //# sourceMappingURL=Subtitle2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle2/Subtitle2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAiD;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAjD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,SAAA,CAAA,aAAA,CAAc;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAAA,CAAoB,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAd,CAAjD","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"],"sourceRoot":"../src/"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
+
9
+ tslib_1.__exportStar(require("./Subtitle2"), exports);
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["components/Subtitle2/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Subtitle2';\n"],"sourceRoot":"../src/"}
@@ -3,17 +3,12 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useTextStyles_unstable = exports.textClassNames = exports.textClassName = void 0;
6
+ exports.useTextStyles_unstable = exports.textClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
11
- /**
12
- * @deprecated Use `textClassNames.root` instead.
13
- */
14
-
15
11
 
16
- exports.textClassName = 'fui-Text';
17
12
  exports.textClassNames = {
18
13
  root: 'fui-Text'
19
14
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\n/**\n * @deprecated Use `textClassNames.root` instead.\n */\nexport const textClassName = 'fui-Text';\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden'),\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden'),\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
@@ -3,19 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title1 = exports.title1ClassNames = exports.title1ClassName = void 0;
6
+ exports.Title1 = exports.title1ClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
- /**
14
- * @deprecated Use `title1ClassNames.root` instead.
15
- */
16
-
17
13
 
18
- exports.title1ClassName = 'fui-Title1';
19
14
  exports.title1ClassNames = {
20
15
  root: 'fui-Title1'
21
16
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title1ClassNames.root` instead.\n */\nexport const title1ClassName = 'fui-Title1';\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
@@ -3,19 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title2 = exports.title2ClassNames = exports.title2ClassName = void 0;
6
+ exports.Title2 = exports.title2ClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
- /**
14
- * @deprecated Use `title2ClassNames.root` instead.
15
- */
16
-
17
13
 
18
- exports.title2ClassName = 'fui-Title2';
19
14
  exports.title2ClassNames = {
20
15
  root: 'fui-Title2'
21
16
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title2ClassNames.root` instead.\n */\nexport const title2ClassName = 'fui-Title2';\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
@@ -3,19 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Title3 = exports.title3ClassNames = exports.title3ClassName = void 0;
6
+ exports.Title3 = exports.title3ClassNames = void 0;
7
7
 
8
8
  const react_1 = /*#__PURE__*/require("@griffel/react");
9
9
 
10
10
  const wrapper_1 = /*#__PURE__*/require("../wrapper");
11
11
 
12
12
  const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
13
- /**
14
- * @deprecated Use `title3ClassNames.root` instead.
15
- */
16
-
17
13
 
18
- exports.title3ClassName = 'fui-Title3';
19
14
  exports.title3ClassNames = {
20
15
  root: 'fui-Title3'
21
16
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,eAAA,GAAkB,YAAlB;AACA,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `title3ClassNames.root` instead.\n */\nexport const title3ClassName = 'fui-Title3';\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
@@ -3,8 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.captionClassNames = exports.captionClassName = exports.Caption = exports.bodyClassNames = exports.bodyClassName = exports.Body = exports.subheadlineClassNames = exports.subheadlineClassName = exports.Subheadline = exports.headlineClassNames = exports.headlineClassName = exports.Headline = exports.title3ClassNames = exports.title3ClassName = exports.Title3 = exports.title2ClassNames = exports.title2ClassName = exports.Title2 = exports.title1ClassNames = exports.title1ClassName = exports.Title1 = exports.largeTitleClassNames = exports.largeTitleClassName = exports.LargeTitle = exports.displayClassNames = exports.displayClassName = exports.Display = exports.useText_unstable = exports.useTextStyles_unstable = exports.textClassNames = exports.textClassName = exports.renderText_unstable = exports.Text = void 0;
7
- /* eslint-disable deprecation/deprecation -- https://github.com/microsoft/fluentui/pull/21960#issuecomment-1068991851 */
6
+ exports.caption2ClassNames = exports.Caption2 = exports.caption1ClassNames = exports.Caption1 = exports.body1ClassNames = exports.Body1 = exports.subtitle2ClassNames = exports.Subtitle2 = exports.subtitle1ClassNames = exports.Subtitle1 = exports.title3ClassNames = exports.Title3 = exports.title2ClassNames = exports.Title2 = exports.title1ClassNames = exports.Title1 = exports.largeTitleClassNames = exports.LargeTitle = exports.displayClassNames = exports.Display = exports.useText_unstable = exports.useTextStyles_unstable = exports.textClassNames = exports.renderText_unstable = exports.Text = void 0;
8
7
 
9
8
  var Text_1 = /*#__PURE__*/require("./Text");
10
9
 
@@ -20,12 +19,6 @@ Object.defineProperty(exports, "renderText_unstable", {
20
19
  return Text_1.renderText_unstable;
21
20
  }
22
21
  });
23
- Object.defineProperty(exports, "textClassName", {
24
- enumerable: true,
25
- get: function () {
26
- return Text_1.textClassName;
27
- }
28
- });
29
22
  Object.defineProperty(exports, "textClassNames", {
30
23
  enumerable: true,
31
24
  get: function () {
@@ -53,12 +46,6 @@ Object.defineProperty(exports, "Display", {
53
46
  return Display_1.Display;
54
47
  }
55
48
  });
56
- Object.defineProperty(exports, "displayClassName", {
57
- enumerable: true,
58
- get: function () {
59
- return Display_1.displayClassName;
60
- }
61
- });
62
49
  Object.defineProperty(exports, "displayClassNames", {
63
50
  enumerable: true,
64
51
  get: function () {
@@ -74,12 +61,6 @@ Object.defineProperty(exports, "LargeTitle", {
74
61
  return LargeTitle_1.LargeTitle;
75
62
  }
76
63
  });
77
- Object.defineProperty(exports, "largeTitleClassName", {
78
- enumerable: true,
79
- get: function () {
80
- return LargeTitle_1.largeTitleClassName;
81
- }
82
- });
83
64
  Object.defineProperty(exports, "largeTitleClassNames", {
84
65
  enumerable: true,
85
66
  get: function () {
@@ -95,12 +76,6 @@ Object.defineProperty(exports, "Title1", {
95
76
  return Title1_1.Title1;
96
77
  }
97
78
  });
98
- Object.defineProperty(exports, "title1ClassName", {
99
- enumerable: true,
100
- get: function () {
101
- return Title1_1.title1ClassName;
102
- }
103
- });
104
79
  Object.defineProperty(exports, "title1ClassNames", {
105
80
  enumerable: true,
106
81
  get: function () {
@@ -116,12 +91,6 @@ Object.defineProperty(exports, "Title2", {
116
91
  return Title2_1.Title2;
117
92
  }
118
93
  });
119
- Object.defineProperty(exports, "title2ClassName", {
120
- enumerable: true,
121
- get: function () {
122
- return Title2_1.title2ClassName;
123
- }
124
- });
125
94
  Object.defineProperty(exports, "title2ClassNames", {
126
95
  enumerable: true,
127
96
  get: function () {
@@ -137,12 +106,6 @@ Object.defineProperty(exports, "Title3", {
137
106
  return Title3_1.Title3;
138
107
  }
139
108
  });
140
- Object.defineProperty(exports, "title3ClassName", {
141
- enumerable: true,
142
- get: function () {
143
- return Title3_1.title3ClassName;
144
- }
145
- });
146
109
  Object.defineProperty(exports, "title3ClassNames", {
147
110
  enumerable: true,
148
111
  get: function () {
@@ -150,87 +113,78 @@ Object.defineProperty(exports, "title3ClassNames", {
150
113
  }
151
114
  });
152
115
 
153
- var Headline_1 = /*#__PURE__*/require("./Headline");
116
+ var Subtitle1_1 = /*#__PURE__*/require("./Subtitle1");
154
117
 
155
- Object.defineProperty(exports, "Headline", {
118
+ Object.defineProperty(exports, "Subtitle1", {
156
119
  enumerable: true,
157
120
  get: function () {
158
- return Headline_1.Headline;
121
+ return Subtitle1_1.Subtitle1;
159
122
  }
160
123
  });
161
- Object.defineProperty(exports, "headlineClassName", {
124
+ Object.defineProperty(exports, "subtitle1ClassNames", {
162
125
  enumerable: true,
163
126
  get: function () {
164
- return Headline_1.headlineClassName;
165
- }
166
- });
167
- Object.defineProperty(exports, "headlineClassNames", {
168
- enumerable: true,
169
- get: function () {
170
- return Headline_1.headlineClassNames;
127
+ return Subtitle1_1.subtitle1ClassNames;
171
128
  }
172
129
  });
173
130
 
174
- var Subheadline_1 = /*#__PURE__*/require("./Subheadline");
131
+ var Subtitle2_1 = /*#__PURE__*/require("./Subtitle2");
175
132
 
176
- Object.defineProperty(exports, "Subheadline", {
133
+ Object.defineProperty(exports, "Subtitle2", {
177
134
  enumerable: true,
178
135
  get: function () {
179
- return Subheadline_1.Subheadline;
136
+ return Subtitle2_1.Subtitle2;
180
137
  }
181
138
  });
182
- Object.defineProperty(exports, "subheadlineClassName", {
139
+ Object.defineProperty(exports, "subtitle2ClassNames", {
183
140
  enumerable: true,
184
141
  get: function () {
185
- return Subheadline_1.subheadlineClassName;
186
- }
187
- });
188
- Object.defineProperty(exports, "subheadlineClassNames", {
189
- enumerable: true,
190
- get: function () {
191
- return Subheadline_1.subheadlineClassNames;
142
+ return Subtitle2_1.subtitle2ClassNames;
192
143
  }
193
144
  });
194
145
 
195
- var Body_1 = /*#__PURE__*/require("./Body");
146
+ var Body1_1 = /*#__PURE__*/require("./Body1");
196
147
 
197
- Object.defineProperty(exports, "Body", {
148
+ Object.defineProperty(exports, "Body1", {
198
149
  enumerable: true,
199
150
  get: function () {
200
- return Body_1.Body;
151
+ return Body1_1.Body1;
201
152
  }
202
153
  });
203
- Object.defineProperty(exports, "bodyClassName", {
154
+ Object.defineProperty(exports, "body1ClassNames", {
204
155
  enumerable: true,
205
156
  get: function () {
206
- return Body_1.bodyClassName;
157
+ return Body1_1.body1ClassNames;
207
158
  }
208
159
  });
209
- Object.defineProperty(exports, "bodyClassNames", {
160
+
161
+ var Caption1_1 = /*#__PURE__*/require("./Caption1");
162
+
163
+ Object.defineProperty(exports, "Caption1", {
210
164
  enumerable: true,
211
165
  get: function () {
212
- return Body_1.bodyClassNames;
166
+ return Caption1_1.Caption1;
213
167
  }
214
168
  });
215
-
216
- var Caption_1 = /*#__PURE__*/require("./Caption");
217
-
218
- Object.defineProperty(exports, "Caption", {
169
+ Object.defineProperty(exports, "caption1ClassNames", {
219
170
  enumerable: true,
220
171
  get: function () {
221
- return Caption_1.Caption;
172
+ return Caption1_1.caption1ClassNames;
222
173
  }
223
174
  });
224
- Object.defineProperty(exports, "captionClassName", {
175
+
176
+ var Caption2_1 = /*#__PURE__*/require("./Caption2");
177
+
178
+ Object.defineProperty(exports, "Caption2", {
225
179
  enumerable: true,
226
180
  get: function () {
227
- return Caption_1.captionClassName;
181
+ return Caption2_1.Caption2;
228
182
  }
229
183
  });
230
- Object.defineProperty(exports, "captionClassNames", {
184
+ Object.defineProperty(exports, "caption2ClassNames", {
231
185
  enumerable: true,
232
186
  get: function () {
233
- return Caption_1.captionClassNames;
187
+ return Caption2_1.caption2ClassNames;
234
188
  }
235
189
  });
236
190
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable deprecation/deprecation -- https://github.com/microsoft/fluentui/pull/21960#issuecomment-1068991851 */\nexport {\n Text,\n renderText_unstable,\n textClassName,\n textClassNames,\n useTextStyles_unstable,\n useText_unstable,\n} from './Text';\nexport type { TextProps, TextSlots, TextState } from './Text';\nexport { Display, displayClassName, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassName, largeTitleClassNames } from './LargeTitle';\nexport { Title1, title1ClassName, title1ClassNames } from './Title1';\nexport { Title2, title2ClassName, title2ClassNames } from './Title2';\nexport { Title3, title3ClassName, title3ClassNames } from './Title3';\nexport { Headline, headlineClassName, headlineClassNames } from './Headline';\nexport { Subheadline, subheadlineClassName, subheadlineClassNames } from './Subheadline';\nexport { Body, bodyClassName, bodyClassNames } from './Body';\nexport { Caption, captionClassName, captionClassNames } from './Caption';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';\nexport type { TextProps, TextSlots, TextState } from './Text';\nexport { Display, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassNames } from './LargeTitle';\nexport { Title1, title1ClassNames } from './Title1';\nexport { Title2, title2ClassNames } from './Title2';\nexport { Title3, title3ClassNames } from './Title3';\nexport { Subtitle1, subtitle1ClassNames } from './Subtitle1';\nexport { Subtitle2, subtitle2ClassNames } from './Subtitle2';\nexport { Body1, body1ClassNames } from './Body1';\nexport { Caption1, caption1ClassNames } from './Caption1';\nexport { Caption2, caption2ClassNames } from './Caption2';\n"],"sourceRoot":"../src/"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-text",
3
- "version": "0.0.0-nightly-20220519-0420.1",
3
+ "version": "0.0.0-nightly-20220530-0421.1",
4
4
  "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,13 +28,13 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220519-0420.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220530-0421.1",
32
32
  "@fluentui/scripts": "^1.0.0"
33
33
  },
34
34
  "dependencies": {
35
- "@griffel/react": "1.0.4",
36
- "@fluentui/react-theme": "0.0.0-nightly-20220519-0420.1",
37
- "@fluentui/react-utilities": "0.0.0-nightly-20220519-0420.1",
35
+ "@griffel/react": "1.1.0",
36
+ "@fluentui/react-theme": "0.0.0-nightly-20220530-0421.0",
37
+ "@fluentui/react-utilities": "0.0.0-nightly-20220530-0421.0",
38
38
  "tslib": "^2.1.0"
39
39
  },
40
40
  "peerDependencies": {
package/lib/Body.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './components/Body/index';
2
- //# sourceMappingURL=Body.js.map
package/lib/Body.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Body.js","sourceRoot":"../src/","sources":["Body.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './components/Body/index';\n"]}
package/lib/Caption.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './components/Caption/index';
2
- //# sourceMappingURL=Caption.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Caption.js","sourceRoot":"../src/","sources":["Caption.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Caption/index';\n"]}
package/lib/Headline.js DELETED
@@ -1,2 +0,0 @@
1
- export * from './components/Headline/index';
2
- //# sourceMappingURL=Headline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Headline.js","sourceRoot":"../src/","sources":["Headline.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './components/Headline/index';\n"]}
@@ -1,2 +0,0 @@
1
- export * from './components/Subheadline/index';
2
- //# sourceMappingURL=Subheadline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Subheadline.js","sourceRoot":"../src/","sources":["Subheadline.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/Subheadline/index';\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,IAAI,gBAAwC,aAAa,CAAC;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,cAAc,CAAC,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAD,CAA/D","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: bodyClassNames.root,\n displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}
@@ -1,2 +0,0 @@
1
- export * from './Body';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Body/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Body';\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: captionClassNames.root,\n displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}
@@ -1,2 +0,0 @@
1
- export * from './Caption';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Caption/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Caption';\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AACP,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `headlineClassNames.root` instead.\n */\nexport const headlineClassName = 'fui-Headline';\nexport const headlineClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Headline',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: headlineClassNames.root,\n displayName: 'Headline',\n});\n"],"sourceRoot":"../src/"}
@@ -1,2 +0,0 @@
1
- export * from './Headline';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Headline';\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAA8B;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAzD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAF2C;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @deprecated Use `subheadlineClassNames.root` instead.\n */\nexport const subheadlineClassName = 'fui-Subheadline';\nexport const subheadlineClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subheadline',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subheadlineClassNames.root,\n displayName: 'Subheadline',\n});\n"],"sourceRoot":"../src/"}