@fluentui/react-text 9.0.0-alpha.2 → 9.0.0-alpha.23

package/lib-amd/components/wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"wrapper.js","sourceRoot":"../src/","sources":["components/wrapper.tsx"],"names":[],"mappings":";;;;IAMA,SAAgB,aAAa,CAAC,OAAyE;QAC7F,IAAA,SAAS,GAAkB,OAAO,UAAzB,EAAE,WAAW,GAAK,OAAO,YAAZ,CAAa;QAC3C,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAqB,UAAC,KAAK,EAAE,GAAG;YAC9D,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;YAC3B,IAAM,KAAK,GAAG,cAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;YAClC,oBAAa,CAAC,KAAK,CAAC,CAAC;YAErB,KAAK,CAAC,SAAS,GAAG,gCAAY,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;YAE9E,OAAO,iBAAU,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;QAElC,OAAO,OAAO,CAAC;IACjB,CAAC;IAdD,sCAcC","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@fluentui/react-make-styles';\nimport { renderText, TextProps, useText, useTextStyles } from '../Text';\n\nexport interface Props extends Omit<TextProps, 'font' | 'size'> {}\n\nexport function createWrapper(options: { displayName: string; useStyles: () => Record<'root', string> }) {\n  const { useStyles, displayName } = options;\n  const Wrapper = React.forwardRef<HTMLElement, Props>((props, ref) => {\n    const styles = useStyles();\n    const state = useText(props, ref);\n    useTextStyles(state);\n\n    state.className = mergeClasses(state.className, styles.root, props.className);\n\n    return renderText(state);\n  });\n  Wrapper.displayName = displayName;\n\n  return Wrapper;\n}\n"]}

package/lib-amd/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-amd/index.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "tslib", "./Text", "./Display", "./LargeTitle", "./Title1", "./Title2", "./Title3", "./Headline", "./Subheadline", "./Body", "./Caption"], function (require, exports, tslib_1, Text_1, Display_1, LargeTitle_1, Title1_1, Title2_1, Title3_1, Headline_1, Subheadline_1, Body_1, Caption_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Text_1, exports);
-    tslib_1.__exportStar(Display_1, exports);
-    tslib_1.__exportStar(LargeTitle_1, exports);
-    tslib_1.__exportStar(Title1_1, exports);
-    tslib_1.__exportStar(Title2_1, exports);
-    tslib_1.__exportStar(Title3_1, exports);
-    tslib_1.__exportStar(Headline_1, exports);
-    tslib_1.__exportStar(Subheadline_1, exports);
-    tslib_1.__exportStar(Body_1, exports);
-    tslib_1.__exportStar(Caption_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,sCAAuB;IACvB,yCAA0B;IAC1B,4CAA6B;IAC7B,wCAAyB;IACzB,wCAAyB;IACzB,wCAAyB;IACzB,0CAA2B;IAC3B,6CAA8B;IAC9B,sCAAuB;IACvB,yCAA0B","sourcesContent":["export * from './Text';\nexport * from './Display';\nexport * from './LargeTitle';\nexport * from './Title1';\nexport * from './Title2';\nexport * from './Title3';\nexport * from './Headline';\nexport * from './Subheadline';\nexport * from './Body';\nexport * from './Caption';\n"]}

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

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

package/lib-amd/typographyStyles/index.js

@@ -1,7 +0,0 @@
-define(["require", "exports", "./typographyStyles"], function (require, exports, typographyStyles) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.typographyStyles = void 0;
-    exports.typographyStyles = typographyStyles;
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["typographyStyles/index.ts"],"names":[],"mappings":";;;;IACS,4CAAgB","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"]}

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

@@ -1,14 +0,0 @@
-import { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';
-import { Theme } from '@fluentui/react-theme';
-/**
- * Make-styles rules for the typography variants
- */
-export declare const caption: MakeStylesStyleFunctionRule<Theme>;
-export declare const body: MakeStylesStyleFunctionRule<Theme>;
-export declare const subheadline: MakeStylesStyleFunctionRule<Theme>;
-export declare const headline: MakeStylesStyleFunctionRule<Theme>;
-export declare const title3: MakeStylesStyleFunctionRule<Theme>;
-export declare const title2: MakeStylesStyleFunctionRule<Theme>;
-export declare const title1: MakeStylesStyleFunctionRule<Theme>;
-export declare const largeTitle: MakeStylesStyleFunctionRule<Theme>;
-export declare const display: MakeStylesStyleFunctionRule<Theme>;

package/lib-amd/typographyStyles/typographyStyles.js

@@ -1,72 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "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;
-    /**
-     * Make-styles rules for the typography variants
-     */
-    var caption = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[200],
-        lineHeight: theme.global.type.lineHeights.base[200],
-        fontWeight: theme.global.type.fontWeights.regular,
-    }); };
-    exports.caption = caption;
-    var body = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[300],
-        lineHeight: theme.global.type.lineHeights.base[300],
-        fontWeight: theme.global.type.fontWeights.regular,
-    }); };
-    exports.body = body;
-    var subheadline = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[400],
-        lineHeight: theme.global.type.lineHeights.base[400],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.subheadline = subheadline;
-    var headline = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[500],
-        lineHeight: theme.global.type.lineHeights.base[500],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.headline = headline;
-    var title3 = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.base[600],
-        lineHeight: theme.global.type.lineHeights.base[600],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.title3 = title3;
-    var title2 = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.hero[700],
-        lineHeight: theme.global.type.lineHeights.hero[700],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.title2 = title2;
-    var title1 = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.hero[800],
-        lineHeight: theme.global.type.lineHeights.hero[800],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.title1 = title1;
-    var largeTitle = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.hero[900],
-        lineHeight: theme.global.type.lineHeights.hero[900],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.largeTitle = largeTitle;
-    var display = function (theme) { return ({
-        fontFamily: theme.global.type.fontFamilies.base,
-        fontSize: theme.global.type.fontSizes.hero[1000],
-        lineHeight: theme.global.type.lineHeights.hero[1000],
-        fontWeight: theme.global.type.fontWeights.semibold,
-    }); };
-    exports.display = display;
-});
-//# sourceMappingURL=typographyStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"typographyStyles.js","sourceRoot":"../src/","sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';\nimport { Theme } from '@fluentui/react-theme';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[200],\n  lineHeight: theme.global.type.lineHeights.base[200],\n  fontWeight: theme.global.type.fontWeights.regular,\n});\nexport const body: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[300],\n  lineHeight: theme.global.type.lineHeights.base[300],\n  fontWeight: theme.global.type.fontWeights.regular,\n});\nexport const subheadline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[400],\n  lineHeight: theme.global.type.lineHeights.base[400],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const headline: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[500],\n  lineHeight: theme.global.type.lineHeights.base[500],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title3: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.base[600],\n  lineHeight: theme.global.type.lineHeights.base[600],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title2: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[700],\n  lineHeight: theme.global.type.lineHeights.hero[700],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const title1: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[800],\n  lineHeight: theme.global.type.lineHeights.hero[800],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const largeTitle: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[900],\n  lineHeight: theme.global.type.lineHeights.hero[900],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\nexport const display: MakeStylesStyleFunctionRule<Theme> = theme => ({\n  fontFamily: theme.global.type.fontFamilies.base,\n  fontSize: theme.global.type.fontSizes.hero[1000],\n  lineHeight: theme.global.type.lineHeights.hero[1000],\n  fontWeight: theme.global.type.fontWeights.semibold,\n});\n"]}

package/lib-commonjs/Text.stories.d.ts

@@ -1,80 +0,0 @@
-import * as React from 'react';
-import { TextProps } from './Text';
-export declare const TextStory: {
-    (props: TextProps): JSX.Element;
-    argTypes: {
-        wrap: {
-            defaultValue: boolean;
-            control: string;
-        };
-        truncate: {
-            defaultValue: boolean;
-            control: string;
-        };
-        underline: {
-            defaultValue: boolean;
-            control: string;
-        };
-        block: {
-            defaultValue: boolean;
-            control: string;
-        };
-        italic: {
-            defaultValue: boolean;
-            control: string;
-        };
-        strikethrough: {
-            defaultValue: boolean;
-            control: string;
-        };
-        size: {
-            defaultValue: number;
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: {
-                type: string;
-                options: number[];
-            };
-        };
-        font: {
-            defaultValue: string;
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        weight: {
-            defaultValue: string;
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-        align: {
-            defaultValue: string;
-            type: {
-                name: string;
-                required: boolean;
-            };
-            control: {
-                type: string;
-                options: string[];
-            };
-        };
-    };
-};
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
-};
-export default _default;

package/lib-commonjs/Text.stories.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextStory = void 0;
-
-var tslib_1 = /*#__PURE__*/require("tslib");
-
-var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
-
-var React = /*#__PURE__*/require("react");
-
-var Text_1 = /*#__PURE__*/require("./Text");
-
-var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
-  "container": {
-    "a9b677": "f1wl8a0i"
-  }
-}, {
-  "d": [".f1wl8a0i{width:100px;}"]
-});
-
-var TextStory = function (props) {
-  var styles = useStyles();
-  return React.createElement("div", {
-    className: styles.container
-  }, React.createElement(Text_1.Text, tslib_1.__assign({}, props), "This is an example of the Text component's usage."));
-};
-
-exports.TextStory = TextStory;
-exports.TextStory.argTypes = {
-  wrap: {
-    defaultValue: true,
-    control: 'boolean'
-  },
-  truncate: {
-    defaultValue: false,
-    control: 'boolean'
-  },
-  underline: {
-    defaultValue: false,
-    control: 'boolean'
-  },
-  block: {
-    defaultValue: false,
-    control: 'boolean'
-  },
-  italic: {
-    defaultValue: false,
-    control: 'boolean'
-  },
-  strikethrough: {
-    defaultValue: false,
-    control: 'boolean'
-  },
-  size: {
-    defaultValue: 300,
-    type: {
-      name: 'number',
-      required: false
-    },
-    control: {
-      type: 'select',
-      options: [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000]
-    }
-  },
-  font: {
-    defaultValue: 'base',
-    type: {
-      name: 'string',
-      required: false
-    },
-    control: {
-      type: 'select',
-      options: ['base', 'monospace', 'numeric']
-    }
-  },
-  weight: {
-    defaultValue: 'regular',
-    type: {
-      name: 'string',
-      required: false
-    },
-    control: {
-      type: 'select',
-      options: ['regular', 'medium', 'semibold']
-    }
-  },
-  align: {
-    defaultValue: 'start',
-    type: {
-      name: 'string',
-      required: false
-    },
-    control: {
-      type: 'select',
-      options: ['start', 'center', 'end', 'justify']
-    }
-  }
-};
-exports.default = {
-  title: 'Components/Text',
-  component: Text_1.Text
-};
-//# sourceMappingURL=Text.stories.js.map

package/lib-commonjs/Text.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Text.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport * as React from 'react';\nimport { Text, TextProps } from './Text';\n\nconst useStyles = makeStyles({\n  container: {\n    width: '100px',\n  },\n});\n\nexport const TextStory = (props: TextProps) => {\n  const styles = useStyles();\n  return (\n    <div className={styles.container}>\n      <Text {...props}>This is an example of the Text component's usage.</Text>\n    </div>\n  );\n};\n\nTextStory.argTypes = {\n  wrap: {\n    defaultValue: true,\n    control: 'boolean',\n  },\n  truncate: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n  underline: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n  block: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n  italic: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n  strikethrough: {\n    defaultValue: false,\n    control: 'boolean',\n  },\n  size: {\n    defaultValue: 300,\n    type: { name: 'number', required: false },\n    control: {\n      type: 'select',\n      options: [100, 200, 300, 400, 500, 600, 700, 800, 900, 1000],\n    },\n  },\n  font: {\n    defaultValue: 'base',\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['base', 'monospace', 'numeric'],\n    },\n  },\n  weight: {\n    defaultValue: 'regular',\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['regular', 'medium', 'semibold'],\n    },\n  },\n  align: {\n    defaultValue: 'start',\n    type: { name: 'string', required: false },\n    control: {\n      type: 'select',\n      options: ['start', 'center', 'end', 'justify'],\n    },\n  },\n};\n\nexport default {\n  title: 'Components/Text',\n  component: Text,\n};\n"],"sourceRoot":"../src/"}

package/src/components/Text/Text.types.ts

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
-
-/**
- * Text Props
- */
-export interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
-  /**
-   * 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';
-
-  /**
-   * Component to be rendered as.
-   *
-   * @defaultValue span
-   */
-  as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';
-}
-
-/**
- * Names of TextProps that have a default value in useText
- */
-export type TextDefaultedProps = never;
-
-/**
- * State used in rendering Text
- */
-export interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {
-  /**
-   * Ref to the root element
-   */
-  ref: React.Ref<HTMLElement>;
-}