@ornikar/bumper 3.0.3 → 3.1.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/CHANGELOG.md +9 -0
- package/dist/definitions/shared/storybook/StoryTitle.d.ts +2 -2
- package/dist/definitions/system/content/typography/Typography.d.ts +57 -15
- package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -1
- package/dist/definitions/system/content/typography/TypographyLink.d.ts +12 -4
- package/dist/definitions/system/content/typography/TypographyLink.d.ts.map +1 -1
- package/dist/definitions/system/content/typography/index.d.ts +10 -16
- package/dist/definitions/system/content/typography/index.d.ts.map +1 -1
- package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts +2 -2
- package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts.map +1 -1
- package/dist/definitions/system/content/typography/utils/typographyContext.d.ts +2 -2
- package/dist/definitions/system/content/typography/utils/typographyContext.d.ts.map +1 -1
- package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts +3 -3
- package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +22 -19
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +22 -19
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.22.cjs.js +26 -18
- package/dist/index-node-22.22.cjs.js.map +1 -1
- package/dist/index-node-22.22.cjs.web.js +26 -18
- package/dist/index-node-22.22.cjs.web.js.map +1 -1
- package/dist/index-node-22.22.es.mjs +27 -19
- package/dist/index-node-22.22.es.mjs.map +1 -1
- package/dist/index-node-22.22.es.web.mjs +27 -19
- package/dist/index-node-22.22.es.web.mjs.map +1 -1
- package/dist/index.es.js +22 -19
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +22 -19
- package/dist/index.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/shared/storybook/StoryTitle.tsx +2 -2
- package/src/system/content/typography/Typography.tsx +38 -43
- package/src/system/content/typography/TypographyLink.features.stories.tsx +12 -10
- package/src/system/content/typography/TypographyLink.stories.tsx +3 -1
- package/src/system/content/typography/TypographyLink.tsx +16 -4
- package/src/system/content/typography/utils/getVariantAndWeightValues.tsx +2 -2
- package/src/system/content/typography/utils/typographyContext.ts +2 -2
- package/src/system/dataDisplays/Badge/Badge.tsx +18 -16
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [3.1.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.0.3...@ornikar/bumper@3.1.0) (2026-03-05)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **bumper:** new types and reponsive [no issue] ([#2916](https://github.com/ornikar/kitt/issues/2916)) ([084a2fb](https://github.com/ornikar/kitt/commit/084a2fb21ee632962892f5b96f9b31dff4aae3ef))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## [3.0.3](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.0.2...@ornikar/bumper@3.0.3) (2026-03-04)
|
|
7
16
|
|
|
8
17
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const StoryTitle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("
|
|
2
|
-
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
1
|
+
export declare const StoryTitle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("../../system/content/typography/Typography").TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
|
|
3
2
|
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
3
|
+
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
4
4
|
level?: 1 | 2 | 3 | undefined;
|
|
5
5
|
}, import("@tamagui/core").StaticConfigPublic>;
|
|
6
6
|
//# sourceMappingURL=StoryTitle.d.ts.map
|
|
@@ -1,34 +1,76 @@
|
|
|
1
|
-
import type { ColorTokens,
|
|
2
|
-
import {
|
|
1
|
+
import type { ColorTokens, TextStyle } from '@tamagui/core';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
3
|
import type { BodyFontVariants, HeadingFontVariants, LabelFontVariants } from '../../core/tokens/GTStandardFont';
|
|
4
4
|
import { type ContentCapsVariants } from '../../core/tokens/GTStandardNarrowFont';
|
|
5
5
|
import type { TamaguiMediaProps } from '../../types';
|
|
6
|
-
|
|
7
|
-
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
8
|
-
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
9
|
-
}, import("@tamagui/core").StaticConfigPublic>;
|
|
10
|
-
export type InternalTypographyProps = GetProps<typeof InternalTypography>;
|
|
11
|
-
type TypographyExcludedFontStyleProps = 'fontFamily' | 'fontSize' | 'lineHeight' | 'fontStyle' | 'fontVariant' | 'fontWeight' | 'color';
|
|
12
|
-
type TypographyPropsWithoutFontStyleProps = Except<InternalTypographyProps, TypographyExcludedFontStyleProps> & {
|
|
6
|
+
interface TypographyWithoutMediaProps {
|
|
13
7
|
color?: ColorTokens;
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
textAlign?: TextStyle['textAlign'];
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
export interface BodyProps extends TypographyWithoutMediaProps {
|
|
16
12
|
variant?: BodyFontVariants;
|
|
17
13
|
weight?: 'regular' | 'bold';
|
|
18
14
|
}
|
|
19
|
-
export interface HeadingLabelProps extends
|
|
15
|
+
export interface HeadingLabelProps extends TypographyWithoutMediaProps {
|
|
20
16
|
variant: HeadingFontVariants | LabelFontVariants;
|
|
21
17
|
weight?: 'semibold';
|
|
22
18
|
}
|
|
23
|
-
export interface ContentCapsProps extends
|
|
19
|
+
export interface ContentCapsProps extends TypographyWithoutMediaProps {
|
|
24
20
|
variant: ContentCapsVariants;
|
|
25
21
|
weight?: 'bold';
|
|
26
22
|
}
|
|
27
23
|
export type TypographyTextProps = TamaguiMediaProps<BodyProps> | TamaguiMediaProps<HeadingLabelProps> | TamaguiMediaProps<ContentCapsProps>;
|
|
28
|
-
export declare const
|
|
24
|
+
export declare const InternalTypography: import("@tamagui/core").TamaguiComponent<(Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
|
|
25
|
+
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
26
|
+
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
27
|
+
}>, "$base" | "$small" | "$medium" | "$large" | "$wide" | import("@tamagui/core").GroupMediaKeys | "$theme-light" | "$platform-native" | "$platform-web" | "$platform-android" | "$platform-ios" | keyof BodyProps> & {
|
|
28
|
+
variant?: BodyFontVariants | undefined;
|
|
29
|
+
weight?: "regular" | "bold" | undefined;
|
|
30
|
+
color?: ColorTokens | undefined;
|
|
31
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
32
|
+
children: ReactNode;
|
|
33
|
+
} & import("@tamagui/core").WithMediaProps<{
|
|
34
|
+
variant?: BodyFontVariants | undefined;
|
|
35
|
+
weight?: "regular" | "bold" | undefined;
|
|
36
|
+
color?: ColorTokens | undefined;
|
|
37
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
38
|
+
children: ReactNode;
|
|
39
|
+
}>) | (Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
|
|
40
|
+
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
29
41
|
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
42
|
+
}>, "$base" | "$small" | "$medium" | "$large" | "$wide" | import("@tamagui/core").GroupMediaKeys | "$theme-light" | "$platform-native" | "$platform-web" | "$platform-android" | "$platform-ios" | keyof HeadingLabelProps> & {
|
|
43
|
+
variant: HeadingFontVariants | LabelFontVariants;
|
|
44
|
+
weight?: "semibold" | undefined;
|
|
45
|
+
color?: ColorTokens | undefined;
|
|
46
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
47
|
+
children: ReactNode;
|
|
48
|
+
} & import("@tamagui/core").WithMediaProps<{
|
|
49
|
+
variant: HeadingFontVariants | LabelFontVariants;
|
|
50
|
+
weight?: "semibold" | undefined;
|
|
51
|
+
color?: ColorTokens | undefined;
|
|
52
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
53
|
+
children: ReactNode;
|
|
54
|
+
}>) | (Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
|
|
30
55
|
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
56
|
+
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
57
|
+
}>, "$base" | "$small" | "$medium" | "$large" | "$wide" | import("@tamagui/core").GroupMediaKeys | "$theme-light" | "$platform-native" | "$platform-web" | "$platform-android" | "$platform-ios" | keyof ContentCapsProps> & {
|
|
58
|
+
variant: ContentCapsVariants;
|
|
59
|
+
weight?: "bold" | undefined;
|
|
60
|
+
color?: ColorTokens | undefined;
|
|
61
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
62
|
+
children: ReactNode;
|
|
63
|
+
} & import("@tamagui/core").WithMediaProps<{
|
|
64
|
+
variant: ContentCapsVariants;
|
|
65
|
+
weight?: "bold" | undefined;
|
|
66
|
+
color?: ColorTokens | undefined;
|
|
67
|
+
textAlign?: "unset" | "left" | "right" | "center" | "auto" | "justify" | undefined;
|
|
68
|
+
children: ReactNode;
|
|
69
|
+
}>), import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
|
|
70
|
+
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
71
|
+
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
31
72
|
}, import("@tamagui/core").StaticConfigPublic>;
|
|
32
|
-
export declare
|
|
73
|
+
export declare function TypographyBase(props: TypographyTextProps): ReactNode;
|
|
74
|
+
export declare const createHeading: (level: number) => ((props: TypographyTextProps) => ReactNode);
|
|
33
75
|
export {};
|
|
34
76
|
//# sourceMappingURL=Typography.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACjH,OAAO,EAAyB,KAAK,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAEzG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAarD,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,2BAA2B;IAC5D,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AACD,MAAM,WAAW,iBAAkB,SAAQ,2BAA2B;IACpE,OAAO,EAAE,mBAAmB,GAAG,iBAAiB,CAAC;IACjD,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AACD,MAAM,WAAW,gBAAiB,SAAQ,2BAA2B;IACnE,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,mBAAmB,GAC3B,iBAAiB,CAAC,SAAS,CAAC,GAC5B,iBAAiB,CAAC,iBAAiB,CAAC,GACpC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAuCxC,eAAO,MAAM,kBAAkB;;;;cAtDnB,gBAAgB;aACjB,SAAS,GAAG,MAAM;YAPnB,WAAW;;cAET,SAAS;;cAIT,gBAAgB;aACjB,SAAS,GAAG,MAAM;YAPnB,WAAW;;cAET,SAAS;;;;;aAQV,mBAAmB,GAAG,iBAAiB;aACvC,UAAU;YAXX,WAAW;;cAET,SAAS;;aAQV,mBAAmB,GAAG,iBAAiB;aACvC,UAAU;YAXX,WAAW;;cAET,SAAS;;;;;aAYV,mBAAmB;aACnB,MAAM;YAfP,WAAW;;cAET,SAAS;;aAYV,mBAAmB;aACnB,MAAM;YAfP,WAAW;;cAET,SAAS;;;;8CA0GnB,CAAC;AAEH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAEpE;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAKvF,CAAC"}
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { TamaguiMediaProps } from '../../types';
|
|
3
|
+
import type { TypographyTextProps } from './Typography';
|
|
4
|
+
export interface TypographyLinkWithoutMediaProps {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
noUnderline?: boolean;
|
|
7
|
+
onPress: () => void;
|
|
8
|
+
}
|
|
9
|
+
export type TypographyLinkProps = TypographyTextProps & TamaguiMediaProps<TypographyLinkWithoutMediaProps>;
|
|
10
|
+
export declare const InternalTypographyLink: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
|
|
3
11
|
disabled?: boolean | undefined;
|
|
4
|
-
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
5
12
|
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
13
|
+
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
6
14
|
noUnderline?: boolean | undefined;
|
|
7
15
|
}, import("@tamagui/core").StaticConfigPublic>;
|
|
8
|
-
export
|
|
16
|
+
export declare function TypographyLink(props: TypographyLinkProps): ReactNode;
|
|
9
17
|
//# sourceMappingURL=TypographyLink.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypographyLink.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/TypographyLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TypographyLink.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/TypographyLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;AAE3G,eAAO,MAAM,sBAAsB;;;;;8CA+BjC,CAAC;AAEH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAEpE"}
|
|
@@ -1,21 +1,15 @@
|
|
|
1
|
+
import { TypographyBase } from './Typography';
|
|
1
2
|
import { TypographyIcon } from './TypographyIcon';
|
|
3
|
+
import { TypographyLink } from './TypographyLink';
|
|
2
4
|
export declare const Typography: {
|
|
3
|
-
Text:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
Header4: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
|
|
11
|
-
Header5: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
|
|
12
|
-
Header6: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
|
|
5
|
+
Text: typeof TypographyBase;
|
|
6
|
+
Header1: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
7
|
+
Header2: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
8
|
+
Header3: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
9
|
+
Header4: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
10
|
+
Header5: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
11
|
+
Header6: (props: import("./Typography").TypographyTextProps) => import("react").ReactNode;
|
|
13
12
|
Icon: typeof TypographyIcon;
|
|
14
|
-
Link:
|
|
15
|
-
disabled?: boolean | undefined;
|
|
16
|
-
variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "heading-2xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-l" | "label-m" | "label-s" | "content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs" | undefined;
|
|
17
|
-
weight?: "bold" | "semibold" | "regular" | undefined;
|
|
18
|
-
noUnderline?: boolean | undefined;
|
|
19
|
-
}, import("@tamagui/web").StaticConfigPublic>;
|
|
13
|
+
Link: typeof TypographyLink;
|
|
20
14
|
};
|
|
21
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,UAAU;;;;;;;;;;CAUtB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { FontVariants } from '../../../core/tokens/fonts';
|
|
2
|
-
import type {
|
|
2
|
+
import type { TypographyTextProps } from '../Typography';
|
|
3
3
|
import type { TypographyVariantContextValue, TypographyWeightContextValue } from './typographyContext';
|
|
4
4
|
interface VariantAndWeightValues {
|
|
5
|
-
weight:
|
|
5
|
+
weight: TypographyTextProps['weight'] | undefined;
|
|
6
6
|
variant: FontVariants | undefined;
|
|
7
7
|
}
|
|
8
8
|
export declare function getVariantAndWeightValues(weightProp: TypographyTextProps['weight'], variantProp: TypographyTextProps['variant'], typographyWeightAncestorValue: TypographyWeightContextValue, typographyVariantAncestorValue: TypographyVariantContextValue): VariantAndWeightValues;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVariantAndWeightValues.d.ts","sourceRoot":"","sources":["../../../../../../src/system/content/typography/utils/getVariantAndWeightValues.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"getVariantAndWeightValues.d.ts","sourceRoot":"","sources":["../../../../../../src/system/content/typography/utils/getVariantAndWeightValues.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAEvG,UAAU,sBAAsB;IAC9B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IAClD,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC;CACnC;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EACzC,WAAW,EAAE,mBAAmB,CAAC,SAAS,CAAC,EAC3C,6BAA6B,EAAE,4BAA4B,EAC3D,8BAA8B,EAAE,6BAA6B,GAC5D,sBAAsB,CAuBxB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import type { ColorTokens } from '@tamagui/core';
|
|
1
2
|
import type { FontVariants } from '../../../core/tokens/fonts';
|
|
2
|
-
import type { TypographyTextProps } from '../Typography';
|
|
3
3
|
export type TypographyVariantContextValue = FontVariants | null;
|
|
4
4
|
export type TypographyWeightContextValue = 'regular' | 'bold' | 'semibold' | null;
|
|
5
|
-
export type TypograhyColorContextValue =
|
|
5
|
+
export type TypograhyColorContextValue = ColorTokens | null;
|
|
6
6
|
type TypographyContextValue = boolean;
|
|
7
7
|
export declare const TypographyVariantContext: import("react").Context<TypographyVariantContextValue>;
|
|
8
8
|
export declare const TypographyWeightContext: import("react").Context<TypographyWeightContextValue>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typographyContext.d.ts","sourceRoot":"","sources":["../../../../../../src/system/content/typography/utils/typographyContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"typographyContext.d.ts","sourceRoot":"","sources":["../../../../../../src/system/content/typography/utils/typographyContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,MAAM,6BAA6B,GAAG,YAAY,GAAG,IAAI,CAAC;AAChE,MAAM,MAAM,4BAA4B,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC;AAClF,MAAM,MAAM,0BAA0B,GAAG,WAAW,GAAG,IAAI,CAAC;AAC5D,KAAK,sBAAsB,GAAG,OAAO,CAAC;AAEtC,eAAO,MAAM,wBAAwB,wDAAqD,CAAC;AAC3F,eAAO,MAAM,uBAAuB,uDAAoD,CAAC;AACzF,eAAO,MAAM,qBAAqB,qDAAkD,CAAC;AACrF,eAAO,MAAM,iBAAiB,kCAAgC,CAAC;AAE/D,eAAO,MAAM,kBAAkB,QAAO,0BAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,6BAEvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAAO,4BAEtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAAO,sBAEvC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { TamaguiMediaProps } from '../../types';
|
|
3
|
-
export interface
|
|
3
|
+
export interface BadgeWithoutMediaProps {
|
|
4
4
|
/** The count to display. If undefined, it renders as a dot. */
|
|
5
5
|
count?: number;
|
|
6
6
|
/**
|
|
@@ -9,6 +9,6 @@ export interface InternalBadgeProps {
|
|
|
9
9
|
*/
|
|
10
10
|
maxCount?: number;
|
|
11
11
|
}
|
|
12
|
-
export type BadgeProps = TamaguiMediaProps<
|
|
13
|
-
export declare function Badge(
|
|
12
|
+
export type BadgeProps = TamaguiMediaProps<BadgeWithoutMediaProps>;
|
|
13
|
+
export declare function Badge(props: BadgeProps): ReactNode;
|
|
14
14
|
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/system/dataDisplays/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/system/dataDisplays/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,sBAAsB;IACrC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;AAsBnE,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAsBlD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { px, createFont, createTokens, createTamagui, TamaguiProvider, styled, View, Stack, Text, useStyle, useMedia } from '@tamagui/core';
|
|
1
|
+
import { px, createFont, createTokens, createTamagui, TamaguiProvider, styled, View, Stack, Text, useStyle, useProps, useMedia } from '@tamagui/core';
|
|
2
2
|
export { Stack, View } from '@tamagui/core';
|
|
3
3
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
4
4
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
@@ -506,7 +506,7 @@ const useTypographyContext = () => {
|
|
|
506
506
|
return useContext(TypographyContext);
|
|
507
507
|
};
|
|
508
508
|
|
|
509
|
-
const
|
|
509
|
+
const InternalTypographyBase = styled(Text, {
|
|
510
510
|
fontFamily: '$GTStandard',
|
|
511
511
|
color: '$content.base.hi',
|
|
512
512
|
'$platform-web': {
|
|
@@ -541,10 +541,7 @@ const InternalTypography = styled(Text, {
|
|
|
541
541
|
weight: 'regular'
|
|
542
542
|
}
|
|
543
543
|
});
|
|
544
|
-
|
|
545
|
-
// Remove font-related style props from InternalTypography Props
|
|
546
|
-
|
|
547
|
-
const TypographyBase = InternalTypography.styleable((props, ref) => {
|
|
544
|
+
const InternalTypography = InternalTypographyBase.styleable((props, ref) => {
|
|
548
545
|
const typographyVariantAncestorValue = useTypographyVariant();
|
|
549
546
|
const typographyWeightAncestorValue = useTypographyWeight();
|
|
550
547
|
const typographyColorAncestorValue = useTypographyColor();
|
|
@@ -554,7 +551,7 @@ const TypographyBase = InternalTypography.styleable((props, ref) => {
|
|
|
554
551
|
weight
|
|
555
552
|
} = getVariantAndWeightValues(props.weight, props.variant, typographyWeightAncestorValue, typographyVariantAncestorValue);
|
|
556
553
|
const color = props.color || typographyColorAncestorValue || undefined;
|
|
557
|
-
let content = /*#__PURE__*/jsx(
|
|
554
|
+
let content = /*#__PURE__*/jsx(InternalTypographyBase, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
|
|
558
555
|
ref: ref
|
|
559
556
|
}, props), color ? {
|
|
560
557
|
color
|
|
@@ -587,15 +584,17 @@ const TypographyBase = InternalTypography.styleable((props, ref) => {
|
|
|
587
584
|
}) : content;
|
|
588
585
|
return content;
|
|
589
586
|
});
|
|
587
|
+
function TypographyBase(props) {
|
|
588
|
+
return /*#__PURE__*/jsx(InternalTypography, _objectSpread({}, props));
|
|
589
|
+
}
|
|
590
590
|
const createHeading = level => {
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
}, props), {}, {
|
|
591
|
+
// eslint-disable-next-line func-names
|
|
592
|
+
return function (props) {
|
|
593
|
+
return /*#__PURE__*/jsx(InternalTypography, _objectSpread({
|
|
595
594
|
role: "heading",
|
|
596
595
|
"aria-level": level
|
|
597
|
-
}));
|
|
598
|
-
}
|
|
596
|
+
}, props));
|
|
597
|
+
};
|
|
599
598
|
};
|
|
600
599
|
|
|
601
600
|
const IconContainer = styled(View, {
|
|
@@ -680,7 +679,7 @@ function TypographyIcon(_ref) {
|
|
|
680
679
|
return /*#__PURE__*/jsx(TypographyIconInheritColor, _objectSpread({}, props));
|
|
681
680
|
}
|
|
682
681
|
|
|
683
|
-
const
|
|
682
|
+
const InternalTypographyLink = styled(InternalTypography, {
|
|
684
683
|
name: 'TypographyLink',
|
|
685
684
|
role: 'link',
|
|
686
685
|
variants: {
|
|
@@ -712,6 +711,9 @@ const TypographyLink = styled(TypographyBase, {
|
|
|
712
711
|
noUnderline: false
|
|
713
712
|
}
|
|
714
713
|
});
|
|
714
|
+
function TypographyLink(props) {
|
|
715
|
+
return /*#__PURE__*/jsx(InternalTypographyLink, _objectSpread({}, props));
|
|
716
|
+
}
|
|
715
717
|
|
|
716
718
|
const Typography = {
|
|
717
719
|
Text: TypographyBase,
|
|
@@ -741,16 +743,17 @@ const BadgeCount = styled(BadgeBase, {
|
|
|
741
743
|
minHeight: MIN_COUNT_WIDTH,
|
|
742
744
|
paddingHorizontal: '$space.4'
|
|
743
745
|
});
|
|
744
|
-
function Badge({
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
746
|
+
function Badge(props) {
|
|
747
|
+
const {
|
|
748
|
+
count,
|
|
749
|
+
maxCount = 9
|
|
750
|
+
} = useProps(props);
|
|
748
751
|
if (count === undefined) {
|
|
749
752
|
return /*#__PURE__*/jsx(BadgeDot, {});
|
|
750
753
|
}
|
|
751
754
|
const displayCount = count > maxCount ? `${maxCount}+` : `${count}`;
|
|
752
755
|
return /*#__PURE__*/jsx(BadgeCount, {
|
|
753
|
-
children: /*#__PURE__*/jsx(
|
|
756
|
+
children: /*#__PURE__*/jsx(InternalTypography, {
|
|
754
757
|
variant: "content-caps-xs",
|
|
755
758
|
weight: "bold",
|
|
756
759
|
color: "$content.base.onContrasted.hi"
|