@fluentui/react-text 0.0.0-nightlyff78d1e27a20220217.1 → 0.0.0

package/lib-commonjs/components/Text/Text.types.d.ts

@@ -1,78 +0,0 @@
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-/**
- * Text slots
- */
-export declare type TextSlots = {
-    root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
-};
-declare type TextCommons = {
-    /**
-     * Wraps the text content on white spaces.
-     *
-     * @defaultValue true
-     */
-    wrap: boolean;
-    /**
-     * Truncate overflowing text for block displays.
-     *
-     * @defaultValue false
-     */
-    truncate: boolean;
-    /**
-     * Applies a block display for the content.
-     *
-     * @defaultValue false
-     */
-    block: boolean;
-    /**
-     * Applies the italic font style to the content.
-     *
-     * @defaultValue false
-     */
-    italic: boolean;
-    /**
-     * Applies the underline text decoration to the content.
-     *
-     * @defaultValue false
-     */
-    underline: boolean;
-    /**
-     * Applies the strikethrough text decoration to the content.
-     *
-     * @defaultValue false
-     */
-    strikethrough: boolean;
-    /**
-     * Applies font size and line height based on the theme tokens.
-     *
-     * @defaultValue 300
-     */
-    size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
-    /**
-     * Applies the font family to the content.
-     *
-     * @defaultValue base
-     */
-    font: 'base' | 'monospace' | 'numeric';
-    /**
-     * Applies font weight to the content.
-     *
-     * @defaultValue regular
-     */
-    weight: 'regular' | 'medium' | 'semibold';
-    /**
-     * Aligns text based on the parent container.
-     *
-     * @defaultValue start
-     */
-    align: 'start' | 'center' | 'end' | 'justify';
-};
-/**
- * Text Props
- */
-export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
-/**
- * State used in rendering Text
- */
-export declare type TextState = ComponentState<TextSlots> & TextCommons;
-export {};

package/lib-commonjs/components/Text/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Text';
-export * from './Text.types';
-export * from './renderText';
-export * from './useText';
-export * from './useTextStyles';

package/lib-commonjs/components/Text/renderText.d.ts

@@ -1,5 +0,0 @@
-import type { TextState } from './Text.types';
-/**
- * Render the final JSX of Text
- */
-export declare const renderText_unstable: (state: TextState) => JSX.Element;

package/lib-commonjs/components/Text/useText.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { TextProps, TextState } from './Text.types';
-/**
- * Create the state required to render Text.
- *
- * The returned state can be modified with hooks such as useTextStyles_unstable,
- * before being passed to renderText_unstable.
- *
- * @param props - props from this instance of Text
- * @param ref - reference to root HTMLElement of Text
- */
-export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;

package/lib-commonjs/components/Text/useTextStyles.d.ts

@@ -1,6 +0,0 @@
-import type { TextState } from './Text.types';
-export declare const textClassName = "fui-Text";
-/**
- * Apply styling to the Text slots based on the state
- */
-export declare const useTextStyles_unstable: (state: TextState) => TextState;

package/lib-commonjs/components/Title1/Title1.d.ts

@@ -1,7 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-export declare const title1ClassName = "fui-Title1";
-/**
- * Text wrapper component for the Title 1 typography variant
- */
-export declare const Title1: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Title1/index.d.ts

@@ -1 +0,0 @@
-export * from './Title1';

package/lib-commonjs/components/Title2/Title2.d.ts

@@ -1,7 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-export declare const title2ClassName = "fui-Title2";
-/**
- * Text wrapper component for the Title 2 typography variant
- */
-export declare const Title2: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Title2/index.d.ts

@@ -1 +0,0 @@
-export * from './Title2';

package/lib-commonjs/components/Title3/Title3.d.ts

@@ -1,7 +0,0 @@
-import type { FunctionComponent } from 'react';
-import { TextWrapperProps } from '../wrapper';
-export declare const title3ClassName = "fui-Title3";
-/**
- * Text wrapper component for the Title 3 typography variant
- */
-export declare const Title3: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Title3/index.d.ts

@@ -1 +0,0 @@
-export * from './Title3';

package/lib-commonjs/components/wrapper.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { TextProps } from '../Text';
-export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
-export declare function createWrapper(options: {
-    className: string;
-    displayName: string;
-    useStyles: () => Record<'root', string>;
-}): React.FunctionComponent<TextWrapperProps>;

package/lib-commonjs/index.d.ts

@@ -1,10 +0,0 @@
-export * from './Text';
-export * from './Display';
-export * from './LargeTitle';
-export * from './Title1';
-export * from './Title2';
-export * from './Title3';
-export * from './Headline';
-export * from './Subheadline';
-export * from './Body';
-export * from './Caption';

package/lib-commonjs/typographyStyles/index.d.ts

@@ -1,2 +0,0 @@
-import * as typographyStyles from './typographyStyles';
-export { typographyStyles };

package/lib-commonjs/typographyStyles/index.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.typographyStyles = void 0;
-
-const typographyStyles = /*#__PURE__*/require("./typographyStyles");
-
-exports.typographyStyles = typographyStyles;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["typographyStyles/index.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,gBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACS,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"],"sourceRoot":"../src/"}

package/lib-commonjs/typographyStyles/typographyStyles.d.ts

@@ -1,13 +0,0 @@
-import type { GriffelStyle } from '@griffel/react';
-/**
- * Make-styles rules for the typography variants
- */
-export declare const caption: GriffelStyle;
-export declare const body: GriffelStyle;
-export declare const subheadline: GriffelStyle;
-export declare const headline: GriffelStyle;
-export declare const title3: GriffelStyle;
-export declare const title2: GriffelStyle;
-export declare const title1: GriffelStyle;
-export declare const largeTitle: GriffelStyle;
-export declare const display: GriffelStyle;

package/lib-commonjs/typographyStyles/typographyStyles.js

@@ -1,68 +0,0 @@
-"use strict";
-
-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
- */
-
-
-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 +0,0 @@
-{"version":3,"sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase200,\n  lineHeight: tokens.lineHeightBase200,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const body: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase300,\n  lineHeight: tokens.lineHeightBase300,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const subheadline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase400,\n  lineHeight: tokens.lineHeightBase400,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const headline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase500,\n  lineHeight: tokens.lineHeightBase500,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title3: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase600,\n  lineHeight: tokens.lineHeightBase600,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title2: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero700,\n  lineHeight: tokens.lineHeightHero700,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title1: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero800,\n  lineHeight: tokens.lineHeightHero800,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const largeTitle: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero900,\n  lineHeight: tokens.lineHeightHero900,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const display: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero1000,\n  lineHeight: tokens.lineHeightHero1000,\n  fontWeight: tokens.fontWeightSemibold,\n};\n"],"sourceRoot":"../src/"}