Private
Public Access
1
0

feat: Fluent UI Outlook Lite + connections mockup

This commit is contained in:
2026-04-14 18:52:25 +00:00
parent 1199eff6c3
commit dfa4010406
34820 changed files with 1003813 additions and 205 deletions

1992
node_modules/@fluentui/react-text/CHANGELOG.md generated vendored Normal file

File diff suppressed because it is too large Load Diff

15
node_modules/@fluentui/react-text/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,15 @@
@fluentui/react-text
Copyright (c) Microsoft Corporation
All rights reserved.
MIT License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license

97
node_modules/@fluentui/react-text/README.md generated vendored Normal file
View File

@@ -0,0 +1,97 @@
# @fluentui/react-text
**React Text components for [Fluent UI React](https://react.fluentui.dev/)**
The Text component exists to ensure consistency in your application's content by setting fixed sizes and other styles.
This package also exports wrappers which ensure your text follows the Fluent design standards of typography.
## Usage
To use the Text components in your application, you can start by installing the main package of Fluent UI components:
<!-- TODO: Validate if FluentProvider works without theme. If not, which theme should we refer to -->
```sh
npm install @fluentui/react-components
```
```jsx
import { FluentProvider, Text } from '@fluentui/react-components';
const App = () => (
<FluentProvider>
<Text>Fluent UI Text!</Text>
</FluentProvider>
);
```
Or by installing only the `@fluentui/react-text` package. Keep in mind you'll need to install the FluentProvider package as well:
```sh
npm install @fluentui/react-text
npm install @fluentui/react-provider
```
```jsx
import { FluentProvider } from '@fluentui/react-provider';
import { Text } from '@fluentui/react-text';
const App = () => (
<FluentProvider>
<Text>Fluent UI Text!</Text>
</FluentProvider>
);
```
## Typography wrappers
![List of typography variants by sorted descending by size](./docs/assets/typography-examples.gif 'Typography wrapper list')
Wrappers offer an easy way to use text according to the Fluent Design System while also providing semantic code readability.
Below is an example of the Display wrapper vs using the Text component:
```tsx
import { Text, Display } from '@fluentui/react-text';
const Example = () => (
<>
<Text size={1000} weight="semibold">
This text is styled like a Display variant.
</Text>
<Display>This text is also styled like a Display variant.</Display>
</>
);
```
As you can see, using the `Display` wrapper is a lot easier to read and provides a clearer visual of the page's layout.
## Semantic elements
By default, Text and all the typography wrappers render a `<span>` element. You should use the `as` property to ensure your page has proper semantic elements such as heading or paragraph elements.
```html
<div>
<Subtitle1 as="h1">Subtitle1</Subtitle1>
<Subtitle2 as="h2">Subtitle2</Subtitle2>
<Text as="p">This is simple example</Text>
</div>
```
This will result in the following DOM structure:
```html
<div>
<h1>Subtitle1</h1>
<h2>Subtitle2</h2>
<p>This is simple example</p>
</div>
```
## API
For more information about the components, please refer to the [API documentation](https://react.fluentui.dev/).
## Migration
For migration information, have a look at the [migration guide](./MIGRATION.md).

240
node_modules/@fluentui/react-text/dist/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,240 @@
import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { JSXElement } from '@fluentui/react-utilities';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';
import { SlotClassNames } from '@fluentui/react-utilities';
/**
* Text preset component for the Body1 typography variant
*/
export declare const Body1: React_2.FunctionComponent<TextPresetProps>;
export declare const body1ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Body1Strong typography variant
*/
export declare const Body1Strong: React_2.FunctionComponent<TextPresetProps>;
export declare const body1StrongClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Body1Stronger typography variant
*/
export declare const Body1Stronger: React_2.FunctionComponent<TextPresetProps>;
export declare const body1StrongerClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Body2 typography variant
*/
export declare const Body2: React_2.FunctionComponent<TextPresetProps>;
export declare const body2ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Caption1 typography variant
*/
export declare const Caption1: React_2.FunctionComponent<TextPresetProps>;
export declare const caption1ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Caption1Strong typography variant
*/
export declare const Caption1Strong: React_2.FunctionComponent<TextPresetProps>;
export declare const caption1StrongClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Caption1Stronger typography variant
*/
export declare const Caption1Stronger: React_2.FunctionComponent<TextPresetProps>;
export declare const caption1StrongerClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Caption2 typography variant
*/
export declare const Caption2: React_2.FunctionComponent<TextPresetProps>;
export declare const caption2ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Caption2Strong typography variant
*/
export declare const Caption2Strong: React_2.FunctionComponent<TextPresetProps>;
export declare const caption2StrongClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Display typography variant
*/
export declare const Display: React_2.FunctionComponent<TextPresetProps>;
export declare const displayClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Large Title typography variant
*/
export declare const LargeTitle: React_2.FunctionComponent<TextPresetProps>;
export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
/**
* Render the final JSX of Text
*/
export declare const renderText_unstable: (state: TextState) => JSXElement;
/**
* Text preset component for the Subtitle1 typography variant
*/
export declare const Subtitle1: React_2.FunctionComponent<TextPresetProps>;
export declare const subtitle1ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Subtitle2 typography variant
*/
export declare const Subtitle2: React_2.FunctionComponent<TextPresetProps>;
export declare const subtitle2ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Subtitle2Stronger typography variant
*/
export declare const Subtitle2Stronger: React_2.FunctionComponent<TextPresetProps>;
export declare const subtitle2StrongerClassNames: SlotClassNames<TextSlots>;
/**
* Typography and styling abstraction component used to ensure consistency of text.
*/
declare const Text_2: ForwardRefComponent<TextProps>;
export { Text_2 as Text }
export declare const textClassNames: SlotClassNames<TextSlots>;
/**
* TextPreset Props
*/
export declare type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;
/**
* Text Props
*/
export declare type TextProps = ComponentProps<TextSlots> & {
/**
* Aligns text based on the parent container.
*
* @default start
*/
align?: 'start' | 'center' | 'end' | 'justify';
/**
* Applies a block display for the content.
*
* @default false
*/
block?: boolean;
/**
* Applies the font family to the content.
*
* @default base
*/
font?: 'base' | 'monospace' | 'numeric';
/**
* Applies the italic font style to the content.
*
* @default false
*/
italic?: boolean;
/**
* Applies font size and line height based on the theme typography tokens.
*
* @default 300
*/
size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
/**
* Applies the strikethrough text decoration to the content.
*
* @default false
*/
strikethrough?: boolean;
/**
* Truncate overflowing text for block displays.
*
* @default false
*/
truncate?: boolean;
/**
* Applies the underline text decoration to the content.
*
* @default false
*/
underline?: boolean;
/**
* Applies font weight to the content.
*
* @default regular
*/
weight?: 'regular' | 'medium' | 'semibold' | 'bold';
/**
* Wraps the text content on white spaces.
*
* @default true
*/
wrap?: boolean;
};
/**
* Text slots
*/
export declare type TextSlots = {
root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'strong' | 'b' | 'em' | 'i'>;
};
/**
* State used in rendering Text
*/
export declare type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'>>;
/**
* Text preset component for the Title 1 typography variant
*/
export declare const Title1: React_2.FunctionComponent<TextPresetProps>;
export declare const title1ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Title 2 typography variant
*/
export declare const Title2: React_2.FunctionComponent<TextPresetProps>;
export declare const title2ClassNames: SlotClassNames<TextSlots>;
/**
* Text preset component for the Title 3 typography variant
*/
export declare const Title3: React_2.FunctionComponent<TextPresetProps>;
export declare const title3ClassNames: SlotClassNames<TextSlots>;
/**
* 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_2.Ref<HTMLElement>) => TextState;
/**
* Apply styling to the Text slots based on the state
*/
export declare const useTextStyles_unstable: (state: TextState) => TextState;
export { }

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1: function() {
return _index.Body1;
},
body1ClassNames: function() {
return _index.body1ClassNames;
}
});
const _index = require("./components/presets/Body1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1.ts"],"sourcesContent":["export { Body1, body1ClassNames } from './components/presets/Body1/index';\n"],"names":["Body1","body1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eAAEC,sBAAe;;;uBAAQ,mCAAmC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1Strong: function() {
return _index.Body1Strong;
},
body1StrongClassNames: function() {
return _index.body1StrongClassNames;
}
});
const _index = require("./components/presets/Body1Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1Strong.ts"],"sourcesContent":["export { Body1Strong, body1StrongClassNames } from './components/presets/Body1Strong/index';\n"],"names":["Body1Strong","body1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,kBAAW;;;eAAEC,4BAAqB;;;uBAAQ,yCAAyC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1Stronger: function() {
return _index.Body1Stronger;
},
body1StrongerClassNames: function() {
return _index.body1StrongerClassNames;
}
});
const _index = require("./components/presets/Body1Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body1Stronger.ts"],"sourcesContent":["export { Body1Stronger, body1StrongerClassNames } from './components/presets/Body1Stronger/index';\n"],"names":["Body1Stronger","body1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,oBAAa;;;eAAEC,8BAAuB;;;uBAAQ,2CAA2C"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body2: function() {
return _index.Body2;
},
body2ClassNames: function() {
return _index.body2ClassNames;
}
});
const _index = require("./components/presets/Body2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Body2.ts"],"sourcesContent":["export { Body2, body2ClassNames } from './components/presets/Body2/index';\n"],"names":["Body2","body2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eAAEC,sBAAe;;;uBAAQ,mCAAmC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption1: function() {
return _index.Caption1;
},
caption1ClassNames: function() {
return _index.caption1ClassNames;
}
});
const _index = require("./components/presets/Caption1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1.ts"],"sourcesContent":["export { Caption1, caption1ClassNames } from './components/presets/Caption1/index';\n"],"names":["Caption1","caption1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,eAAQ;;;eAAEC,yBAAkB;;;uBAAQ,sCAAsC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption1Strong: function() {
return _index.Caption1Strong;
},
caption1StrongClassNames: function() {
return _index.caption1StrongClassNames;
}
});
const _index = require("./components/presets/Caption1Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1Strong.ts"],"sourcesContent":["export { Caption1Strong, caption1StrongClassNames } from './components/presets/Caption1Strong/index';\n"],"names":["Caption1Strong","caption1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,qBAAc;;;eAAEC,+BAAwB;;;uBAAQ,4CAA4C"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption1Stronger: function() {
return _index.Caption1Stronger;
},
caption1StrongerClassNames: function() {
return _index.caption1StrongerClassNames;
}
});
const _index = require("./components/presets/Caption1Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption1Stronger.ts"],"sourcesContent":["export { Caption1Stronger, caption1StrongerClassNames } from './components/presets/Caption1Stronger/index';\n"],"names":["Caption1Stronger","caption1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,uBAAgB;;;eAAEC,iCAA0B;;;uBAAQ,8CAA8C"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption2: function() {
return _index.Caption2;
},
caption2ClassNames: function() {
return _index.caption2ClassNames;
}
});
const _index = require("./components/presets/Caption2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption2.ts"],"sourcesContent":["export { Caption2, caption2ClassNames } from './components/presets/Caption2/index';\n"],"names":["Caption2","caption2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,eAAQ;;;eAAEC,yBAAkB;;;uBAAQ,sCAAsC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption2Strong: function() {
return _index.Caption2Strong;
},
caption2StrongClassNames: function() {
return _index.caption2StrongClassNames;
}
});
const _index = require("./components/presets/Caption2Strong/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Caption2Strong.ts"],"sourcesContent":["export { Caption2Strong, caption2StrongClassNames } from './components/presets/Caption2Strong/index';\n"],"names":["Caption2Strong","caption2StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,qBAAc;;;eAAEC,+BAAwB;;;uBAAQ,4CAA4C"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Display: function() {
return _index.Display;
},
displayClassNames: function() {
return _index.displayClassNames;
}
});
const _index = require("./components/presets/Display/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Display.ts"],"sourcesContent":["export { Display, displayClassNames } from './components/presets/Display/index';\n"],"names":["Display","displayClassNames"],"mappings":";;;;;;;;;;;;eAASA,cAAO;;;eAAEC,wBAAiB;;;uBAAQ,qCAAqC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
LargeTitle: function() {
return _index.LargeTitle;
},
largeTitleClassNames: function() {
return _index.largeTitleClassNames;
}
});
const _index = require("./components/presets/LargeTitle/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/LargeTitle.ts"],"sourcesContent":["export { LargeTitle, largeTitleClassNames } from './components/presets/LargeTitle/index';\n"],"names":["LargeTitle","largeTitleClassNames"],"mappings":";;;;;;;;;;;;eAASA,iBAAU;;;eAAEC,2BAAoB;;;uBAAQ,wCAAwC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Subtitle1: function() {
return _index.Subtitle1;
},
subtitle1ClassNames: function() {
return _index.subtitle1ClassNames;
}
});
const _index = require("./components/presets/Subtitle1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle1.ts"],"sourcesContent":["export { Subtitle1, subtitle1ClassNames } from './components/presets/Subtitle1/index';\n"],"names":["Subtitle1","subtitle1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAS;;;eAAEC,0BAAmB;;;uBAAQ,uCAAuC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Subtitle2: function() {
return _index.Subtitle2;
},
subtitle2ClassNames: function() {
return _index.subtitle2ClassNames;
}
});
const _index = require("./components/presets/Subtitle2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle2.ts"],"sourcesContent":["export { Subtitle2, subtitle2ClassNames } from './components/presets/Subtitle2/index';\n"],"names":["Subtitle2","subtitle2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,gBAAS;;;eAAEC,0BAAmB;;;uBAAQ,uCAAuC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Subtitle2Stronger: function() {
return _index.Subtitle2Stronger;
},
subtitle2StrongerClassNames: function() {
return _index.subtitle2StrongerClassNames;
}
});
const _index = require("./components/presets/Subtitle2Stronger/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Subtitle2Stronger.ts"],"sourcesContent":["export { Subtitle2Stronger, subtitle2StrongerClassNames } from './components/presets/Subtitle2Stronger/index';\n"],"names":["Subtitle2Stronger","subtitle2StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,wBAAiB;;;eAAEC,kCAA2B;;;uBAAQ,+CAA+C"}

28
node_modules/@fluentui/react-text/lib-commonjs/Text.js generated vendored Normal file
View File

@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Text: function() {
return _index.Text;
},
renderText_unstable: function() {
return _index.renderText_unstable;
},
textClassNames: function() {
return _index.textClassNames;
},
useTextStyles_unstable: function() {
return _index.useTextStyles_unstable;
},
useText_unstable: function() {
return _index.useText_unstable;
}
});
const _index = require("./components/Text/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Text.ts"],"sourcesContent":["export type { TextPresetProps, TextProps, TextSlots, TextState } from './components/Text/index';\nexport {\n Text,\n renderText_unstable,\n textClassNames,\n useTextStyles_unstable,\n useText_unstable,\n} from './components/Text/index';\n"],"names":["Text","renderText_unstable","textClassNames","useTextStyles_unstable","useText_unstable"],"mappings":";;;;;;;;;;;;eAEEA,WAAI;;;eACJC,0BAAmB;;;eACnBC,qBAAc;;;eACdC,6BAAsB;;;eACtBC,uBAAgB;;;uBACX,0BAA0B"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Title1: function() {
return _index.Title1;
},
title1ClassNames: function() {
return _index.title1ClassNames;
}
});
const _index = require("./components/presets/Title1/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title1.ts"],"sourcesContent":["export { Title1, title1ClassNames } from './components/presets/Title1/index';\n"],"names":["Title1","title1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Title2: function() {
return _index.Title2;
},
title2ClassNames: function() {
return _index.title2ClassNames;
}
});
const _index = require("./components/presets/Title2/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title2.ts"],"sourcesContent":["export { Title2, title2ClassNames } from './components/presets/Title2/index';\n"],"names":["Title2","title2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,19 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Title3: function() {
return _index.Title3;
},
title3ClassNames: function() {
return _index.title3ClassNames;
}
});
const _index = require("./components/presets/Title3/index");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/Title3.ts"],"sourcesContent":["export { Title3, title3ClassNames } from './components/presets/Title3/index';\n"],"names":["Title3","title3ClassNames"],"mappings":";;;;;;;;;;;;eAASA,aAAM;;;eAAEC,uBAAgB;;;uBAAQ,oCAAoC"}

View File

@@ -0,0 +1,25 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Text", {
enumerable: true,
get: function() {
return Text;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _useText = require("./useText");
const _renderText = require("./renderText");
const _useTextStylesstyles = require("./useTextStyles.styles");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const Text = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useText.useText_unstable)(props, ref);
(0, _useTextStylesstyles.useTextStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTextStyles_unstable')(state);
return (0, _renderText.renderText_unstable)(state);
// Work around some small mismatches in inferred types which don't matter in practice
});
Text.displayName = 'Text';

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles.styles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n const state = useText_unstable(props, ref);\n\n useTextStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTextStyles_unstable')(state);\n\n return renderText_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"],"names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","useCustomStyleHook_unstable","Text","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yBACE,YAAY;4BACT,eAAe;qCACZ,yBAAyB;qCAGpB,kCAAkC;AAKvE,MAAMK,OAAAA,WAAAA,GAAuCL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;QAEtCL,2CAAAA,EAAuBM;QAEvBL,gDAAAA,EAA4B,0BAA0BK;IAEtD,WAAOP,+BAAAA,EAAoBO;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}

View File

@@ -0,0 +1,6 @@
/**
* State used in rendering Text
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/Text.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre' | 'strong' | 'b' | 'em' | 'i'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n /**\n * Aligns text based on the parent container.\n *\n * @default start\n */\n align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Applies a block display for the content.\n *\n * @default false\n */\n block?: boolean;\n\n /**\n * Applies the font family to the content.\n *\n * @default base\n */\n font?: 'base' | 'monospace' | 'numeric';\n\n /**\n * Applies the italic font style to the content.\n *\n * @default false\n */\n italic?: boolean;\n\n /**\n * Applies font size and line height based on the theme typography tokens.\n *\n * @default 300\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n /**\n * Applies the strikethrough text decoration to the content.\n *\n * @default false\n */\n strikethrough?: boolean;\n\n /**\n * Truncate overflowing text for block displays.\n *\n * @default false\n */\n\n truncate?: boolean;\n\n /**\n * Applies the underline text decoration to the content.\n *\n * @default false\n */\n underline?: boolean;\n\n /**\n * Applies font weight to the content.\n *\n * @default regular\n */\n weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n /**\n * Wraps the text content on white spaces.\n *\n * @default true\n */\n wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n Required<\n Pick<\n TextProps,\n 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n >\n >;\n"],"names":[],"mappings":"AA0FA;;CAEC,GACD,WAMI"}

View File

@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Text: function() {
return _Text.Text;
},
renderText_unstable: function() {
return _renderText.renderText_unstable;
},
textClassNames: function() {
return _useTextStylesstyles.textClassNames;
},
useTextStyles_unstable: function() {
return _useTextStylesstyles.useTextStyles_unstable;
},
useText_unstable: function() {
return _useText.useText_unstable;
}
});
const _Text = require("./Text");
const _renderText = require("./renderText");
const _useText = require("./useText");
const _useTextStylesstyles = require("./useTextStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/index.ts"],"sourcesContent":["export { Text } from './Text';\nexport type { TextPresetProps, TextProps, TextSlots, TextState } from './Text.types';\nexport { renderText_unstable } from './renderText';\nexport { useText_unstable } from './useText';\nexport { textClassNames, useTextStyles_unstable } from './useTextStyles.styles';\n"],"names":["Text","renderText_unstable","useText_unstable","textClassNames","useTextStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,UAAI;;;eAEJC,+BAAmB;;;eAEnBE,mCAAc;;;eAAEC,2CAAsB;;;eADtCF,yBAAgB;;;sBAHJ,SAAS;4BAEM,eAAe;yBAClB,YAAY;qCACU,yBAAyB"}

View File

@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderText_unstable", {
enumerable: true,
get: function() {
return renderText_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderText_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/renderText.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState): JSXElement => {\n assertSlots<TextSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderText_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAOjD,MAAMC,sBAAsB,CAACC;QAClCF,2BAAAA,EAAuBE;IAEvB,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

View File

@@ -0,0 +1,41 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useText_unstable", {
enumerable: true,
get: function() {
return useText_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const useText_unstable = (props, ref)=>{
const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;
const state = {
align: align !== null && align !== void 0 ? align : 'start',
block: block !== null && block !== void 0 ? block : false,
font: font !== null && font !== void 0 ? font : 'base',
italic: italic !== null && italic !== void 0 ? italic : false,
size: size !== null && size !== void 0 ? size : 300,
strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
truncate: truncate !== null && truncate !== void 0 ? truncate : false,
underline: underline !== null && underline !== void 0 ? underline : false,
weight: weight !== null && weight !== void 0 ? weight : 'regular',
wrap: wrap !== null && wrap !== void 0 ? wrap : true,
components: {
root: 'span'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
// FIXME:
// `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`
// but since it would be a breaking change to fix it, we are casting ref to it's proper type
ref: ref,
...props
}), {
elementType: 'span'
})
};
return state;
};

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n\n const state: TextState = {\n align: align ?? 'start',\n block: block ?? false,\n font: font ?? 'base',\n italic: italic ?? false,\n size: size ?? 300,\n strikethrough: strikethrough ?? false,\n truncate: truncate ?? false,\n underline: underline ?? false,\n weight: weight ?? 'regular',\n wrap: wrap ?? true,\n\n components: { root: 'span' },\n\n root: slot.always(\n getIntrinsicElementProps('span', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLHeadingElement & HTMLPreElement>,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n\n return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","state","components","root","always","elementType"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,yBAAyB,CAACC,OAAkBC;IACjD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGX;IAE/F,MAAMY,QAAmB;QACvBD,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBP,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBK,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdJ,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBG,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdD,eAAeA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB;QAChCJ,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;QACtBG,WAAWA,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAa;QACxBI,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBR,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,QAAQ;YAC/B,SAAS;YACT,iGAAiG;YACjG,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAO;IAE1B;IAEA,OAAOJ;AACT,EAAE"}

View File

@@ -0,0 +1,186 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
textClassNames: function() {
return textClassNames;
},
useTextStyles_unstable: function() {
return useTextStyles_unstable;
}
});
const _react = require("@griffel/react");
const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bg96gwp: "f1i3iumi",
Bhrd7zp: "figsok6",
fsow6f: "fpgzoln",
mc9l5x: "f1w7gpdv",
Huce71: "f6juhto",
B68tc82: 0,
Bmxbyg5: 0,
Bpg54ce: "f1gl81tg",
ygn44y: "f2jf649"
},
nowrap: {
Huce71: "fz5stix",
B68tc82: 0,
Bmxbyg5: 0,
Bpg54ce: "f1a3p1vp"
},
truncate: {
ygn44y: "f1cmbuwj"
},
block: {
mc9l5x: "ftgm304"
},
italic: {
B80ckks: "f1j4dglz"
},
underline: {
w71qe1: "f13mvf36"
},
strikethrough: {
w71qe1: "fv5q2k7"
},
strikethroughUnderline: {
w71qe1: "f1drk4o6"
},
base100: {
Be2twd7: "f13mqy1h",
Bg96gwp: "fcpl73t"
},
base200: {
Be2twd7: "fy9rknc",
Bg96gwp: "fwrc4pm"
},
base400: {
Be2twd7: "fod5ikn",
Bg96gwp: "faaz57k"
},
base500: {
Be2twd7: "f1pp30po",
Bg96gwp: "f106mvju"
},
base600: {
Be2twd7: "f1x0m3f5",
Bg96gwp: "fb86gi6"
},
hero700: {
Be2twd7: "fojgt09",
Bg96gwp: "fcen8rp"
},
hero800: {
Be2twd7: "fccw675",
Bg96gwp: "f1ebx5kk"
},
hero900: {
Be2twd7: "f15afnhw",
Bg96gwp: "fr3w3wp"
},
hero1000: {
Be2twd7: "fpyltcb",
Bg96gwp: "f1ivgwrt"
},
monospace: {
Bahqtrf: "f1fedwem"
},
numeric: {
Bahqtrf: "f1uq0ln5"
},
weightMedium: {
Bhrd7zp: "fdj6btp"
},
weightSemibold: {
Bhrd7zp: "fl43uef"
},
weightBold: {
Bhrd7zp: "flh3ekv"
},
alignCenter: {
fsow6f: "f17mccla"
},
alignEnd: {
fsow6f: "f12ymhq5"
},
alignJustify: {
fsow6f: "f1j59e10"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".fpgzoln{text-align:start;}",
".f1w7gpdv{display:inline;}",
".f6juhto{white-space:normal;}",
[
".f1gl81tg{overflow:visible;}",
{
p: -1
}
],
".f2jf649{text-overflow:clip;}",
".fz5stix{white-space:nowrap;}",
[
".f1a3p1vp{overflow:hidden;}",
{
p: -1
}
],
".f1cmbuwj{text-overflow:ellipsis;}",
".ftgm304{display:block;}",
".f1j4dglz{font-style:italic;}",
".f13mvf36{text-decoration-line:underline;}",
".fv5q2k7{text-decoration-line:line-through;}",
".f1drk4o6{text-decoration-line:line-through underline;}",
".f13mqy1h{font-size:var(--fontSizeBase100);}",
".fcpl73t{line-height:var(--lineHeightBase100);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}",
".fod5ikn{font-size:var(--fontSizeBase400);}",
".faaz57k{line-height:var(--lineHeightBase400);}",
".f1pp30po{font-size:var(--fontSizeBase500);}",
".f106mvju{line-height:var(--lineHeightBase500);}",
".f1x0m3f5{font-size:var(--fontSizeBase600);}",
".fb86gi6{line-height:var(--lineHeightBase600);}",
".fojgt09{font-size:var(--fontSizeHero700);}",
".fcen8rp{line-height:var(--lineHeightHero700);}",
".fccw675{font-size:var(--fontSizeHero800);}",
".f1ebx5kk{line-height:var(--lineHeightHero800);}",
".f15afnhw{font-size:var(--fontSizeHero900);}",
".fr3w3wp{line-height:var(--lineHeightHero900);}",
".fpyltcb{font-size:var(--fontSizeHero1000);}",
".f1ivgwrt{line-height:var(--lineHeightHero1000);}",
".f1fedwem{font-family:var(--fontFamilyMonospace);}",
".f1uq0ln5{font-family:var(--fontFamilyNumeric);}",
".fdj6btp{font-weight:var(--fontWeightMedium);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".flh3ekv{font-weight:var(--fontWeightBold);}",
".f17mccla{text-align:center;}",
".f12ymhq5{text-align:end;}",
".f1j59e10{text-align:justify;}"
]
});
const useTextStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(textClassNames.root, 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.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
return state;
};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,127 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
textClassNames: function() {
return textClassNames;
},
useTextStyles_unstable: function() {
return useTextStyles_unstable;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const textClassNames = {
root: 'fui-Text'
};
/**
* Styles for the root slot
*/ const useStyles = (0, _react.makeStyles)({
root: {
fontFamily: _reacttheme.tokens.fontFamilyBase,
fontSize: _reacttheme.tokens.fontSizeBase300,
lineHeight: _reacttheme.tokens.lineHeightBase300,
fontWeight: _reacttheme.tokens.fontWeightRegular,
textAlign: 'start',
display: 'inline',
whiteSpace: 'normal',
overflow: 'visible',
textOverflow: 'clip'
},
nowrap: {
whiteSpace: 'nowrap',
overflow: 'hidden'
},
truncate: {
textOverflow: 'ellipsis'
},
block: {
display: 'block'
},
italic: {
fontStyle: 'italic'
},
underline: {
textDecorationLine: 'underline'
},
strikethrough: {
textDecorationLine: 'line-through'
},
strikethroughUnderline: {
textDecorationLine: 'line-through underline'
},
base100: {
fontSize: _reacttheme.tokens.fontSizeBase100,
lineHeight: _reacttheme.tokens.lineHeightBase100
},
base200: {
fontSize: _reacttheme.tokens.fontSizeBase200,
lineHeight: _reacttheme.tokens.lineHeightBase200
},
base400: {
fontSize: _reacttheme.tokens.fontSizeBase400,
lineHeight: _reacttheme.tokens.lineHeightBase400
},
base500: {
fontSize: _reacttheme.tokens.fontSizeBase500,
lineHeight: _reacttheme.tokens.lineHeightBase500
},
base600: {
fontSize: _reacttheme.tokens.fontSizeBase600,
lineHeight: _reacttheme.tokens.lineHeightBase600
},
hero700: {
fontSize: _reacttheme.tokens.fontSizeHero700,
lineHeight: _reacttheme.tokens.lineHeightHero700
},
hero800: {
fontSize: _reacttheme.tokens.fontSizeHero800,
lineHeight: _reacttheme.tokens.lineHeightHero800
},
hero900: {
fontSize: _reacttheme.tokens.fontSizeHero900,
lineHeight: _reacttheme.tokens.lineHeightHero900
},
hero1000: {
fontSize: _reacttheme.tokens.fontSizeHero1000,
lineHeight: _reacttheme.tokens.lineHeightHero1000
},
monospace: {
fontFamily: _reacttheme.tokens.fontFamilyMonospace
},
numeric: {
fontFamily: _reacttheme.tokens.fontFamilyNumeric
},
weightMedium: {
fontWeight: _reacttheme.tokens.fontWeightMedium
},
weightSemibold: {
fontWeight: _reacttheme.tokens.fontWeightSemibold
},
weightBold: {
fontWeight: _reacttheme.tokens.fontWeightBold
},
alignCenter: {
textAlign: 'center'
},
alignEnd: {
textAlign: 'end'
},
alignJustify: {
textAlign: 'justify'
}
});
const useTextStyles_unstable = (state)=>{
'use no memo';
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(textClassNames.root, 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.weight === 'bold' && styles.weightBold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
return state;
};

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Body1", {
enumerable: true,
get: function() {
return Body1;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useBody1Stylesstyles = require("./useBody1Styles.styles");
const Body1 = (0, _createPreset.createPreset)({
useStyles: _useBody1Stylesstyles.useBody1Styles,
className: _useBody1Stylesstyles.body1ClassNames.root,
displayName: 'Body1'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1Styles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"],"names":["React","createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;sCAEC,0BAA0B;AAKnE,MAAMI,YAAkDH,0BAAAA,EAAa;IAC1EI,WAAWF,oCAAAA;IACXG,WAAWJ,qCAAAA,CAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1: function() {
return _Body1.Body1;
},
body1ClassNames: function() {
return _useBody1Stylesstyles.body1ClassNames;
}
});
const _Body1 = require("./Body1");
const _useBody1Stylesstyles = require("./useBody1Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/index.ts"],"sourcesContent":["export { Body1 } from './Body1';\nexport { body1ClassNames } from './useBody1Styles.styles';\n"],"names":["Body1","body1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eACLC,qCAAe;;;uBADF,UAAU;sCACA,0BAA0B"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1ClassNames: function() {
return body1ClassNames;
},
useBody1Styles: function() {
return useBody1Styles;
}
});
const _react = require("@griffel/react");
const body1ClassNames = {
root: 'fui-Body1'
};
const useBody1Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "figsok6",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1ClassNames = {\n root: 'fui-Body1'\n};\n/**\n * Styles for the root slot\n */ export const useBody1Styles = makeStyles({\n root: typographyStyles.body1\n});\n"],"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;mBAGgB;;;kBAKG;;;;uBAPJ,gBAAgB;AAEpC,MAAME,kBAAkB;IAC3BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iBAAc,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEjC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1ClassNames: function() {
return body1ClassNames;
},
useBody1Styles: function() {
return useBody1Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1ClassNames = {
root: 'fui-Body1'
};
const useBody1Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1Styles = makeStyles({\n root: typographyStyles.body1,\n});\n"],"names":["makeStyles","typographyStyles","body1ClassNames","root","useBody1Styles","body1"],"mappings":"AAAA;;;;;;;;;;;;mBAOaE;;;kBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAKK,MAAMC,qBAAiBJ,iBAAAA,EAAW;IACvCG,MAAMF,4BAAAA,CAAiBI,KAAK;AAC9B,GAAG"}

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Body1Strong", {
enumerable: true,
get: function() {
return Body1Strong;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useBody1StrongStylesstyles = require("./useBody1StrongStyles.styles");
const Body1Strong = (0, _createPreset.createPreset)({
useStyles: _useBody1StrongStylesstyles.useBody1StrongStyles,
className: _useBody1StrongStylesstyles.body1StrongClassNames.root,
displayName: 'Body1Strong'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongStyles,\n className: body1StrongClassNames.root,\n displayName: 'Body1Strong',\n});\n"],"names":["React","createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;4CAEa,gCAAgC;AAKrF,MAAMI,kBAAwDH,0BAAAA,EAAa;IAChFI,WAAWF,gDAAAA;IACXG,WAAWJ,iDAAAA,CAAsBK,IAAI;IACrCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1Strong: function() {
return _Body1Strong.Body1Strong;
},
body1StrongClassNames: function() {
return _useBody1StrongStylesstyles.body1StrongClassNames;
}
});
const _Body1Strong = require("./Body1Strong");
const _useBody1StrongStylesstyles = require("./useBody1StrongStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/index.ts"],"sourcesContent":["export { Body1Strong } from './Body1Strong';\nexport { body1StrongClassNames } from './useBody1StrongStyles.styles';\n"],"names":["Body1Strong","body1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,wBAAW;;;eACXC,iDAAqB;;;6BADF,gBAAgB;4CACN,gCAAgC"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1StrongClassNames: function() {
return body1StrongClassNames;
},
useBody1StrongStyles: function() {
return useBody1StrongStyles;
}
});
const _react = require("@griffel/react");
const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
const useBody1StrongStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "fl43uef",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongClassNames = {\n root: 'fui-Body1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongStyles = makeStyles({\n root: typographyStyles.body1Strong\n});\n"],"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yBAGsB;;;wBAKG;;;;uBAPV,gBAAgB;AAEpC,MAAME,wBAAwB;IACjCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,uBAAoB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEvC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1StrongClassNames: function() {
return body1StrongClassNames;
},
useBody1StrongStyles: function() {
return useBody1StrongStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1StrongClassNames = {
root: 'fui-Body1Strong'
};
const useBody1StrongStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1Strong
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongStyles = makeStyles({\n root: typographyStyles.body1Strong,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","body1Strong"],"mappings":"AAAA;;;;;;;;;;;;yBAOaE;;;wBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAKK,MAAMC,2BAAuBJ,iBAAAA,EAAW;IAC7CG,MAAMF,4BAAAA,CAAiBI,WAAW;AACpC,GAAG"}

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Body1Stronger", {
enumerable: true,
get: function() {
return Body1Stronger;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useBody1StrongerStylesstyles = require("./useBody1StrongerStyles.styles");
const Body1Stronger = (0, _createPreset.createPreset)({
useStyles: _useBody1StrongerStylesstyles.useBody1StrongerStyles,
className: _useBody1StrongerStylesstyles.body1StrongerClassNames.root,
displayName: 'Body1Stronger'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody1StrongerStyles,\n className: body1StrongerClassNames.root,\n displayName: 'Body1Stronger',\n});\n"],"names":["React","createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;8CAEiB,kCAAkC;AAK3F,MAAMI,oBAA0DH,0BAAAA,EAAa;IAClFI,WAAWF,oDAAAA;IACXG,WAAWJ,qDAAAA,CAAwBK,IAAI;IACvCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body1Stronger: function() {
return _Body1Stronger.Body1Stronger;
},
body1StrongerClassNames: function() {
return _useBody1StrongerStylesstyles.body1StrongerClassNames;
}
});
const _Body1Stronger = require("./Body1Stronger");
const _useBody1StrongerStylesstyles = require("./useBody1StrongerStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/index.ts"],"sourcesContent":["export { Body1Stronger } from './Body1Stronger';\nexport { body1StrongerClassNames } from './useBody1StrongerStyles.styles';\n"],"names":["Body1Stronger","body1StrongerClassNames"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eACbC,qDAAuB;;;+BADF,kBAAkB;8CACR,kCAAkC"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1StrongerClassNames: function() {
return body1StrongerClassNames;
},
useBody1StrongerStyles: function() {
return useBody1StrongerStyles;
}
});
const _react = require("@griffel/react");
const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
const useBody1StrongerStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fkhj508",
Bhrd7zp: "flh3ekv",
Bg96gwp: "f1i3iumi"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fkhj508{font-size:var(--fontSizeBase300);}",
".flh3ekv{font-weight:var(--fontWeightBold);}",
".f1i3iumi{line-height:var(--lineHeightBase300);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody1StrongerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongerClassNames = {\n root: 'fui-Body1Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongerStyles = makeStyles({\n root: typographyStyles.body1Stronger\n});\n"],"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;2BAGwB;;;0BAKG;;;;uBAPZ,gBAAgB;AAEpC,MAAME,0BAA0B;IACnCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,yBAAsB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEzC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body1StrongerClassNames: function() {
return body1StrongerClassNames;
},
useBody1StrongerStyles: function() {
return useBody1StrongerStyles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body1StrongerClassNames = {
root: 'fui-Body1Stronger'
};
const useBody1StrongerStyles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body1Stronger
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongerClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongerStyles = makeStyles({\n root: typographyStyles.body1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","body1Stronger"],"mappings":"AAAA;;;;;;;;;;;;2BAOaE;;;0BAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,0BAAqD;IAChEC,MAAM;AACR,EAAE;AAKK,MAAMC,6BAAyBJ,iBAAAA,EAAW;IAC/CG,MAAMF,4BAAAA,CAAiBI,aAAa;AACtC,GAAG"}

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Body2", {
enumerable: true,
get: function() {
return Body2;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useBody2Stylesstyles = require("./useBody2Styles.styles");
const Body2 = (0, _createPreset.createPreset)({
useStyles: _useBody2Stylesstyles.useBody2Styles,
className: _useBody2Stylesstyles.body2ClassNames.root,
displayName: 'Body2'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useBody2Styles,\n className: body2ClassNames.root,\n displayName: 'Body2',\n});\n"],"names":["React","createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;sCAEC,0BAA0B;AAKnE,MAAMI,YAAkDH,0BAAAA,EAAa;IAC1EI,WAAWF,oCAAAA;IACXG,WAAWJ,qCAAAA,CAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Body2: function() {
return _Body2.Body2;
},
body2ClassNames: function() {
return _useBody2Stylesstyles.body2ClassNames;
}
});
const _Body2 = require("./Body2");
const _useBody2Stylesstyles = require("./useBody2Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/index.ts"],"sourcesContent":["export { Body2 } from './Body2';\nexport { body2ClassNames } from './useBody2Styles.styles';\n"],"names":["Body2","body2ClassNames"],"mappings":";;;;;;;;;;;;eAASA,YAAK;;;eACLC,qCAAe;;;uBADF,UAAU;sCACA,0BAA0B"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body2ClassNames: function() {
return body2ClassNames;
},
useBody2Styles: function() {
return useBody2Styles;
}
});
const _react = require("@griffel/react");
const body2ClassNames = {
root: 'fui-Body2'
};
const useBody2Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fod5ikn",
Bhrd7zp: "figsok6",
Bg96gwp: "faaz57k"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fod5ikn{font-size:var(--fontSizeBase400);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".faaz57k{line-height:var(--lineHeightBase400);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useBody2Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body2ClassNames = {\n root: 'fui-Body2'\n};\n/**\n * Styles for the root slot\n */ export const useBody2Styles = makeStyles({\n root: typographyStyles.body2\n});\n"],"names":["__styles","typographyStyles","body2ClassNames","root","useBody2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;mBAGgB;;;kBAKG;;;;uBAPJ,gBAAgB;AAEpC,MAAME,kBAAkB;IAC3BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iBAAc,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEjC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
body2ClassNames: function() {
return body2ClassNames;
},
useBody2Styles: function() {
return useBody2Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const body2ClassNames = {
root: 'fui-Body2'
};
const useBody2Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.body2
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody2Styles = makeStyles({\n root: typographyStyles.body2,\n});\n"],"names":["makeStyles","typographyStyles","body2ClassNames","root","useBody2Styles","body2"],"mappings":"AAAA;;;;;;;;;;;;mBAOaE;;;kBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAKK,MAAMC,qBAAiBJ,iBAAAA,EAAW;IACvCG,MAAMF,4BAAAA,CAAiBI,KAAK;AAC9B,GAAG"}

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Caption1", {
enumerable: true,
get: function() {
return Caption1;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useCaption1Stylesstyles = require("./useCaption1Styles.styles");
const Caption1 = (0, _createPreset.createPreset)({
useStyles: _useCaption1Stylesstyles.useCaption1Styles,
className: _useCaption1Stylesstyles.caption1ClassNames.root,
displayName: 'Caption1'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1Styles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"],"names":["React","createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;yCAEO,6BAA6B;AAK5E,MAAMI,eAAqDH,0BAAAA,EAAa;IAC7EI,WAAWF,0CAAAA;IACXG,WAAWJ,2CAAAA,CAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption1: function() {
return _Caption1.Caption1;
},
caption1ClassNames: function() {
return _useCaption1Stylesstyles.caption1ClassNames;
}
});
const _Caption1 = require("./Caption1");
const _useCaption1Stylesstyles = require("./useCaption1Styles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/index.ts"],"sourcesContent":["export { Caption1 } from './Caption1';\nexport { caption1ClassNames } from './useCaption1Styles.styles';\n"],"names":["Caption1","caption1ClassNames"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eACRC,2CAAkB;;;0BADF,aAAa;yCACH,6BAA6B"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
caption1ClassNames: function() {
return caption1ClassNames;
},
useCaption1Styles: function() {
return useCaption1Styles;
}
});
const _react = require("@griffel/react");
const caption1ClassNames = {
root: 'fui-Caption1'
};
const useCaption1Styles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "figsok6",
Bg96gwp: "fwrc4pm"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption1ClassNames = {\n root: 'fui-Caption1'\n};\n/**\n * Styles for the root slot\n */ export const useCaption1Styles = makeStyles({\n root: typographyStyles.caption1\n});\n"],"names":["__styles","typographyStyles","caption1ClassNames","root","useCaption1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;sBAGmB;;;qBAKG;;;;uBAPP,gBAAgB;AAEpC,MAAME,qBAAqB;IAC9BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,oBAAiB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEpC,CAAC"}

View File

@@ -0,0 +1,27 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
caption1ClassNames: function() {
return caption1ClassNames;
},
useCaption1Styles: function() {
return useCaption1Styles;
}
});
const _react = require("@griffel/react");
const _reacttheme = require("@fluentui/react-theme");
const caption1ClassNames = {
root: 'fui-Caption1'
};
const useCaption1Styles = (0, _react.makeStyles)({
root: _reacttheme.typographyStyles.caption1
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1Styles = makeStyles({\n root: typographyStyles.caption1,\n});\n"],"names":["makeStyles","typographyStyles","caption1ClassNames","root","useCaption1Styles","caption1"],"mappings":"AAAA;;;;;;;;;;;;sBAOaE;;;qBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAKK,MAAMC,wBAAoBJ,iBAAAA,EAAW;IAC1CG,MAAMF,4BAAAA,CAAiBI,QAAQ;AACjC,GAAG"}

View File

@@ -0,0 +1,20 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Caption1Strong", {
enumerable: true,
get: function() {
return Caption1Strong;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _createPreset = require("../createPreset");
const _useCaption1StrongStylesstyles = require("./useCaption1StrongStyles.styles");
const Caption1Strong = (0, _createPreset.createPreset)({
useStyles: _useCaption1StrongStylesstyles.useCaption1StrongStyles,
className: _useCaption1StrongStylesstyles.caption1StrongClassNames.root,
displayName: 'Caption1Strong'
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n useStyles: useCaption1StrongStyles,\n className: caption1StrongClassNames.root,\n displayName: 'Caption1Strong',\n});\n"],"names":["React","createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BACF,kBAAkB;+CAEmB,mCAAmC;AAK9F,MAAMI,qBAA2DH,0BAAAA,EAAa;IACnFI,WAAWF,sDAAAA;IACXG,WAAWJ,uDAAAA,CAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}

View File

@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Caption1Strong: function() {
return _Caption1Strong.Caption1Strong;
},
caption1StrongClassNames: function() {
return _useCaption1StrongStylesstyles.caption1StrongClassNames;
}
});
const _Caption1Strong = require("./Caption1Strong");
const _useCaption1StrongStylesstyles = require("./useCaption1StrongStyles.styles");

View File

@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/presets/Caption1Strong/index.ts"],"sourcesContent":["export { Caption1Strong } from './Caption1Strong';\nexport { caption1StrongClassNames } from './useCaption1StrongStyles.styles';\n"],"names":["Caption1Strong","caption1StrongClassNames"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eACdC,uDAAwB;;;gCADF,mBAAmB;+CACT,mCAAmC"}

View File

@@ -0,0 +1,38 @@
'use client';
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
caption1StrongClassNames: function() {
return caption1StrongClassNames;
},
useCaption1StrongStyles: function() {
return useCaption1StrongStyles;
}
});
const _react = require("@griffel/react");
const caption1StrongClassNames = {
root: 'fui-Caption1Strong'
};
const useCaption1StrongStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "fl43uef",
Bg96gwp: "fwrc4pm"
}
}, {
d: [
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".fl43uef{font-weight:var(--fontWeightSemibold);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}"
]
});

View File

@@ -0,0 +1 @@
{"version":3,"sources":["useCaption1StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const caption1StrongClassNames = {\n root: 'fui-Caption1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useCaption1StrongStyles = makeStyles({\n root: typographyStyles.caption1Strong\n});\n"],"names":["__styles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;4BAGyB;;;2BAKG;;;;uBAPb,gBAAgB;AAEpC,MAAME,2BAA2B;IACpCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,0BAAuB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAE1C,CAAC"}

Some files were not shown because too many files have changed in this diff Show More