@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/definitions/shared/storybook/StoryTitle.d.ts +2 -2
  3. package/dist/definitions/system/content/typography/Typography.d.ts +57 -15
  4. package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -1
  5. package/dist/definitions/system/content/typography/TypographyLink.d.ts +12 -4
  6. package/dist/definitions/system/content/typography/TypographyLink.d.ts.map +1 -1
  7. package/dist/definitions/system/content/typography/index.d.ts +10 -16
  8. package/dist/definitions/system/content/typography/index.d.ts.map +1 -1
  9. package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts +2 -2
  10. package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts.map +1 -1
  11. package/dist/definitions/system/content/typography/utils/typographyContext.d.ts +2 -2
  12. package/dist/definitions/system/content/typography/utils/typographyContext.d.ts.map +1 -1
  13. package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts +3 -3
  14. package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts.map +1 -1
  15. package/dist/index-metro.es.android.js +22 -19
  16. package/dist/index-metro.es.android.js.map +1 -1
  17. package/dist/index-metro.es.ios.js +22 -19
  18. package/dist/index-metro.es.ios.js.map +1 -1
  19. package/dist/index-node-22.22.cjs.js +26 -18
  20. package/dist/index-node-22.22.cjs.js.map +1 -1
  21. package/dist/index-node-22.22.cjs.web.js +26 -18
  22. package/dist/index-node-22.22.cjs.web.js.map +1 -1
  23. package/dist/index-node-22.22.es.mjs +27 -19
  24. package/dist/index-node-22.22.es.mjs.map +1 -1
  25. package/dist/index-node-22.22.es.web.mjs +27 -19
  26. package/dist/index-node-22.22.es.web.mjs.map +1 -1
  27. package/dist/index.es.js +22 -19
  28. package/dist/index.es.js.map +1 -1
  29. package/dist/index.es.web.js +22 -19
  30. package/dist/index.es.web.js.map +1 -1
  31. package/dist/tsbuildinfo +1 -1
  32. package/package.json +1 -1
  33. package/src/shared/storybook/StoryTitle.tsx +2 -2
  34. package/src/system/content/typography/Typography.tsx +38 -43
  35. package/src/system/content/typography/TypographyLink.features.stories.tsx +12 -10
  36. package/src/system/content/typography/TypographyLink.stories.tsx +3 -1
  37. package/src/system/content/typography/TypographyLink.tsx +16 -4
  38. package/src/system/content/typography/utils/getVariantAndWeightValues.tsx +2 -2
  39. package/src/system/content/typography/utils/typographyContext.ts +2 -2
  40. 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("../..").TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
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, GetProps, TamaguiComponent } from '@tamagui/core';
2
- import { type Except } from 'type-fest';
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
- declare const InternalTypography: TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
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
- export interface BodyProps extends TypographyPropsWithoutFontStyleProps {
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 TypographyPropsWithoutFontStyleProps {
15
+ export interface HeadingLabelProps extends TypographyWithoutMediaProps {
20
16
  variant: HeadingFontVariants | LabelFontVariants;
21
17
  weight?: 'semibold';
22
18
  }
23
- export interface ContentCapsProps extends TypographyPropsWithoutFontStyleProps {
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 TypographyBase: TamaguiComponent<TypographyTextProps, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
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 const createHeading: (level: number) => TamaguiComponent<TypographyTextProps>;
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,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE7E,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,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,QAAA,MAAM,kBAAkB;;;8CAmCtB,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAG1E,KAAK,gCAAgC,GACjC,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,YAAY,GACZ,OAAO,CAAC;AAEZ,KAAK,oCAAoC,GAAG,MAAM,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,GAAG;IAC9G,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,oCAAoC;IACrE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AACD,MAAM,WAAW,iBAAkB,SAAQ,oCAAoC;IAC7E,OAAO,EAAE,mBAAmB,GAAG,iBAAiB,CAAC;IACjD,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AACD,MAAM,WAAW,gBAAiB,SAAQ,oCAAoC;IAC5E,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;AAExC,eAAO,MAAM,cAAc;;;8CAgDzB,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,gBAAgB,CAAC,mBAAmB,CAIjF,CAAC"}
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 { GetProps } from '@tamagui/core';
2
- export declare const TypographyLink: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("./Typography").TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
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 type TypographyLinkProps = GetProps<typeof TypographyLink>;
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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAI9C,eAAO,MAAM,cAAc;;;;;8CA+BzB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC"}
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: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps, import("@tamagui/web").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("./Typography").TypographyTextProps, import("@tamagui/web").TextStylePropsBase, {
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
- weight?: "bold" | "semibold" | "regular" | undefined;
6
- }, import("@tamagui/web").StaticConfigPublic>;
7
- Header1: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
8
- Header2: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
9
- Header3: import("@tamagui/web").TamaguiComponent<import("./Typography").TypographyTextProps>;
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: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("./Typography").TypographyTextProps, import("@tamagui/web").TextStylePropsBase, {
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":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;CAUtB,CAAC"}
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 { InternalTypographyProps, TypographyTextProps } from '../Typography';
2
+ import type { TypographyTextProps } from '../Typography';
3
3
  import type { TypographyVariantContextValue, TypographyWeightContextValue } from './typographyContext';
4
4
  interface VariantAndWeightValues {
5
- weight: InternalTypographyProps['weight'] | undefined;
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,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,KAAK,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAEvG,UAAU,sBAAsB;IAC9B,MAAM,EAAE,uBAAuB,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;IACtD,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
+ {"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 = TypographyTextProps['color'] | null;
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":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,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,mBAAmB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAC7E,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
+ {"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 InternalBadgeProps {
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<InternalBadgeProps>;
13
- export declare function Badge({ count, maxCount }: BadgeProps): ReactNode;
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;AAsBrD,MAAM,WAAW,kBAAkB;IACjC,+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,kBAAkB,CAAC,CAAC;AAE/D,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAY,EAAE,EAAE,UAAU,GAAG,SAAS,CAoBpE"}
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 InternalTypography = styled(Text, {
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(InternalTypography, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
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
- return TypographyBase.styleable((props, ref) => {
592
- return /*#__PURE__*/jsx(TypographyBase, _objectSpread(_objectSpread({
593
- ref: ref
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 TypographyLink = styled(TypographyBase, {
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
- count,
746
- maxCount = 9
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(Typography.Text, {
756
+ children: /*#__PURE__*/jsx(InternalTypography, {
754
757
  variant: "content-caps-xs",
755
758
  weight: "bold",
756
759
  color: "$content.base.onContrasted.hi"