@salutejs/plasma-new-hope 0.317.0-canary.1888.14214679698.0 → 0.318.0-canary.1888.14216501427.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Table/Table.css +8 -8
- package/cjs/components/Table/ui/Cell/Cell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/{EditableCell.styles_d8duzc.css → EditableCell.styles_1g3clv2.css} +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/cjs/engines/linaria.js +4 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +8 -8
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +8 -8
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +16 -0
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.styles.js +8 -8
- package/emotion/es/components/Typography/Typography.template-doc.mdx +16 -0
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/es/components/Table/Table.css +8 -8
- package/es/components/Table/ui/Cell/Cell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.css +8 -8
- package/es/components/Table/ui/EditableCell/EditableCell.styles.js +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.styles.js.map +1 -1
- package/es/components/Table/ui/EditableCell/{EditableCell.styles_d8duzc.css → EditableCell.styles_1g3clv2.css} +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +8 -8
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +8 -8
- package/es/engines/linaria.js +4 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +8 -8
- package/package.json +2 -2
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +1 -1
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +16 -0
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.styles.js +1 -1
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +16 -0
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts.map +1 -1
- package/types/components/Typography/Body/Body.d.ts +2 -2
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -2
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -2
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -2
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -1
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +2 -1
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/emotion/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/emotion/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/emotion/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/emotion/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/emotion/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
@@ -39,7 +39,7 @@ export var InputWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
39
39
|
})(["display:flex;align-items:center;height:100%;flex:1;padding:var(", ");background:var(", ");border:0.0625rem solid var(", ");border-radius:var(", ");box-sizing:border-box;gap:var(", ");"], tokens.editableCellInputPadding, tokens.editableCellInputBackground, tokens.editableCellInputBorderColor, tokens.editableCellInputBorderRadius, tokens.editableCellIconGap);
|
40
40
|
export var Input = /*#__PURE__*/styled.input.withConfig({
|
41
41
|
componentId: "plasma-new-hope__sc-1uu72a1-5"
|
42
|
-
})(["width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight);
|
42
|
+
})(["width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight);
|
43
43
|
export var IconDoneButton = /*#__PURE__*/styled(IconButton).withConfig({
|
44
44
|
componentId: "plasma-new-hope__sc-1uu72a1-6"
|
45
45
|
})(["", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonWidth, tokens.editableCellIconButtonWidth, iconButtonTokens.iconButtonHeight, tokens.editableCellIconButtonHeight);
|
@@ -23,6 +23,22 @@ title: Typography
|
|
23
23
|
По умолчанию в типографике если текст превышает ширину элемента, то слова будут переноситься по пробелам.
|
24
24
|
Чтобы запретить перенос по пробелам, необходимо установить свойство `noWrap` в значении `true`.
|
25
25
|
|
26
|
+
## Смена тега
|
27
|
+
Если при использовании компонентов необходимо сменить тег, то можно использовать свойство `as`:
|
28
|
+
|
29
|
+
```tsx live
|
30
|
+
import React from 'react';
|
31
|
+
import { BodyM } from '@salutejs/{{ package }}';
|
32
|
+
|
33
|
+
export function App() {
|
34
|
+
return (
|
35
|
+
<BodyM as="h3">
|
36
|
+
BodyM
|
37
|
+
</BodyM>
|
38
|
+
);
|
39
|
+
}
|
40
|
+
```
|
41
|
+
|
26
42
|
## Состав
|
27
43
|
|
28
44
|
### Hero unit
|
@@ -9,7 +9,7 @@ import { Body } from './Body';
|
|
9
9
|
import { config } from './Body.config';
|
10
10
|
|
11
11
|
const meta: Meta<typeof Body> = {
|
12
|
-
title: '
|
12
|
+
title: 'typography/Body',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Body,
|
15
15
|
argTypes: {
|
@@ -19,6 +19,9 @@ const meta: Meta<typeof Body> = {
|
|
19
19
|
type: 'color',
|
20
20
|
},
|
21
21
|
},
|
22
|
+
as: {
|
23
|
+
control: 'text',
|
24
|
+
},
|
22
25
|
},
|
23
26
|
args: {
|
24
27
|
noWrap: false,
|
@@ -9,7 +9,7 @@ import { Dspl } from './Dspl';
|
|
9
9
|
import { config } from './Dspl.config';
|
10
10
|
|
11
11
|
const meta: Meta<typeof Dspl> = {
|
12
|
-
title: '
|
12
|
+
title: 'typography/Dspl',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Dspl,
|
15
15
|
argTypes: {
|
@@ -19,6 +19,9 @@ const meta: Meta<typeof Dspl> = {
|
|
19
19
|
type: 'color',
|
20
20
|
},
|
21
21
|
},
|
22
|
+
as: {
|
23
|
+
control: 'text',
|
24
|
+
},
|
22
25
|
},
|
23
26
|
args: {
|
24
27
|
noWrap: false,
|
@@ -9,7 +9,7 @@ import { Heading } from './Heading';
|
|
9
9
|
import { config } from './Heading.config';
|
10
10
|
|
11
11
|
const meta: Meta<typeof Heading> = {
|
12
|
-
title: '
|
12
|
+
title: 'typography/Heading',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Heading,
|
15
15
|
argTypes: {
|
@@ -19,6 +19,9 @@ const meta: Meta<typeof Heading> = {
|
|
19
19
|
type: 'color',
|
20
20
|
},
|
21
21
|
},
|
22
|
+
as: {
|
23
|
+
control: 'text',
|
24
|
+
},
|
22
25
|
},
|
23
26
|
args: {
|
24
27
|
noWrap: false,
|
@@ -9,7 +9,7 @@ import { Text } from './Text';
|
|
9
9
|
import { config } from './Text.config';
|
10
10
|
|
11
11
|
const meta: Meta<typeof Text> = {
|
12
|
-
title: '
|
12
|
+
title: 'typography/Text',
|
13
13
|
decorators: [WithTheme],
|
14
14
|
component: Text,
|
15
15
|
argTypes: {
|
@@ -19,6 +19,9 @@ const meta: Meta<typeof Text> = {
|
|
19
19
|
type: 'color',
|
20
20
|
},
|
21
21
|
},
|
22
|
+
as: {
|
23
|
+
control: 'text',
|
24
|
+
},
|
22
25
|
},
|
23
26
|
args: {
|
24
27
|
noWrap: false,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditableCell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO/C,eAAO,MAAM,EAAE;mBACI,UAAU,CAAC,eAAe,CAAC;iBAC7B,OAAO;;;WAGb,UAAU,CAAC,MAAM,CAAC;EAiC5B,CAAC;AAEF,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,qKAWxB,CAAC;AAEF,eAAO,MAAM,KAAK,
|
1
|
+
{"version":3,"file":"EditableCell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO/C,eAAO,MAAM,EAAE;mBACI,UAAU,CAAC,eAAe,CAAC;iBAC7B,OAAO;;;WAGb,UAAU,CAAC,MAAM,CAAC;EAiC5B,CAAC;AAEF,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAI1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAM3B,CAAC;AAEF,eAAO,MAAM,YAAY,qKAWxB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAejB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAG1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAG3B,CAAC"}
|
@@ -5,7 +5,7 @@ export declare const bodyRoot: (Root: import("../../..").RootProps<HTMLDivElemen
|
|
5
5
|
noWrap?: boolean | undefined;
|
6
6
|
breakWord?: boolean | undefined;
|
7
7
|
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
9
9
|
export declare const bodyConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
@@ -13,7 +13,7 @@ export declare const bodyConfig: {
|
|
13
13
|
noWrap?: boolean | undefined;
|
14
14
|
breakWord?: boolean | undefined;
|
15
15
|
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
16
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
17
17
|
base: import("@linaria/core").LinariaClassName;
|
18
18
|
variations: {
|
19
19
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Body/Body.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;;iNAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -5,7 +5,7 @@ export declare const dsplRoot: (Root: import("../../..").RootProps<HTMLDivElemen
|
|
5
5
|
noWrap?: boolean | undefined;
|
6
6
|
breakWord?: boolean | undefined;
|
7
7
|
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
9
9
|
export declare const dsplConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
@@ -13,7 +13,7 @@ export declare const dsplConfig: {
|
|
13
13
|
noWrap?: boolean | undefined;
|
14
14
|
breakWord?: boolean | undefined;
|
15
15
|
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
16
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
17
17
|
base: import("@linaria/core").LinariaClassName;
|
18
18
|
variations: {
|
19
19
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Dspl.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Dspl/Dspl.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;;iNAA+C,CAAC;AAErE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -5,7 +5,7 @@ export declare const headingRoot: (Root: import("../../..").RootProps<HTMLDivEle
|
|
5
5
|
noWrap?: boolean | undefined;
|
6
6
|
breakWord?: boolean | undefined;
|
7
7
|
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
9
9
|
export declare const headingConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
@@ -13,7 +13,7 @@ export declare const headingConfig: {
|
|
13
13
|
noWrap?: boolean | undefined;
|
14
14
|
breakWord?: boolean | undefined;
|
15
15
|
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
16
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
17
17
|
base: import("@linaria/core").LinariaClassName;
|
18
18
|
variations: {
|
19
19
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,YAAY,GAAG,SAAS,CAAC;AAErC,eAAO,MAAM,WAAW;;;;iNAA+C,CAAC;AAExE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;CAazB,CAAC"}
|
@@ -5,7 +5,7 @@ export declare const textRoot: (Root: import("../../..").RootProps<HTMLDivElemen
|
|
5
5
|
noWrap?: boolean | undefined;
|
6
6
|
breakWord?: boolean | undefined;
|
7
7
|
color?: string | undefined;
|
8
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
8
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
9
9
|
export declare const textConfig: {
|
10
10
|
name: string;
|
11
11
|
tag: string;
|
@@ -13,7 +13,7 @@ export declare const textConfig: {
|
|
13
13
|
noWrap?: boolean | undefined;
|
14
14
|
breakWord?: boolean | undefined;
|
15
15
|
color?: string | undefined;
|
16
|
-
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
16
|
+
} & import("../../..").SpacingProps & import("../Typography.types").BoldProps & import("../../..").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
17
17
|
base: import("@linaria/core").LinariaClassName;
|
18
18
|
variations: {
|
19
19
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,oBAAY,SAAS,GAAG,SAAS,CAAC;AAElC,eAAO,MAAM,QAAQ;;;;iNAA0B,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAatB,CAAC"}
|
@@ -7,5 +7,5 @@ export declare const typographyRootCompose: (defaultArgs?: {
|
|
7
7
|
noWrap?: boolean | undefined;
|
8
8
|
breakWord?: boolean | undefined;
|
9
9
|
color?: string | undefined;
|
10
|
-
} & import("../../mixins/applySpacing").SpacingProps & import("./Typography.types").BoldProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
10
|
+
} & import("../../mixins/applySpacing").SpacingProps & import("./Typography.types").BoldProps & import("../..").AsProps<any> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
11
11
|
//# sourceMappingURL=Typography.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC;;;;
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,qBAAqB;;yBACxB,UAAU,cAAc,EAAE,SAAS,CAAC;;;;0MAgCxC,CAAC"}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
2
|
+
import { AsProps } from '../..';
|
2
3
|
import type { SpacingProps } from '../../mixins/applySpacing';
|
3
4
|
export declare type BoldProps = {
|
4
5
|
/**
|
@@ -14,5 +15,5 @@ export declare type FontProps = {
|
|
14
15
|
noWrap?: boolean;
|
15
16
|
breakWord?: boolean;
|
16
17
|
color?: string;
|
17
|
-
} & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement>;
|
18
|
+
} & SpacingProps & BoldProps & AsProps & HTMLAttributes<HTMLDivElement>;
|
18
19
|
//# sourceMappingURL=Typography.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,SAAS,GAAG;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,YAAY,GACZ,SAAS,GACT,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
1
|
+
{"version":3,"file":"Typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,oBAAY,SAAS,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,SAAS,GAAG;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,YAAY,GACZ,SAAS,GACT,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
size: 'body1'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
body1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body1-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body1-line-height);;label:plasma-new-hope__body1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVc0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9Cb2R5L0JvZHkuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnYm9keTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBib2R5MTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgYm9keTI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
|
16
|
-
body2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body2-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body2-line-height);;label:plasma-new-hope__body2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2JvZHkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYm9keTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBib2R5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
17
|
-
body3: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-body3-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-body3-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-body3-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-body3-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-body3-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-body3-line-height);;label:plasma-new-hope__body3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnNCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQm9keS9Cb2R5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2JvZHkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYm9keTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJvZHkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBib2R5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
18
|
-
}
|
19
|
-
}
|
20
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.OldBody = void 0;
|
7
|
-
var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../../engines");
|
9
|
-
var _Body = /*#__PURE__*/require("./Body.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.oldBodyConfig, _Body.config);
|
11
|
-
var OldBody = exports.OldBody = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { oldBodyConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { OldBody } from './Body';
|
9
|
-
import { config } from './Body.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof OldBody> = {
|
12
|
-
title: 'Data Display/Typography/Old/Body',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: OldBody,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(oldBodyConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof OldBody> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<OldBody {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</OldBody>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
size: 'button1'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
button1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-button1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-button1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-button1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-button1-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-button1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-button1-line-height);;label:plasma-new-hope__button1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHNpemU6ICdidXR0b24xJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgYnV0dG9uMTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1idXR0b24xLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgYnV0dG9uMjogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1idXR0b24yLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
16
|
-
button2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-button2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-button2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-button2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-button2-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-button2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-button2-line-height);;label:plasma-new-hope__button2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQnV0dG9uL0J1dHRvbi5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J3QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy90eXBvZ3JhcGh5L2NvbXBvbmVudHMvT2xkL0J1dHRvbi9CdXR0b24uY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnYnV0dG9uMScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIGJ1dHRvbjE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGJ1dHRvbjI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYnV0dG9uMi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJ1dHRvbjItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
17
|
-
}
|
18
|
-
}
|
19
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Button = void 0;
|
7
|
-
var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../../engines");
|
9
|
-
var _Button = /*#__PURE__*/require("./Button.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.buttonTypographyConfig, _Button.config);
|
11
|
-
var Button = exports.Button = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { buttonTypographyConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Button } from './Button';
|
9
|
-
import { config } from './Button.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Button> = {
|
12
|
-
title: 'Data Display/Typography/Old/Button',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Button,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(buttonTypographyConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Button> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Button {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Button>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
size: 'm'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
m: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-caption-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-caption-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-caption-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-caption-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-caption-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-caption-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvQ2FwdGlvbi9DYXB0aW9uLmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9DYXB0aW9uL0NhcHRpb24uY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tY2FwdGlvbi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWNhcHRpb24tbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
|
16
|
-
}
|
17
|
-
}
|
18
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Caption = void 0;
|
7
|
-
var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../../engines");
|
9
|
-
var _Caption = /*#__PURE__*/require("./Caption.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.captionConfig, _Caption.config);
|
11
|
-
var Caption = exports.Caption = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { captionConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Caption } from './Caption';
|
9
|
-
import { config } from './Caption.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Caption> = {
|
12
|
-
title: 'Data Display/Typography/Old/Caption',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Caption,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(captionConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Caption> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Caption {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Caption>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _tokens = /*#__PURE__*/require("../../../../../components/Typography/tokens");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
size: 'display1'
|
12
|
-
},
|
13
|
-
variations: {
|
14
|
-
size: {
|
15
|
-
display1: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-display1-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-display1-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-display1-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-display1-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-display1-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-display1-line-height);;label:plasma-new-hope__display1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVeUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vZXhhbXBsZXMvdHlwb2dyYXBoeS9jb21wb25lbnRzL09sZC9EaXNwbGF5L0Rpc3BsYXkuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL1R5cG9ncmFwaHkvdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGNvbmZpZyA9IHtcbiAgICBkZWZhdWx0czoge1xuICAgICAgICBzaXplOiAnZGlzcGxheTEnLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBkaXNwbGF5MTogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICAgICAgZGlzcGxheTI6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkzOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */")),
|
16
|
-
display2: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-display2-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-display2-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-display2-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-display2-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-display2-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-display2-line-height);;label:plasma-new-hope__display2;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnlCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2Rpc3BsYXkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgZGlzcGxheTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkaXNwbGF5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */")),
|
17
|
-
display3: /*#__PURE__*/(0, _react.css)(_tokens.tokens.typoFontFamily, ":var(--plasma-typo-display3-font-family);", _tokens.tokens.typoFontSize, ":var(--plasma-typo-display3-font-size);", _tokens.tokens.typoFontStyle, ":var(--plasma-typo-display3-font-style);", _tokens.tokens.typoFontWeight, ":var(--plasma-typo-display3-font-weight);", _tokens.tokens.typoFontLetterSpacing, ":var(--plasma-typo-display3-letter-spacing);", _tokens.tokens.typoFontLineHeight, ":var(--plasma-typo-display3-line-height);;label:plasma-new-hope__display3;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQnlCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3R5cG9ncmFwaHkvY29tcG9uZW50cy9PbGQvRGlzcGxheS9EaXNwbGF5LmNvbmZpZy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9UeXBvZ3JhcGh5L3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgc2l6ZTogJ2Rpc3BsYXkxJyxcbiAgICB9LFxuICAgIHZhcmlhdGlvbnM6IHtcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgZGlzcGxheTE6IGNzc2BcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkxLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5MS1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTEtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgICAgIGRpc3BsYXkyOiBjc3NgXG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5Mi1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTItbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkyLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgICAgICBkaXNwbGF5MzogY3NzYFxuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHt0b2tlbnMudHlwb0ZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tZGlzcGxheTMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7dG9rZW5zLnR5cG9Gb250TGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWRpc3BsYXkzLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke3Rva2Vucy50eXBvRm9udExpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1kaXNwbGF5My1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
18
|
-
}
|
19
|
-
}
|
20
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Display = void 0;
|
7
|
-
var _Typography = /*#__PURE__*/require("../../../../../components/Typography");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../../engines");
|
9
|
-
var _Display = /*#__PURE__*/require("./Display.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Typography.displayConfig, _Display.config);
|
11
|
-
var Display = exports.Display = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
|
4
|
-
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
5
|
-
import { mergeConfig } from '../../../../../engines';
|
6
|
-
import { displayConfig } from '../../../../../components/Typography';
|
7
|
-
|
8
|
-
import { Display } from './Display';
|
9
|
-
import { config } from './Display.config';
|
10
|
-
|
11
|
-
const meta: Meta<typeof Display> = {
|
12
|
-
title: 'Data Display/Typography/Old/Display',
|
13
|
-
decorators: [WithTheme],
|
14
|
-
component: Display,
|
15
|
-
argTypes: {
|
16
|
-
...argTypesFromConfig(mergeConfig(displayConfig, config)),
|
17
|
-
color: {
|
18
|
-
control: {
|
19
|
-
type: 'color',
|
20
|
-
},
|
21
|
-
},
|
22
|
-
},
|
23
|
-
args: {
|
24
|
-
noWrap: false,
|
25
|
-
breakWord: true,
|
26
|
-
},
|
27
|
-
};
|
28
|
-
|
29
|
-
export default meta;
|
30
|
-
|
31
|
-
export const Default: StoryObj<typeof Display> = {
|
32
|
-
render: (props) => {
|
33
|
-
return (
|
34
|
-
<Display {...props}>
|
35
|
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
|
36
|
-
distinctio modi quo, provident quod.
|
37
|
-
</Display>
|
38
|
-
);
|
39
|
-
},
|
40
|
-
};
|