@ornikar/bumper 2.5.1-canary.9789a78a274b9d336c93fc42d4a6561d0d61ff73.0 → 2.6.1-canary.5ea5493c945a003792345fbeb7191d0e206ed8da.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 (58) hide show
  1. package/CHANGELOG.md +13 -8
  2. package/dist/definitions/components/primitives/Pressable.d.ts +26 -0
  3. package/dist/definitions/components/primitives/Pressable.d.ts.map +1 -0
  4. package/dist/definitions/components/typography/Typography.d.ts +44 -0
  5. package/dist/definitions/components/typography/Typography.d.ts.map +1 -0
  6. package/dist/definitions/components/typography/utils/{getTypeAndWeightValues.d.ts → getVariantAndWeightValues.d.ts} +2 -2
  7. package/dist/definitions/components/typography/utils/getVariantAndWeightValues.d.ts.map +1 -0
  8. package/dist/definitions/index.d.ts +4 -2
  9. package/dist/definitions/index.d.ts.map +1 -1
  10. package/dist/definitions/story-components/StoryTitle.d.ts +2 -2
  11. package/dist/definitions/tamagui.config.d.ts +3 -3
  12. package/dist/definitions/tokens/fonts.d.ts +7 -5
  13. package/dist/definitions/tokens/fonts.d.ts.map +1 -1
  14. package/dist/index-metro.es.android.js +114 -32
  15. package/dist/index-metro.es.android.js.map +1 -1
  16. package/dist/index-metro.es.ios.js +114 -32
  17. package/dist/index-metro.es.ios.js.map +1 -1
  18. package/dist/index-node-22.17.cjs.js +113 -31
  19. package/dist/index-node-22.17.cjs.js.map +1 -1
  20. package/dist/index-node-22.17.cjs.web.js +113 -31
  21. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  22. package/dist/index-node-22.17.es.mjs +113 -32
  23. package/dist/index-node-22.17.es.mjs.map +1 -1
  24. package/dist/index-node-22.17.es.web.mjs +113 -32
  25. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  26. package/dist/index.es.js +112 -32
  27. package/dist/index.es.js.map +1 -1
  28. package/dist/index.es.web.js +112 -32
  29. package/dist/index.es.web.js.map +1 -1
  30. package/dist/tsbuildinfo +1 -1
  31. package/package.json +8 -8
  32. package/src/components/breakpoints/__snapshots_web__/breakpoints.stories.tsx.snap +1 -1
  33. package/src/components/breakpoints/breakpoints.stories.tsx +1 -1
  34. package/src/components/primitives/Pressable.stories.tsx +25 -0
  35. package/src/components/primitives/Pressable.tsx +35 -0
  36. package/src/components/primitives/__snapshots__/Pressable.stories.tsx.snap +53 -0
  37. package/src/components/primitives/__snapshots_web__/Center.stories.tsx.snap +1 -1
  38. package/src/components/primitives/__snapshots_web__/Pressable.stories.tsx.snap +37 -0
  39. package/src/components/primitives/__snapshots_web__/Stack.stories.tsx.snap +1 -1
  40. package/src/components/primitives/__snapshots_web__/View.stories.tsx.snap +1 -1
  41. package/src/components/typography/Typography.stories.tsx +45 -17
  42. package/src/components/typography/{Typograhy.tsx → Typography.tsx} +53 -27
  43. package/src/components/typography/__snapshots__/Typography.stories.tsx.snap +599 -60
  44. package/src/components/typography/__snapshots_web__/Typography.stories.tsx.snap +229 -2
  45. package/src/components/typography/utils/{getTypeAndWeightValues.test.tsx → getVariantAndWeightValues.test.tsx} +32 -2
  46. package/src/components/typography/utils/{getTypeAndWeightValues.tsx → getVariantAndWeightValues.tsx} +14 -3
  47. package/src/index.ts +4 -2
  48. package/src/story-components/StoryTitle.tsx +1 -1
  49. package/src/themes/__snapshots__/light.stories.tsx.snap +1 -1
  50. package/src/themes/__snapshots_web__/light.stories.tsx.snap +1 -1
  51. package/src/themes/light.stories.tsx +1 -1
  52. package/src/tokens/fonts.ts +45 -10
  53. package/src/tokens/palettes/__snapshots__/deepPurpleColorPalette.stories.tsx.snap +1 -1
  54. package/src/tokens/palettes/__snapshots_web__/deepPurpleColorPalette.stories.tsx.snap +1 -1
  55. package/src/tokens/palettes/deepPurpleColorPalette.stories.tsx +1 -1
  56. package/dist/definitions/components/typography/Typograhy.d.ts +0 -40
  57. package/dist/definitions/components/typography/Typograhy.d.ts.map +0 -1
  58. package/dist/definitions/components/typography/utils/getTypeAndWeightValues.d.ts.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,22 +3,27 @@
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
- ## [2.5.1-canary.9789a78a274b9d336c93fc42d4a6561d0d61ff73.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.5.0...@ornikar/bumper@2.5.1-canary.9789a78a274b9d336c93fc42d4a6561d0d61ff73.0) (2026-01-09)
6
+ ## [2.6.1-canary.5ea5493c945a003792345fbeb7191d0e206ed8da.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.6.0...@ornikar/bumper@2.6.1-canary.5ea5493c945a003792345fbeb7191d0e206ed8da.0) (2026-01-14)
7
7
 
8
8
 
9
9
  ### Features
10
10
 
11
- * add necessary devDeps to fix checkPackage script ([f2f1465](https://github.com/ornikar/kitt/commit/f2f14657cda369f2936b88ef69fc489eee190b0b))
12
- * bump to 8.6.15 ([37524db](https://github.com/ornikar/kitt/commit/37524db5c00ac044958395e0818ae42d97d69488))
13
- * replace deleted storybook api ([b12b8f2](https://github.com/ornikar/kitt/commit/b12b8f229edcac9344a7589336692b777f7cfd89))
11
+ * **bumper:** update Typography OSE-22232 ([#2834](https://github.com/ornikar/kitt/issues/2834)) ([b6feb3c](https://github.com/ornikar/kitt/commit/b6feb3c5b294b69ad94ab7a95378cb3a1cceb3de))
14
12
 
15
13
 
16
14
  ### Bug Fixes
17
15
 
18
- * prettier ([304bf68](https://github.com/ornikar/kitt/commit/304bf68e864d6670a5088cc8ccc05240ceb07049))
19
- * remove deprecated story type usage ([a859a25](https://github.com/ornikar/kitt/commit/a859a252ab76f52020d451bd64a26401b3ae2ba0))
20
- * rename ComponentMeta and ComponentStory ([433d977](https://github.com/ornikar/kitt/commit/433d977f9f77f98abc22113b6a67c0f31a71b36b))
21
- * run prettier ([8ef5c42](https://github.com/ornikar/kitt/commit/8ef5c426a82ae4b95bf2941f7ca2b5ada213ceaf))
16
+ * **bumper:** import issue [no issue] ([#2837](https://github.com/ornikar/kitt/issues/2837)) ([455ac9d](https://github.com/ornikar/kitt/commit/455ac9de93c2be0f96a7d18ae7e47cfd866d9054))
17
+
18
+
19
+
20
+ ## [2.6.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.5.0...@ornikar/bumper@2.6.0) (2026-01-12)
21
+
22
+
23
+ ### Features
24
+
25
+ * bump storybook to v8 [OSE-22429] ([#2813](https://github.com/ornikar/kitt/issues/2813)) ([1d8a829](https://github.com/ornikar/kitt/commit/1d8a8293983c8c5d15f3904bd06d5aafc2f132a6))
26
+ * **bumper:** add Pressable primitive [OSE-22230] ([#2829](https://github.com/ornikar/kitt/issues/2829)) ([583d538](https://github.com/ornikar/kitt/commit/583d5380a3a420bfbebc3b141e6b84b50653105f))
22
27
 
23
28
 
24
29
 
@@ -0,0 +1,26 @@
1
+ import type { GetProps, TamaguiComponent } from '@tamagui/core';
2
+ import { View } from '@tamagui/core';
3
+ import type { ReactNode } from 'react';
4
+ import type { Except } from 'type-fest';
5
+ export type PressableProps<C extends TamaguiComponent = typeof View> = {
6
+ /**
7
+ * The Tamagui component to render as (`View`, `Stack`, etc.).
8
+ *
9
+ * @default View
10
+ */
11
+ as?: C;
12
+ } & Except<GetProps<C>, 'as'>;
13
+ /**
14
+ * A polymorphic Pressable component that can render as any Tamagui primitive.
15
+ *
16
+ * @example
17
+ * <Pressable onPress={() => {}} />
18
+ *
19
+ * @example
20
+ * <Pressable
21
+ * as={HStack}
22
+ * onPress={() => {}}
23
+ * />
24
+ */
25
+ export declare function Pressable<C extends TamaguiComponent = typeof View>({ as, ...rest }: PressableProps<C>): ReactNode;
26
+ //# sourceMappingURL=Pressable.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,IAAI,EAAU,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,IAAI,IAAI;IACrE;;;;OAIG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAE9B;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,gBAAgB,GAAG,OAAO,IAAI,EAAE,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAQjH"}
@@ -0,0 +1,44 @@
1
+ import type { GetProps, TamaguiComponent, WithMediaProps } from '@tamagui/core';
2
+ import { type Except } from 'type-fest';
3
+ import type { BodyFontVariants, ContentCapsVariants, FontVariants, HeadingFontVariants, LabelFontVariants } from '../../tokens/fonts';
4
+ type PropsWithoutMedia<A> = {
5
+ [Key in keyof A as Key extends `$${string}` ? never : Key]?: A[Key];
6
+ };
7
+ type OverrideTamaguiComponentProps<A> = PropsWithoutMedia<A> & WithMediaProps<PropsWithoutMedia<A>>;
8
+ declare const InternalTypography: TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
9
+ 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-xl" | "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;
10
+ weight?: "bold" | "semibold" | "regular" | undefined;
11
+ }, import("@tamagui/core").StaticConfigPublic>;
12
+ export type InternalTypographyProps = GetProps<typeof InternalTypography>;
13
+ export type TypographyVariantContextValue = FontVariants | null;
14
+ export type TypographyWeightContextValue = 'regular' | 'bold' | 'semibold' | null;
15
+ export type TypograhyColorContextValue = InternalTypographyProps['color'] | null;
16
+ type TypographyExcludedFontStyleProps = 'fontFamily' | 'fontSize' | 'lineHeight' | 'fontStyle' | 'fontVariant' | 'fontWeight';
17
+ type TypographyPropsWithoutFontStyleProps = Except<InternalTypographyProps, TypographyExcludedFontStyleProps>;
18
+ export interface BodyProps extends TypographyPropsWithoutFontStyleProps {
19
+ variant?: BodyFontVariants;
20
+ weight?: 'regular' | 'bold';
21
+ }
22
+ export interface HeadingLabelProps extends TypographyPropsWithoutFontStyleProps {
23
+ variant: HeadingFontVariants | LabelFontVariants;
24
+ weight?: 'semibold';
25
+ }
26
+ export interface ContentCapsProps extends TypographyPropsWithoutFontStyleProps {
27
+ variant: ContentCapsVariants;
28
+ weight?: 'bold';
29
+ }
30
+ export type TypographyTextProps = OverrideTamaguiComponentProps<BodyProps> | OverrideTamaguiComponentProps<HeadingLabelProps> | OverrideTamaguiComponentProps<ContentCapsProps>;
31
+ export declare const Typography: {
32
+ Text: TamaguiComponent<TypographyTextProps, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
33
+ 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-xl" | "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;
34
+ weight?: "bold" | "semibold" | "regular" | undefined;
35
+ }, import("@tamagui/core").StaticConfigPublic>;
36
+ Header1: TamaguiComponent<TypographyTextProps>;
37
+ Header2: TamaguiComponent<TypographyTextProps>;
38
+ Header3: TamaguiComponent<TypographyTextProps>;
39
+ Header4: TamaguiComponent<TypographyTextProps>;
40
+ Header5: TamaguiComponent<TypographyTextProps>;
41
+ Header6: TamaguiComponent<TypographyTextProps>;
42
+ };
43
+ export {};
44
+ //# sourceMappingURL=Typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAuB,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGrG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAI5B,KAAK,iBAAiB,CAAC,CAAC,IAAI;KAEzB,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,IAAI,MAAM,EAAE,GAAG,KAAK,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;CACpE,CAAC;AAEF,KAAK,6BAA6B,CAAC,CAAC,IAAI,iBAAiB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEpG,QAAA,MAAM,kBAAkB;;;8CAgCtB,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1E,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,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;AAOjF,KAAK,gCAAgC,GACjC,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,YAAY,CAAC;AAEjB,KAAK,oCAAoC,GAAG,MAAM,CAAC,uBAAuB,EAAE,gCAAgC,CAAC,CAAC;AAE9G,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,6BAA6B,CAAC,SAAS,CAAC,GACxC,6BAA6B,CAAC,iBAAiB,CAAC,GAChD,6BAA6B,CAAC,gBAAgB,CAAC,CAAC;AAuDpD,eAAO,MAAM,UAAU;;;;;;;;;;;CAQtB,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import type { FontVariants } from '../../../tokens/fonts';
2
- import type { InternalTypographyProps, TypographyTextProps, TypographyVariantContextValue, TypographyWeightContextValue } from '../Typograhy';
2
+ import type { InternalTypographyProps, TypographyTextProps, TypographyVariantContextValue, TypographyWeightContextValue } from '../Typography';
3
3
  interface VariantAndWeightValues {
4
4
  weight: InternalTypographyProps['weight'] | undefined;
5
5
  variant: FontVariants | undefined;
6
6
  }
7
7
  export declare function getVariantAndWeightValues(weightProp: TypographyTextProps['weight'], variantProp: TypographyTextProps['variant'], typographyWeightAncestorValue: TypographyWeightContextValue, typographyVariantAncestorValue: TypographyVariantContextValue): VariantAndWeightValues;
8
8
  export {};
9
- //# sourceMappingURL=getTypeAndWeightValues.d.ts.map
9
+ //# sourceMappingURL=getVariantAndWeightValues.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getVariantAndWeightValues.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/utils/getVariantAndWeightValues.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,6BAA6B,EAC7B,4BAA4B,EAC7B,MAAM,eAAe,CAAC;AAEvB,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"}
@@ -2,12 +2,14 @@ export { BumperDecorator } from './core/BumperDecorator';
2
2
  export { BumperProvider } from './core/BumperProvider';
3
3
  export type { CenterProps } from './components/primitives/Center';
4
4
  export { Center } from './components/primitives/Center';
5
+ export type { PressableProps } from './components/primitives/Pressable';
6
+ export { Pressable } from './components/primitives/Pressable';
5
7
  export type { HStackProps, StackProps, VStackProps } from './components/primitives/Stack';
6
8
  export { HStack, Stack, VStack } from './components/primitives/Stack';
7
9
  export type { ViewProps } from './components/primitives/View';
8
10
  export { View } from './components/primitives/View';
9
- export type { TypographyTextProps } from './components/typography/Typograhy';
10
- export { Typography } from './components/typography/Typograhy';
11
+ export type { TypographyTextProps } from './components/typography/Typography';
12
+ export { Typography } from './components/typography/Typography';
11
13
  export { useBreakpointValue } from './components/breakpoints/hooks/useBreakpointValue';
12
14
  export { useCurrentBreakpointName } from './components/breakpoints/hooks/useCurrentBreakpointName';
13
15
  export { useWindowSize } from './components/breakpoints/hooks/useWindowSize';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC1F,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAGpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,iDAAiD,CAAC"}
@@ -1,5 +1,5 @@
1
- export declare const StoryTitle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("../components/typography/Typograhy").TypographyTextProps, import("@tamagui/core").TextStylePropsBase, {
2
- variant?: "heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s" | undefined;
1
+ export declare const StoryTitle: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps & import("../components/typography/Typography").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-xl" | "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;
3
3
  weight?: "bold" | "semibold" | "regular" | undefined;
4
4
  level?: 1 | 2 | 3 | undefined;
5
5
  }, import("@tamagui/core").StaticConfigPublic>;
@@ -152,9 +152,9 @@ export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
152
152
  }, {}, {
153
153
  GTStandard: {
154
154
  family: string;
155
- size: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
156
- lineHeight: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
157
- letterSpacing: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
155
+ size: Record<"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-xl" | "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", number>;
156
+ lineHeight: Record<"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-xl" | "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", number>;
157
+ letterSpacing: Record<"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-xl" | "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", number>;
158
158
  weight: Record<string, import("./tokens/fonts").GTStandardFontWeight>;
159
159
  face: Record<import("./tokens/fonts").GTStandardFontWeight, Record<string, string>>;
160
160
  };
@@ -1,17 +1,19 @@
1
- export declare const HEADING_VARIANTS: readonly ["heading-2xl", "heading-xl", "heading-l", "heading-m", "heading-s", "heading-xs"];
1
+ export declare const HEADING_VARIANTS: readonly ["heading-2xl", "heading-xl", "heading-l", "heading-m", "heading-s", "heading-xs", "heading-2xs"];
2
2
  export declare const BODY_VARIANTS: readonly ["body-xl", "body-l", "body-m", "body-s", "body-xs"];
3
3
  export declare const LABEL_VARIANTS: readonly ["label-xl", "label-l", "label-m", "label-s"];
4
- export declare const VARIANTS: readonly ["heading-2xl", "heading-xl", "heading-l", "heading-m", "heading-s", "heading-xs", "body-xl", "body-l", "body-m", "body-s", "body-xs", "label-xl", "label-l", "label-m", "label-s"];
4
+ export declare const CONTENT_CAPS_VARIANTS: readonly ["content-caps-3xl", "content-caps-2xl", "content-caps-xl", "content-caps-l", "content-caps-m", "content-caps-s", "content-caps-xs"];
5
+ export declare const VARIANTS: readonly ["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-xl", "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"];
5
6
  export type FontVariants = (typeof VARIANTS)[number];
6
7
  export type BodyFontVariants = (typeof BODY_VARIANTS)[number];
7
8
  export type LabelFontVariants = (typeof LABEL_VARIANTS)[number];
8
9
  export type HeadingFontVariants = (typeof HEADING_VARIANTS)[number];
10
+ export type ContentCapsVariants = (typeof CONTENT_CAPS_VARIANTS)[number];
9
11
  export type GTStandardFontWeight = '500' | '600' | '700';
10
12
  export declare const fonts: {
11
13
  family: string;
12
- size: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
13
- lineHeight: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
14
- letterSpacing: Record<"heading-2xl" | "heading-xl" | "heading-l" | "heading-m" | "heading-s" | "heading-xs" | "body-xl" | "body-l" | "body-m" | "body-s" | "body-xs" | "label-xl" | "label-l" | "label-m" | "label-s", number>;
14
+ size: Record<"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-xl" | "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", number>;
15
+ lineHeight: Record<"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-xl" | "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", number>;
16
+ letterSpacing: Record<"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-xl" | "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", number>;
15
17
  weight: Record<string, GTStandardFontWeight>;
16
18
  face: Record<GTStandardFontWeight, Record<string, string>>;
17
19
  };
@@ -1 +1 @@
1
- {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/tokens/fonts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,6FAOnB,CAAC;AACX,eAAO,MAAM,aAAa,+DAAgE,CAAC;AAC3F,eAAO,MAAM,cAAc,wDAAyD,CAAC;AACrF,eAAO,MAAM,QAAQ,8LAAsE,CAAC;AAE5F,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAoEzD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}
1
+ {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/tokens/fonts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,4GAQnB,CAAC;AACX,eAAO,MAAM,aAAa,+DAAgE,CAAC;AAC3F,eAAO,MAAM,cAAc,wDAAyD,CAAC;AACrF,eAAO,MAAM,qBAAqB,+IAQxB,CAAC;AACX,eAAO,MAAM,QAAQ,iVAAgG,CAAC;AAEtH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AA4FzD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}
@@ -3,6 +3,7 @@ import { createFont, createTokens, createTamagui, TamaguiProvider, styled, View,
3
3
  export { Stack, View } from '@tamagui/core';
4
4
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
5
5
  import { jsx } from 'react/jsx-runtime';
6
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
6
7
  import { useContext, createContext, useMemo } from 'react';
7
8
  export { useWindowDimensions as useWindowSize } from 'react-native';
8
9
 
@@ -194,7 +195,10 @@ const breakpoints = {
194
195
  [BreakpointNameEnum.WIDE]: 1280
195
196
  };
196
197
 
198
+ const HEADING_VARIANTS = ['heading-2xl', 'heading-xl', 'heading-l', 'heading-m', 'heading-s', 'heading-xs', 'heading-2xs'];
197
199
  const BODY_VARIANTS = ['body-xl', 'body-l', 'body-m', 'body-s', 'body-xs'];
200
+ const LABEL_VARIANTS = ['label-xl', 'label-l', 'label-m', 'label-s'];
201
+ const CONTENT_CAPS_VARIANTS = ['content-caps-3xl', 'content-caps-2xl', 'content-caps-xl', 'content-caps-l', 'content-caps-m', 'content-caps-s', 'content-caps-xs'];
198
202
  const GTStandardFaces = {
199
203
  500: {
200
204
  normal: 'GTStandardRegular'
@@ -210,9 +214,10 @@ const size = {
210
214
  'heading-2xl': 56,
211
215
  'heading-xl': 48,
212
216
  'heading-l': 38,
213
- 'heading-m': 24,
214
- 'heading-s': 20,
215
- 'heading-xs': 16,
217
+ 'heading-m': 28,
218
+ 'heading-s': 24,
219
+ 'heading-xs': 20,
220
+ 'heading-2xs': 20,
216
221
  'body-xl': 24,
217
222
  'body-l': 18,
218
223
  'body-m': 16,
@@ -221,24 +226,39 @@ const size = {
221
226
  'label-xl': 18,
222
227
  'label-l': 16,
223
228
  'label-m': 14,
224
- 'label-s': 12
229
+ 'label-s': 12,
230
+ 'content-caps-3xl': 40,
231
+ 'content-caps-2xl': 32,
232
+ 'content-caps-xl': 24,
233
+ 'content-caps-l': 18,
234
+ 'content-caps-m': 16,
235
+ 'content-caps-s': 14,
236
+ 'content-caps-xs': 12
225
237
  };
226
238
  const lineHeight = {
227
239
  'heading-2xl': 64,
228
240
  'heading-xl': 56,
229
- 'heading-l': 48,
241
+ 'heading-l': 44,
230
242
  'heading-m': 32,
231
- 'heading-s': 20,
232
- 'heading-xs': 18,
243
+ 'heading-s': 28,
244
+ 'heading-xs': 24,
245
+ 'heading-2xs': 20,
233
246
  'body-xl': 32,
234
247
  'body-l': 26,
235
248
  'body-m': 24,
236
249
  'body-s': 20,
237
250
  'body-xs': 16,
238
251
  'label-xl': 26,
239
- 'label-l': 24,
240
- 'label-m': 20,
241
- 'label-s': 16
252
+ 'label-l': 20,
253
+ 'label-m': 18,
254
+ 'label-s': 14,
255
+ 'content-caps-3xl': 40,
256
+ 'content-caps-2xl': 40,
257
+ 'content-caps-xl': 28,
258
+ 'content-caps-l': 20,
259
+ 'content-caps-m': 18,
260
+ 'content-caps-s': 16,
261
+ 'content-caps-xs': 14
242
262
  };
243
263
  const letterSpacing = {
244
264
  'heading-2xl': 0,
@@ -247,6 +267,7 @@ const letterSpacing = {
247
267
  'heading-m': 0,
248
268
  'heading-s': 0,
249
269
  'heading-xs': 0,
270
+ 'heading-2xs': 0,
250
271
  'body-xl': 0.3,
251
272
  'body-l': 0.3,
252
273
  'body-m': 0.3,
@@ -255,7 +276,14 @@ const letterSpacing = {
255
276
  'label-xl': 0,
256
277
  'label-l': 0,
257
278
  'label-m': 0,
258
- 'label-s': 0
279
+ 'label-s': 0,
280
+ 'content-caps-3xl': 0,
281
+ 'content-caps-2xl': 0,
282
+ 'content-caps-xl': 0,
283
+ 'content-caps-l': 0,
284
+ 'content-caps-m': 0,
285
+ 'content-caps-s': 0,
286
+ 'content-caps-xs': 0
259
287
  };
260
288
  const weight = {
261
289
  bold: '700',
@@ -377,6 +405,32 @@ const Center = styled(View, {
377
405
  alignItems: 'center'
378
406
  });
379
407
 
408
+ const _excluded = ["as"];
409
+ /**
410
+ * A polymorphic Pressable component that can render as any Tamagui primitive.
411
+ *
412
+ * @example
413
+ * <Pressable onPress={() => {}} />
414
+ *
415
+ * @example
416
+ * <Pressable
417
+ * as={HStack}
418
+ * onPress={() => {}}
419
+ * />
420
+ */
421
+ function Pressable(_ref) {
422
+ let {
423
+ as
424
+ } = _ref,
425
+ rest = _objectWithoutProperties(_ref, _excluded);
426
+ const Component = styled(as !== null && as !== void 0 ? as : View, {
427
+ name: 'Pressable',
428
+ role: 'button',
429
+ cursor: 'pointer'
430
+ });
431
+ return /*#__PURE__*/jsx(Component, _objectSpread({}, rest));
432
+ }
433
+
380
434
  const HStack = styled(Stack, {
381
435
  name: 'HStack',
382
436
  flexDirection: 'row'
@@ -396,10 +450,27 @@ function getVariantAndWeightValues(weightProp, variantProp, typographyWeightAnce
396
450
  variant: computedVariant
397
451
  };
398
452
  }
399
- return {
400
- weight: 'semibold',
401
- variant: computedVariant
402
- };
453
+ // Content Caps variant have fixed weights so we override any provided weight
454
+ if (CONTENT_CAPS_VARIANTS.includes(computedVariant)) {
455
+ return {
456
+ weight: 'bold',
457
+ variant: computedVariant
458
+ };
459
+ }
460
+ // Heading variants have fixed weights so we override any provided weight
461
+ if (HEADING_VARIANTS.includes(computedVariant)) {
462
+ return {
463
+ weight: 'semibold',
464
+ variant: computedVariant
465
+ };
466
+ }
467
+ // Label variants have fixed weights so we override any provided weight
468
+ if (LABEL_VARIANTS.includes(computedVariant)) {
469
+ return {
470
+ weight: 'semibold',
471
+ variant: computedVariant
472
+ };
473
+ }
403
474
  }
404
475
  return {
405
476
  weight: weightProp,
@@ -407,9 +478,6 @@ function getVariantAndWeightValues(weightProp, variantProp, typographyWeightAnce
407
478
  };
408
479
  }
409
480
 
410
- const TypographyVariantContext = /*#__PURE__*/createContext(null);
411
- const TypographyWeightContext = /*#__PURE__*/createContext(null);
412
- const TypograhyColorContext = /*#__PURE__*/createContext(null);
413
481
  const InternalTypography = styled(Text, {
414
482
  fontFamily: '$GTStandard',
415
483
  color: '$content.base.hi',
@@ -442,12 +510,13 @@ const InternalTypography = styled(Text, {
442
510
  weight: 'regular'
443
511
  }
444
512
  });
445
-
446
- // Create a type for color props that matches strings containing '$content.'
513
+ const TypographyVariantContext = /*#__PURE__*/createContext(null);
514
+ const TypographyWeightContext = /*#__PURE__*/createContext(null);
515
+ const TypograhyColorContext = /*#__PURE__*/createContext(null);
447
516
 
448
517
  // Remove font-related style props from InternalTypography Props
449
518
 
450
- const TypographyText = InternalTypography.styleable((props, ref) => {
519
+ const TypographyBase = InternalTypography.styleable((props, ref) => {
451
520
  const typographyVariantAncestorValue = useContext(TypographyVariantContext);
452
521
  const typographyWeightAncestorValue = useContext(TypographyWeightContext);
453
522
  const typographyColorAncestorValue = useContext(TypograhyColorContext);
@@ -463,31 +532,44 @@ const TypographyText = InternalTypography.styleable((props, ref) => {
463
532
  weight: weight,
464
533
  variant: variant
465
534
  }));
466
- content = props.variant ?
467
- /*#__PURE__*/
535
+
468
536
  // If a variant is provided, we set it in the context for children to be able to inherit variant value
469
- jsx(TypographyVariantContext.Provider, {
537
+ content = props.variant ? /*#__PURE__*/jsx(TypographyVariantContext.Provider, {
470
538
  value: props.variant,
471
539
  children: content
472
540
  }) : content;
473
- content = props.weight ?
474
- /*#__PURE__*/
541
+
475
542
  // If a weight is provided, we set it in the context for children to be able to inherit weight value
476
- jsx(TypographyWeightContext.Provider, {
543
+ content = props.weight ? /*#__PURE__*/jsx(TypographyWeightContext.Provider, {
477
544
  value: props.weight,
478
545
  children: content
479
546
  }) : content;
480
- content = props.color ?
481
- /*#__PURE__*/
547
+
482
548
  // If a color is provided, we set it in the context for children to be able to inherit color value
483
- jsx(TypograhyColorContext.Provider, {
549
+ content = props.color ? /*#__PURE__*/jsx(TypograhyColorContext.Provider, {
484
550
  value: props.color,
485
551
  children: content
486
552
  }) : content;
487
553
  return content;
488
554
  });
555
+ const createHeading = level => {
556
+ return TypographyBase.styleable((props, ref) => {
557
+ return /*#__PURE__*/jsx(TypographyBase, _objectSpread(_objectSpread({
558
+ ref: ref
559
+ }, props), {}, {
560
+ role: "heading",
561
+ "aria-level": level
562
+ }));
563
+ });
564
+ };
489
565
  const Typography = {
490
- Text: TypographyText
566
+ Text: TypographyBase,
567
+ Header1: createHeading(1),
568
+ Header2: createHeading(2),
569
+ Header3: createHeading(3),
570
+ Header4: createHeading(4),
571
+ Header5: createHeading(5),
572
+ Header6: createHeading(6)
491
573
  };
492
574
 
493
575
  function getValueForBreakpoint(breakpoint, {
@@ -542,5 +624,5 @@ function SwitchBreakpoints(values) {
542
624
  return getValueForBreakpoint(breakpoint, values);
543
625
  }
544
626
 
545
- export { BumperDecorator, BumperProvider, Center, HStack, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
627
+ export { BumperDecorator, BumperProvider, Center, HStack, Pressable, SwitchBreakpoints, Typography, VStack, getValueForBreakpoint, useBreakpointValue, useCurrentBreakpointName };
546
628
  //# sourceMappingURL=index-metro.es.android.js.map