@fluentui/react-text 0.0.0-nightly9942542e5320220104.1 → 0.0.0-nightlya21bfaceec20220202.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 +46 -20
- package/CHANGELOG.md +12 -10
- package/MIGRATION.md +153 -103
- package/dist/react-text.d.ts +7 -7
- package/lib/components/Body/Body.js +1 -1
- package/lib/components/Body/Body.js.map +1 -1
- package/lib/components/Caption/Caption.js +1 -1
- package/lib/components/Caption/Caption.js.map +1 -1
- package/lib/components/Display/Display.js +1 -1
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/Headline/Headline.js +1 -1
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +1 -1
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/Subheadline/Subheadline.js +1 -1
- package/lib/components/Subheadline/Subheadline.js.map +1 -1
- package/lib/components/Text/Text.js +6 -6
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Text/Text.types.d.ts +2 -2
- package/lib/components/Text/renderText.d.ts +1 -1
- package/lib/components/Text/renderText.js +1 -1
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.d.ts +3 -3
- package/lib/components/Text/useText.js +3 -3
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.d.ts +1 -1
- package/lib/components/Text/useTextStyles.js +3 -2
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +1 -1
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title2/Title2.js +1 -1
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title3/Title3.js +1 -1
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/components/wrapper.js +5 -5
- package/lib/components/wrapper.js.map +1 -1
- package/lib/typographyStyles/typographyStyles.d.ts +10 -11
- package/lib/typographyStyles/typographyStyles.js +56 -54
- package/lib/typographyStyles/typographyStyles.js.map +1 -1
- package/lib-commonjs/components/Body/Body.js +2 -4
- package/lib-commonjs/components/Body/Body.js.map +1 -1
- package/lib-commonjs/components/Caption/Caption.js +2 -4
- package/lib-commonjs/components/Caption/Caption.js.map +1 -1
- package/lib-commonjs/components/Display/Display.js +2 -4
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Headline/Headline.js +2 -4
- package/lib-commonjs/components/Headline/Headline.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +2 -4
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/Subheadline/Subheadline.js +2 -4
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
- package/lib-commonjs/components/Text/Text.js +3 -3
- package/lib-commonjs/components/Text/Text.js.map +1 -1
- package/lib-commonjs/components/Text/Text.types.d.ts +2 -2
- package/lib-commonjs/components/Text/renderText.d.ts +1 -1
- package/lib-commonjs/components/Text/renderText.js +3 -3
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.d.ts +3 -3
- package/lib-commonjs/components/Text/useText.js +5 -5
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -1
- package/lib-commonjs/components/Text/useTextStyles.js +8 -6
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +2 -4
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +2 -4
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +2 -4
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/wrapper.js +5 -5
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/typographyStyles/typographyStyles.d.ts +10 -11
- package/lib-commonjs/typographyStyles/typographyStyles.js +56 -79
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
- package/package.json +6 -8
package/dist/react-text.d.ts
CHANGED
@@ -2,7 +2,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
3
3
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
4
4
|
import type { FunctionComponent } from 'react';
|
5
|
-
import type {
|
5
|
+
import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
|
6
6
|
import * as React_2 from 'react';
|
7
7
|
|
8
8
|
/**
|
@@ -44,7 +44,7 @@ export declare const largeTitleClassName = "fui-LargeTitle";
|
|
44
44
|
/**
|
45
45
|
* Render the final JSX of Text
|
46
46
|
*/
|
47
|
-
export declare const
|
47
|
+
export declare const renderText_unstable: (state: TextState) => JSX.Element;
|
48
48
|
|
49
49
|
/**
|
50
50
|
* Text wrapper component for the Subheadline typography variant
|
@@ -133,7 +133,7 @@ export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>
|
|
133
133
|
* Text slots
|
134
134
|
*/
|
135
135
|
export declare type TextSlots = {
|
136
|
-
root:
|
136
|
+
root: IntrinsicSlotProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
137
137
|
};
|
138
138
|
|
139
139
|
/**
|
@@ -167,17 +167,17 @@ export declare const title3ClassName = "fui-Title3";
|
|
167
167
|
/**
|
168
168
|
* Create the state required to render Text.
|
169
169
|
*
|
170
|
-
* The returned state can be modified with hooks such as
|
171
|
-
* before being passed to
|
170
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
171
|
+
* before being passed to renderText_unstable.
|
172
172
|
*
|
173
173
|
* @param props - props from this instance of Text
|
174
174
|
* @param ref - reference to root HTMLElement of Text
|
175
175
|
*/
|
176
|
-
export declare const
|
176
|
+
export declare const useText_unstable: (props: TextProps, ref: React_2.Ref<HTMLElement>) => TextState;
|
177
177
|
|
178
178
|
/**
|
179
179
|
* Apply styling to the Text slots based on the state
|
180
180
|
*/
|
181
|
-
export declare const
|
181
|
+
export declare const useTextStyles_unstable: (state: TextState) => TextState;
|
182
182
|
|
183
183
|
export { }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,aAAa,GAAG,UAAtB;AAEP;;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,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAD,CAA/D","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;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,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;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,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AAEP;;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,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAD,CAArE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AAEP;;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,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","sourceRoot":""}
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
2
|
+
import { useText_unstable } from './useText';
|
3
|
+
import { renderText_unstable } from './renderText';
|
4
|
+
import { useTextStyles_unstable } from './useTextStyles';
|
5
5
|
/**
|
6
6
|
* Typography and styling abstraction component used to ensure consistency of text.
|
7
7
|
*/
|
8
8
|
|
9
9
|
export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
10
|
-
const state =
|
11
|
-
|
12
|
-
return
|
10
|
+
const state = useText_unstable(props, ref);
|
11
|
+
useTextStyles_unstable(state);
|
12
|
+
return renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
|
13
13
|
});
|
14
14
|
Text.displayName = 'Text';
|
15
15
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,WAAjC;AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AAEA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,mBAAmB,CAAC,KAAD,CAA1B,CALkF,CAMlF;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
@@ -1,9 +1,9 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
|
2
2
|
/**
|
3
3
|
* Text slots
|
4
4
|
*/
|
5
5
|
export declare type TextSlots = {
|
6
|
-
root:
|
6
|
+
root: IntrinsicSlotProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
7
|
};
|
8
8
|
export declare type TextCommons = {
|
9
9
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAY,KAAZ,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","sourceRoot":""}
|
@@ -3,10 +3,10 @@ import type { TextProps, TextState } from './Text.types';
|
|
3
3
|
/**
|
4
4
|
* Create the state required to render Text.
|
5
5
|
*
|
6
|
-
* The returned state can be modified with hooks such as
|
7
|
-
* before being passed to
|
6
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
+
* before being passed to renderText_unstable.
|
8
8
|
*
|
9
9
|
* @param props - props from this instance of Text
|
10
10
|
* @param ref - reference to root HTMLElement of Text
|
11
11
|
*/
|
12
|
-
export declare const
|
12
|
+
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -2,14 +2,14 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
2
2
|
/**
|
3
3
|
* Create the state required to render Text.
|
4
4
|
*
|
5
|
-
* The returned state can be modified with hooks such as
|
6
|
-
* before being passed to
|
5
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
6
|
+
* before being passed to renderText_unstable.
|
7
7
|
*
|
8
8
|
* @param props - props from this instance of Text
|
9
9
|
* @param ref - reference to root HTMLElement of Text
|
10
10
|
*/
|
11
11
|
|
12
|
-
export const
|
12
|
+
export const useText_unstable = (props, ref) => {
|
13
13
|
var _a;
|
14
14
|
|
15
15
|
const {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAC3F,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,EAAN,MAAQ,IAAR,IAAQ,EAAA,KAAA,KAAA,CAAR,GAAQ,EAAR,GAAY,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,qBAAqB,CAAC,EAAD,EAAK;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAAL;AAdJ,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}
|
@@ -1,4 +1,5 @@
|
|
1
|
-
import { __styles, mergeClasses, shorthands } from '@
|
1
|
+
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
2
3
|
export const textClassName = 'fui-Text';
|
3
4
|
/**
|
4
5
|
* Styles for the root slot
|
@@ -105,7 +106,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
105
106
|
*/
|
106
107
|
|
107
108
|
|
108
|
-
export const
|
109
|
+
export const useTextStyles_unstable = state => {
|
109
110
|
const styles = useStyles();
|
110
111
|
state.root.className = mergeClasses(textClassName, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
111
112
|
return state;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,EAAmC,UAAnC,QAAqD,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourceRoot":""}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import { mergeClasses } from '@
|
3
|
-
import {
|
2
|
+
import { mergeClasses } from '@griffel/react';
|
3
|
+
import { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';
|
4
4
|
export function createWrapper(options) {
|
5
5
|
const {
|
6
6
|
useStyles,
|
@@ -9,10 +9,10 @@ export function createWrapper(options) {
|
|
9
9
|
} = options;
|
10
10
|
const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
|
11
11
|
const styles = useStyles();
|
12
|
-
const state =
|
13
|
-
|
12
|
+
const state = useText_unstable(props, ref);
|
13
|
+
useTextStyles_unstable(state);
|
14
14
|
state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
|
15
|
-
return
|
15
|
+
return renderText_unstable(state);
|
16
16
|
});
|
17
17
|
Wrapper.displayName = displayName;
|
18
18
|
return Wrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,
|
1
|
+
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,mBAAT,EAA8B,gBAA9B,EAAgD,sBAAhD,QAA8E,SAA9E;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAIL;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAqB,GAArB,CAA9B;AAEA,IAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,SAAD,EAAY,KAAK,CAAC,IAAN,CAAW,SAAvB,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,SAArD,CAAnC;AAEA,WAAO,mBAAmB,CAAC,KAAD,CAA1B;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}
|
@@ -1,14 +1,13 @@
|
|
1
|
-
import type {
|
2
|
-
import type { Theme } from '@fluentui/react-theme';
|
1
|
+
import type { GriffelStyle } from '@griffel/react';
|
3
2
|
/**
|
4
3
|
* Make-styles rules for the typography variants
|
5
4
|
*/
|
6
|
-
export declare const caption:
|
7
|
-
export declare const body:
|
8
|
-
export declare const subheadline:
|
9
|
-
export declare const headline:
|
10
|
-
export declare const title3:
|
11
|
-
export declare const title2:
|
12
|
-
export declare const title1:
|
13
|
-
export declare const largeTitle:
|
14
|
-
export declare const display:
|
5
|
+
export declare const caption: GriffelStyle;
|
6
|
+
export declare const body: GriffelStyle;
|
7
|
+
export declare const subheadline: GriffelStyle;
|
8
|
+
export declare const headline: GriffelStyle;
|
9
|
+
export declare const title3: GriffelStyle;
|
10
|
+
export declare const title2: GriffelStyle;
|
11
|
+
export declare const title1: GriffelStyle;
|
12
|
+
export declare const largeTitle: GriffelStyle;
|
13
|
+
export declare const display: GriffelStyle;
|
@@ -1,58 +1,60 @@
|
|
1
|
+
import { tokens } from '@fluentui/react-theme';
|
1
2
|
/**
|
2
3
|
* Make-styles rules for the typography variants
|
3
4
|
*/
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
5
|
+
|
6
|
+
export const caption = {
|
7
|
+
fontFamily: tokens.fontFamilyBase,
|
8
|
+
fontSize: tokens.fontSizeBase200,
|
9
|
+
lineHeight: tokens.lineHeightBase200,
|
10
|
+
fontWeight: tokens.fontWeightRegular
|
11
|
+
};
|
12
|
+
export const body = {
|
13
|
+
fontFamily: tokens.fontFamilyBase,
|
14
|
+
fontSize: tokens.fontSizeBase300,
|
15
|
+
lineHeight: tokens.lineHeightBase300,
|
16
|
+
fontWeight: tokens.fontWeightRegular
|
17
|
+
};
|
18
|
+
export const subheadline = {
|
19
|
+
fontFamily: tokens.fontFamilyBase,
|
20
|
+
fontSize: tokens.fontSizeBase400,
|
21
|
+
lineHeight: tokens.lineHeightBase400,
|
22
|
+
fontWeight: tokens.fontWeightSemibold
|
23
|
+
};
|
24
|
+
export const headline = {
|
25
|
+
fontFamily: tokens.fontFamilyBase,
|
26
|
+
fontSize: tokens.fontSizeBase500,
|
27
|
+
lineHeight: tokens.lineHeightBase500,
|
28
|
+
fontWeight: tokens.fontWeightSemibold
|
29
|
+
};
|
30
|
+
export const title3 = {
|
31
|
+
fontFamily: tokens.fontFamilyBase,
|
32
|
+
fontSize: tokens.fontSizeBase600,
|
33
|
+
lineHeight: tokens.lineHeightBase600,
|
34
|
+
fontWeight: tokens.fontWeightSemibold
|
35
|
+
};
|
36
|
+
export const title2 = {
|
37
|
+
fontFamily: tokens.fontFamilyBase,
|
38
|
+
fontSize: tokens.fontSizeHero700,
|
39
|
+
lineHeight: tokens.lineHeightHero700,
|
40
|
+
fontWeight: tokens.fontWeightSemibold
|
41
|
+
};
|
42
|
+
export const title1 = {
|
43
|
+
fontFamily: tokens.fontFamilyBase,
|
44
|
+
fontSize: tokens.fontSizeHero800,
|
45
|
+
lineHeight: tokens.lineHeightHero800,
|
46
|
+
fontWeight: tokens.fontWeightSemibold
|
47
|
+
};
|
48
|
+
export const largeTitle = {
|
49
|
+
fontFamily: tokens.fontFamilyBase,
|
50
|
+
fontSize: tokens.fontSizeHero900,
|
51
|
+
lineHeight: tokens.lineHeightHero900,
|
52
|
+
fontWeight: tokens.fontWeightSemibold
|
53
|
+
};
|
54
|
+
export const display = {
|
55
|
+
fontFamily: tokens.fontFamilyBase,
|
56
|
+
fontSize: tokens.fontSizeHero1000,
|
57
|
+
lineHeight: tokens.lineHeightHero1000,
|
58
|
+
fontWeight: tokens.fontWeightSemibold
|
59
|
+
};
|
58
60
|
//# sourceMappingURL=typographyStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAGA;;AAEG
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAAA,SAAS,MAAT,QAAuB,uBAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B;AAMP,OAAO,MAAM,IAAI,GAAiB;AAChC,EAAA,UAAU,EAAE,MAAM,CAAC,cADa;AAEhC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFe;AAGhC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHa;AAIhC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJa,CAA3B;AAMP,OAAO,MAAM,WAAW,GAAiB;AACvC,EAAA,UAAU,EAAE,MAAM,CAAC,cADoB;AAEvC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFsB;AAGvC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHoB;AAIvC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJoB,CAAlC;AAMP,OAAO,MAAM,QAAQ,GAAiB;AACpC,EAAA,UAAU,EAAE,MAAM,CAAC,cADiB;AAEpC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFmB;AAGpC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHiB;AAIpC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJiB,CAA/B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,UAAU,GAAiB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC;AAMP,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,gBAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,kBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B","sourceRoot":""}
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Body = exports.bodyClassName = void 0;
|
7
7
|
|
8
|
-
const
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
@@ -16,9 +16,7 @@ exports.bodyClassName = 'fui-Body';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Body typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","sourceRoot":""}
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Caption = exports.captionClassName = void 0;
|
7
7
|
|
8
|
-
const
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
@@ -16,9 +16,7 @@ exports.captionClassName = 'fui-Caption';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Caption typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Display = exports.displayClassName = void 0;
|
7
7
|
|
8
|
-
const
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
@@ -16,9 +16,7 @@ exports.displayClassName = 'fui-Display';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Display typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|