@frontify/fondue 12.0.0-beta.164 → 12.0.0-beta.165

package/dist/typography/Heading/Heading.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.es.js","sources":["../../../src/typography/Heading/Heading.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\nimport React, { FC, PropsWithChildren } from 'react';\nimport { decorationMap, displayMap, overflowMap, whitespaceMap, wordBreakMap } from '../shared/records';\nimport { SharedTypographyProps } from '../shared/types';\n\ntype HeadingWeight = 'default' | 'strong';\ntype HeadingSize = 'medium' | 'large' | 'x-large' | 'xx-large';\ntype HeadingColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\nexport type HeadingProps = PropsWithChildren<\n    SharedTypographyProps & {\n        size?: HeadingSize;\n        weight?: HeadingWeight;\n        as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';\n        color?: HeadingColor;\n    }\n>;\n\nconst weightMap: Record<HeadingWeight, string> = {\n    default: 'tw-font-medium',\n    strong: 'tw-font-bold',\n};\n\nconst sizeMap: Record<HeadingSize, string> = {\n    medium: 'tw-text-heading-medium',\n    large: 'tw-text-heading-large',\n    'x-large': 'tw-text-heading-x-large',\n    'xx-large': 'tw-text-heading-xx-large',\n};\n\nconst colorMap: Record<HeadingColor, string> = {\n    default: 'tw-text-text',\n    weak: 'tw-text-text-weak',\n    'x-weak': 'tw-text-text-x-weak',\n    disabled: 'tw-text-text-disabled',\n    negative: 'tw-text-text-negative',\n    positive: 'tw-text-text-positive',\n    warning: 'tw-text-text-warning',\n    interactive: 'tw-text-text-interactive',\n};\n\nexport const Heading: FC<HeadingProps> = ({\n    children,\n    as: Tag = 'span',\n    weight = 'default',\n    size = 'medium',\n    color = 'default',\n    overflow = 'visible',\n    decoration = 'none',\n    wordBreak = 'normal',\n    whitespace = 'normal',\n    display,\n}) => (\n    <Tag\n        data-test-id=\"heading\"\n        className={merge([\n            'tw-font-heading tw-max-w-full',\n            weightMap[weight],\n            sizeMap[size],\n            colorMap[color],\n            decorationMap[decoration],\n            wordBreakMap[wordBreak],\n            overflow !== 'truncate' && whitespaceMap[whitespace],\n            overflowMap[overflow],\n            display && displayMap[display],\n        ])}\n    >\n        {children}\n    </Tag>\n);\nHeading.displayName = 'FondueHeading';\n"],"names":["weightMap","sizeMap","colorMap","Heading","children","Tag","weight","size","color","overflow","decoration","wordBreak","whitespace","display","React","merge","decorationMap","wordBreakMap","whitespaceMap","overflowMap","displayMap"],"mappings":";;;AAoBA,MAAMA,IAA2C;AAAA,EAC7C,SAAS;AAAA,EACT,QAAQ;AACZ,GAEMC,IAAuC;AAAA,EACzC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAChB,GAEMC,IAAyC;AAAA,EAC3C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACjB,GAEaC,IAA4B,CAAC;AAAA,EACtC,UAAAC;AAAA,EACA,IAAIC,IAAM;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC;AACJ,MACI,gBAAAC,EAAA;AAAA,EAACT;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAWU,EAAM;AAAA,MACb;AAAA,MACAf,EAAUM,CAAM;AAAA,MAChBL,EAAQM,CAAI;AAAA,MACZL,EAASM,CAAK;AAAA,MACdQ,EAAcN,CAAU;AAAA,MACxBO,EAAaN,CAAS;AAAA,MACtBF,MAAa,cAAcS,EAAcN,CAAU;AAAA,MACnDO,EAAYV,CAAQ;AAAA,MACpBI,KAAWO,EAAWP,CAAO;AAAA,IAAA,CAChC;AAAA,EAAA;AAAA,EAEAT;AACL;AAEJD,EAAQ,cAAc;"}
+{"version":3,"file":"Heading.es.js","sources":["../../../src/typography/Heading/Heading.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { decorationMap, displayMap, overflowMap, whitespaceMap, wordBreakMap } from '../shared/records';\nimport { SharedTypographyProps } from '../shared/types';\n\ntype HeadingWeight = 'default' | 'strong';\ntype HeadingSize = 'medium' | 'large' | 'x-large' | 'xx-large';\ntype HeadingColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\nexport type HeadingProps = SharedTypographyProps & {\n    size?: HeadingSize;\n    weight?: HeadingWeight;\n    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p';\n    color?: HeadingColor;\n    children?: ReactNode;\n};\n\nconst weightMap: Record<HeadingWeight, string> = {\n    default: 'tw-font-medium',\n    strong: 'tw-font-bold',\n};\n\nconst sizeMap: Record<HeadingSize, string> = {\n    medium: 'tw-text-heading-medium',\n    large: 'tw-text-heading-large',\n    'x-large': 'tw-text-heading-x-large',\n    'xx-large': 'tw-text-heading-xx-large',\n};\n\nconst colorMap: Record<HeadingColor, string> = {\n    default: 'tw-text-text',\n    weak: 'tw-text-text-weak',\n    'x-weak': 'tw-text-text-x-weak',\n    disabled: 'tw-text-text-disabled',\n    negative: 'tw-text-text-negative',\n    positive: 'tw-text-text-positive',\n    warning: 'tw-text-text-warning',\n    interactive: 'tw-text-text-interactive',\n};\n\nexport const Heading = ({\n    children,\n    as: Tag = 'span',\n    weight = 'default',\n    size = 'medium',\n    color = 'default',\n    overflow = 'visible',\n    decoration = 'none',\n    wordBreak = 'normal',\n    whitespace = 'normal',\n    display,\n}: HeadingProps): ReactElement => (\n    <Tag\n        data-test-id=\"heading\"\n        className={merge([\n            'tw-font-heading tw-max-w-full',\n            weightMap[weight],\n            sizeMap[size],\n            colorMap[color],\n            decorationMap[decoration],\n            wordBreakMap[wordBreak],\n            overflow !== 'truncate' && whitespaceMap[whitespace],\n            overflowMap[overflow],\n            display && displayMap[display],\n        ])}\n    >\n        {children}\n    </Tag>\n);\nHeading.displayName = 'FondueHeading';\n"],"names":["weightMap","sizeMap","colorMap","Heading","children","Tag","weight","size","color","overflow","decoration","wordBreak","whitespace","display","React","merge","decorationMap","wordBreakMap","whitespaceMap","overflowMap","displayMap"],"mappings":";;;AAmBA,MAAMA,IAA2C;AAAA,EAC7C,SAAS;AAAA,EACT,QAAQ;AACZ,GAEMC,IAAuC;AAAA,EACzC,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAChB,GAEMC,IAAyC;AAAA,EAC3C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACjB,GAEaC,IAAU,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,IAAIC,IAAM;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC;AACJ,MACI,gBAAAC,EAAA;AAAA,EAACT;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAWU,EAAM;AAAA,MACb;AAAA,MACAf,EAAUM,CAAM;AAAA,MAChBL,EAAQM,CAAI;AAAA,MACZL,EAASM,CAAK;AAAA,MACdQ,EAAcN,CAAU;AAAA,MACxBO,EAAaN,CAAS;AAAA,MACtBF,MAAa,cAAcS,EAAcN,CAAU;AAAA,MACnDO,EAAYV,CAAQ;AAAA,MACpBI,KAAWO,EAAWP,CAAO;AAAA,IAAA,CAChC;AAAA,EAAA;AAAA,EAEAT;AACL;AAEJD,EAAQ,cAAc;"}

package/dist/typography/Text/Text.d.ts

@@ -1,13 +1,17 @@
-import { FC, PropsWithChildren } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { SharedTypographyProps } from '../shared/types';
 type TextWeight = 'default' | 'strong' | 'x-strong';
 type TextSize = 'x-small' | 'small' | 'medium' | 'large';
 type TextColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';
-export type TextProps = PropsWithChildren<SharedTypographyProps & {
+export type TextProps = SharedTypographyProps & {
     size?: TextSize;
     weight?: TextWeight;
     as?: 'a' | 'abbr' | 'address' | 'em' | 'label' | 'li' | 'span' | 'strong' | 'time' | 'p';
     color?: TextColor;
-}>;
-export declare const Text: FC<TextProps>;
+    children?: ReactNode;
+};
+export declare const Text: {
+    ({ children, as: Tag, weight, size, color, decoration, wordBreak, whitespace, overflow, display, }: TextProps): ReactElement;
+    displayName: string;
+};
 export {};

package/dist/typography/Text/Text.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.es.js","sources":["../../../src/typography/Text/Text.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\nimport React, { FC, PropsWithChildren } from 'react';\nimport { decorationMap, displayMap, overflowMap, whitespaceMap, wordBreakMap } from '../shared/records';\nimport { SharedTypographyProps } from '../shared/types';\n\ntype TextWeight = 'default' | 'strong' | 'x-strong';\ntype TextSize = 'x-small' | 'small' | 'medium' | 'large';\ntype TextColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\nexport type TextProps = PropsWithChildren<\n    SharedTypographyProps & {\n        size?: TextSize;\n        weight?: TextWeight;\n        as?: 'a' | 'abbr' | 'address' | 'em' | 'label' | 'li' | 'span' | 'strong' | 'time' | 'p';\n        color?: TextColor;\n    }\n>;\n\nconst weightMap: Record<TextWeight, string> = {\n    default: 'tw-font-regular',\n    strong: 'tw-font-medium',\n    'x-strong': 'tw-font-bold',\n};\n\nconst sizeMap: Record<TextSize, string> = {\n    'x-small': 'tw-text-body-x-small',\n    small: 'tw-text-body-small',\n    medium: 'tw-text-body-medium',\n    large: 'tw-text-body-large',\n};\n\nconst colorMap: Record<TextColor, string> = {\n    default: 'tw-text-text',\n    weak: 'tw-text-text-weak',\n    'x-weak': 'tw-text-text-x-weak',\n    disabled: 'tw-text-text-disabled',\n    negative: 'tw-text-text-negative',\n    positive: 'tw-text-text-positive',\n    warning: 'tw-text-text-warning',\n    interactive: 'tw-text-text-interactive',\n};\n\nexport const Text: FC<TextProps> = ({\n    children,\n    as: Tag = 'span',\n    weight = 'default',\n    size = 'medium',\n    color = 'default',\n    decoration = 'none',\n    wordBreak = 'normal',\n    whitespace = 'normal',\n    overflow = 'visible',\n    display,\n}) => (\n    <Tag\n        data-test-id=\"text\"\n        className={merge([\n            'tw-font-body tw-max-w-full',\n            weightMap[weight],\n            sizeMap[size],\n            colorMap[color],\n            decorationMap[decoration],\n            wordBreakMap[wordBreak],\n            overflow !== 'truncate' && whitespaceMap[whitespace],\n            overflowMap[overflow],\n            display && displayMap[display],\n        ])}\n    >\n        {children}\n    </Tag>\n);\nText.displayName = 'FondueText';\n"],"names":["weightMap","sizeMap","colorMap","Text","children","Tag","weight","size","color","decoration","wordBreak","whitespace","overflow","display","React","merge","decorationMap","wordBreakMap","whitespaceMap","overflowMap","displayMap"],"mappings":";;;AAoBA,MAAMA,IAAwC;AAAA,EAC1C,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAChB,GAEMC,IAAoC;AAAA,EACtC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX,GAEMC,IAAsC;AAAA,EACxC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACjB,GAEaC,IAAsB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,IAAIC,IAAM;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,SAAAC;AACJ,MACI,gBAAAC,EAAA;AAAA,EAACT;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAWU,EAAM;AAAA,MACb;AAAA,MACAf,EAAUM,CAAM;AAAA,MAChBL,EAAQM,CAAI;AAAA,MACZL,EAASM,CAAK;AAAA,MACdQ,EAAcP,CAAU;AAAA,MACxBQ,EAAaP,CAAS;AAAA,MACtBE,MAAa,cAAcM,EAAcP,CAAU;AAAA,MACnDQ,EAAYP,CAAQ;AAAA,MACpBC,KAAWO,EAAWP,CAAO;AAAA,IAAA,CAChC;AAAA,EAAA;AAAA,EAEAT;AACL;AAEJD,EAAK,cAAc;"}
+{"version":3,"file":"Text.es.js","sources":["../../../src/typography/Text/Text.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { merge } from '@utilities/merge';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { decorationMap, displayMap, overflowMap, whitespaceMap, wordBreakMap } from '../shared/records';\nimport { SharedTypographyProps } from '../shared/types';\n\ntype TextWeight = 'default' | 'strong' | 'x-strong';\ntype TextSize = 'x-small' | 'small' | 'medium' | 'large';\ntype TextColor = 'default' | 'weak' | 'x-weak' | 'disabled' | 'negative' | 'positive' | 'warning' | 'interactive';\n\nexport type TextProps = SharedTypographyProps & {\n    size?: TextSize;\n    weight?: TextWeight;\n    as?: 'a' | 'abbr' | 'address' | 'em' | 'label' | 'li' | 'span' | 'strong' | 'time' | 'p';\n    color?: TextColor;\n    children?: ReactNode;\n};\n\nconst weightMap: Record<TextWeight, string> = {\n    default: 'tw-font-regular',\n    strong: 'tw-font-medium',\n    'x-strong': 'tw-font-bold',\n};\n\nconst sizeMap: Record<TextSize, string> = {\n    'x-small': 'tw-text-body-x-small',\n    small: 'tw-text-body-small',\n    medium: 'tw-text-body-medium',\n    large: 'tw-text-body-large',\n};\n\nconst colorMap: Record<TextColor, string> = {\n    default: 'tw-text-text',\n    weak: 'tw-text-text-weak',\n    'x-weak': 'tw-text-text-x-weak',\n    disabled: 'tw-text-text-disabled',\n    negative: 'tw-text-text-negative',\n    positive: 'tw-text-text-positive',\n    warning: 'tw-text-text-warning',\n    interactive: 'tw-text-text-interactive',\n};\n\nexport const Text = ({\n    children,\n    as: Tag = 'span',\n    weight = 'default',\n    size = 'medium',\n    color = 'default',\n    decoration = 'none',\n    wordBreak = 'normal',\n    whitespace = 'normal',\n    overflow = 'visible',\n    display,\n}: TextProps): ReactElement => (\n    <Tag\n        data-test-id=\"text\"\n        className={merge([\n            'tw-font-body tw-max-w-full',\n            weightMap[weight],\n            sizeMap[size],\n            colorMap[color],\n            decorationMap[decoration],\n            wordBreakMap[wordBreak],\n            overflow !== 'truncate' && whitespaceMap[whitespace],\n            overflowMap[overflow],\n            display && displayMap[display],\n        ])}\n    >\n        {children}\n    </Tag>\n);\nText.displayName = 'FondueText';\n"],"names":["weightMap","sizeMap","colorMap","Text","children","Tag","weight","size","color","decoration","wordBreak","whitespace","overflow","display","React","merge","decorationMap","wordBreakMap","whitespaceMap","overflowMap","displayMap"],"mappings":";;;AAmBA,MAAMA,IAAwC;AAAA,EAC1C,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,YAAY;AAChB,GAEMC,IAAoC;AAAA,EACtC,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX,GAEMC,IAAsC;AAAA,EACxC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AACjB,GAEaC,IAAO,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,IAAIC,IAAM;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,SAAAC;AACJ,MACI,gBAAAC,EAAA;AAAA,EAACT;AAAA,EAAA;AAAA,IACG,gBAAa;AAAA,IACb,WAAWU,EAAM;AAAA,MACb;AAAA,MACAf,EAAUM,CAAM;AAAA,MAChBL,EAAQM,CAAI;AAAA,MACZL,EAASM,CAAK;AAAA,MACdQ,EAAcP,CAAU;AAAA,MACxBQ,EAAaP,CAAS;AAAA,MACtBE,MAAa,cAAcM,EAAcP,CAAU;AAAA,MACnDQ,EAAYP,CAAQ;AAAA,MACpBC,KAAWO,EAAWP,CAAO;AAAA,IAAA,CAChC;AAAA,EAAA;AAAA,EAEAT;AACL;AAEJD,EAAK,cAAc;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@frontify/fondue",
-    "version": "12.0.0-beta.164",
+    "version": "12.0.0-beta.165",
     "description": "Design system of Frontify",
     "engines": {
         "node": ">=16",