@ornikar/bumper 3.0.0 → 3.0.1
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/system/content/typography/Typography.d.ts +2 -1
- package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -1
- package/dist/definitions/system/content/typography/utils/getVariantAndWeightValues.d.ts.map +1 -1
- package/dist/definitions/system/core/tokens/GTStandardFont.d.ts +14 -0
- package/dist/definitions/system/core/tokens/GTStandardFont.d.ts.map +1 -0
- package/dist/definitions/system/core/tokens/GTStandardNarrowFont.d.ts +9 -0
- package/dist/definitions/system/core/tokens/GTStandardNarrowFont.d.ts.map +1 -0
- package/dist/definitions/system/core/tokens/fonts.d.ts +0 -14
- package/dist/definitions/system/core/tokens/fonts.d.ts.map +1 -1
- package/dist/definitions/tamagui.config.d.ts +27 -11
- package/dist/definitions/tamagui.config.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +80 -53
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +80 -53
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.22.cjs.js +80 -53
- package/dist/index-node-22.22.cjs.js.map +1 -1
- package/dist/index-node-22.22.cjs.web.js +80 -53
- package/dist/index-node-22.22.cjs.web.js.map +1 -1
- package/dist/index-node-22.22.es.mjs +80 -53
- package/dist/index-node-22.22.es.mjs.map +1 -1
- package/dist/index-node-22.22.es.web.mjs +80 -53
- package/dist/index-node-22.22.es.web.mjs.map +1 -1
- package/dist/index.es.js +74 -47
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +74 -47
- package/dist/index.es.web.js.map +1 -1
- package/dist/storybook-metro.es.android.js +76 -52
- package/dist/storybook-metro.es.android.js.map +1 -1
- package/dist/storybook-metro.es.ios.js +76 -52
- package/dist/storybook-metro.es.ios.js.map +1 -1
- package/dist/storybook-node-22.22.cjs.js +76 -52
- package/dist/storybook-node-22.22.cjs.js.map +1 -1
- package/dist/storybook-node-22.22.cjs.web.js +76 -52
- package/dist/storybook-node-22.22.cjs.web.js.map +1 -1
- package/dist/storybook-node-22.22.es.mjs +76 -52
- package/dist/storybook-node-22.22.es.mjs.map +1 -1
- package/dist/storybook-node-22.22.es.web.mjs +76 -52
- package/dist/storybook-node-22.22.es.web.mjs.map +1 -1
- package/dist/storybook.es.js +70 -46
- package/dist/storybook.es.js.map +1 -1
- package/dist/storybook.es.web.js +70 -46
- package/dist/storybook.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/system/content/typography/Typography.features.stories.tsx +1 -1
- package/src/system/content/typography/Typography.tsx +6 -7
- package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap +15 -8
- package/src/system/content/typography/__snapshots_web__/Typography.features.stories.tsx.snap +8 -8
- package/src/system/content/typography/utils/getVariantAndWeightValues.test.tsx +2 -1
- package/src/system/content/typography/utils/getVariantAndWeightValues.tsx +2 -1
- package/src/system/core/tokens/GTStandardFont.ts +90 -0
- package/src/system/core/tokens/GTStandardNarrowFont.ts +51 -0
- package/src/system/core/tokens/__snapshots__/fonts.stories.tsx.snap +14 -7
- package/src/system/core/tokens/__snapshots_web__/fonts.stories.tsx.snap +7 -7
- package/src/system/core/tokens/fonts.stories.tsx +7 -2
- package/src/system/core/tokens/fonts.ts +3 -116
- package/src/system/dataDisplays/Badge/__snapshots__/Badge.features.stories.tsx.snap +16 -8
- package/src/system/dataDisplays/Badge/__snapshots__/Badge.stories.tsx.snap +2 -1
- package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.features.stories.tsx.snap +8 -8
- package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.stories.tsx.snap +1 -1
- package/src/tamagui.config.ts +30 -7
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.0.1](https://github.com/ornikar/kitt/compare/@ornikar/bumper@3.0.0...@ornikar/bumper@3.0.1) (2026-02-27)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **bumper:** add GTStandardNarrow font for content-caps variants OSE-23704 ([#2905](https://github.com/ornikar/kitt/issues/2905)) ([89bfdab](https://github.com/ornikar/kitt/commit/89bfdab40b29d5fc7ce1bfc23af3bcf04d9bcdc5))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## [3.0.0](https://github.com/ornikar/kitt/compare/@ornikar/bumper@2.14.0...@ornikar/bumper@3.0.0) (2026-02-23)
|
|
7
16
|
|
|
8
17
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ColorTokens, GetProps, TamaguiComponent } from '@tamagui/core';
|
|
2
2
|
import { type Except } from 'type-fest';
|
|
3
|
-
import type { BodyFontVariants,
|
|
3
|
+
import type { BodyFontVariants, HeadingFontVariants, LabelFontVariants } from '../../core/tokens/GTStandardFont';
|
|
4
|
+
import { type ContentCapsVariants } from '../../core/tokens/GTStandardNarrowFont';
|
|
4
5
|
import type { TamaguiMediaProps } from '../../types';
|
|
5
6
|
declare const InternalTypography: TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
|
|
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-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;
|
|
@@ -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,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../src/system/content/typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAElG,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVariantAndWeightValues.d.ts","sourceRoot":"","sources":["../../../../../../src/system/content/typography/utils/getVariantAndWeightValues.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const HEADING_VARIANTS: readonly ["heading-2xl", "heading-xl", "heading-l", "heading-m", "heading-s", "heading-xs", "heading-2xs"];
|
|
2
|
+
export declare const BODY_VARIANTS: readonly ["body-xl", "body-l", "body-m", "body-s", "body-xs"];
|
|
3
|
+
export declare const LABEL_VARIANTS: readonly ["label-xl", "label-l", "label-m", "label-s"];
|
|
4
|
+
export type GTStandardVariants = (typeof HEADING_VARIANTS)[number] | (typeof BODY_VARIANTS)[number] | (typeof LABEL_VARIANTS)[number];
|
|
5
|
+
export type BodyFontVariants = (typeof BODY_VARIANTS)[number];
|
|
6
|
+
export type LabelFontVariants = (typeof LABEL_VARIANTS)[number];
|
|
7
|
+
export type HeadingFontVariants = (typeof HEADING_VARIANTS)[number];
|
|
8
|
+
export type GTStandardFontWeight = '500' | '600' | '700';
|
|
9
|
+
export declare const GTStandardFaces: Record<GTStandardFontWeight, Record<string, string>>;
|
|
10
|
+
export declare const GTStandardSizes: Record<GTStandardVariants, number>;
|
|
11
|
+
export declare const GTStandardLineHeights: Record<GTStandardVariants, number>;
|
|
12
|
+
export declare const GTStandardLetterSpacings: Record<GTStandardVariants, number>;
|
|
13
|
+
export declare const GTStandardWeights: Record<string, GTStandardFontWeight>;
|
|
14
|
+
//# sourceMappingURL=GTStandardFont.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GTStandardFont.d.ts","sourceRoot":"","sources":["../../../../../src/system/core/tokens/GTStandardFont.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,4GAQnB,CAAC;AACX,eAAO,MAAM,aAAa,+DAAgE,CAAC;AAC3F,eAAO,MAAM,cAAc,wDAAyD,CAAC;AAErF,MAAM,MAAM,kBAAkB,GAC1B,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,GACjC,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,GAC9B,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AACpC,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;AAEzD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAIhF,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAiB9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAiBpE,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAiBvE,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAIlE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
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"];
|
|
2
|
+
export type ContentCapsVariants = (typeof CONTENT_CAPS_VARIANTS)[number];
|
|
3
|
+
export type GTStandardNarrowFontWeight = '700';
|
|
4
|
+
export declare const GTStandardNarrowFaces: Record<GTStandardNarrowFontWeight, Record<string, string>>;
|
|
5
|
+
export declare const GTStandardNarrowSizes: Record<ContentCapsVariants, number>;
|
|
6
|
+
export declare const GTStandardNarrowLineHeights: Record<ContentCapsVariants, number>;
|
|
7
|
+
export declare const GTStandardNarrowLetterSpacings: Record<ContentCapsVariants, number>;
|
|
8
|
+
export declare const GTStandardNarrowWeights: Record<string, GTStandardNarrowFontWeight>;
|
|
9
|
+
//# sourceMappingURL=GTStandardNarrowFont.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GTStandardNarrowFont.d.ts","sourceRoot":"","sources":["../../../../../src/system/core/tokens/GTStandardNarrowFont.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,+IAQxB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC;AAE/C,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,0BAA0B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE5F,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAQrE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAQ3E,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAQ9E,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAE9E,CAAC"}
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
export declare const HEADING_VARIANTS: readonly ["heading-2xl", "heading-xl", "heading-l", "heading-m", "heading-s", "heading-xs", "heading-2xs"];
|
|
2
|
-
export declare const BODY_VARIANTS: readonly ["body-xl", "body-l", "body-m", "body-s", "body-xs"];
|
|
3
|
-
export declare const LABEL_VARIANTS: readonly ["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
1
|
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"];
|
|
6
2
|
export type FontVariants = (typeof VARIANTS)[number];
|
|
7
|
-
export type BodyFontVariants = (typeof BODY_VARIANTS)[number];
|
|
8
|
-
export type LabelFontVariants = (typeof LABEL_VARIANTS)[number];
|
|
9
|
-
export type HeadingFontVariants = (typeof HEADING_VARIANTS)[number];
|
|
10
|
-
export type ContentCapsVariants = (typeof CONTENT_CAPS_VARIANTS)[number];
|
|
11
|
-
export type GTStandardFontWeight = '500' | '600' | '700';
|
|
12
|
-
export declare const GTStandardFaces: Record<GTStandardFontWeight, Record<string, string>>;
|
|
13
|
-
export declare const size: Record<FontVariants, number>;
|
|
14
|
-
export declare const lineHeight: Record<FontVariants, number>;
|
|
15
|
-
export declare const letterSpacing: Record<FontVariants, number>;
|
|
16
|
-
export declare const weight: Record<string, GTStandardFontWeight>;
|
|
17
3
|
//# sourceMappingURL=fonts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../../src/system/core/tokens/fonts.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../../src/system/core/tokens/fonts.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,iVAAgG,CAAC;AAEtH,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const GTStandardFont: {
|
|
2
2
|
family: string;
|
|
3
|
-
size: Record<"
|
|
4
|
-
lineHeight: Record<"
|
|
5
|
-
letterSpacing: Record<"
|
|
6
|
-
weight: Record<string, import("./system/core/tokens/
|
|
7
|
-
face: Record<import("./system/core/tokens/
|
|
3
|
+
size: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
4
|
+
lineHeight: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
5
|
+
letterSpacing: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
6
|
+
weight: Record<string, import("./system/core/tokens/GTStandardFont").GTStandardFontWeight>;
|
|
7
|
+
face: Record<import("./system/core/tokens/GTStandardFont").GTStandardFontWeight, Record<string, string>>;
|
|
8
|
+
};
|
|
9
|
+
export declare const GTStandardNarrowFont: {
|
|
10
|
+
family: string;
|
|
11
|
+
size: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
12
|
+
lineHeight: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
13
|
+
letterSpacing: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
14
|
+
weight: Record<string, "700">;
|
|
15
|
+
face: Record<"700", Record<string, string>>;
|
|
8
16
|
};
|
|
9
17
|
export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
|
|
10
18
|
color: {};
|
|
@@ -109,11 +117,19 @@ export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
|
|
|
109
117
|
}, {}, {
|
|
110
118
|
GTStandard: {
|
|
111
119
|
family: string;
|
|
112
|
-
size: Record<"
|
|
113
|
-
lineHeight: Record<"
|
|
114
|
-
letterSpacing: Record<"
|
|
115
|
-
weight: Record<string, import("./system/core/tokens/
|
|
116
|
-
face: Record<import("./system/core/tokens/
|
|
120
|
+
size: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
121
|
+
lineHeight: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
122
|
+
letterSpacing: Record<import("./system/core/tokens/GTStandardFont").GTStandardVariants, number>;
|
|
123
|
+
weight: Record<string, import("./system/core/tokens/GTStandardFont").GTStandardFontWeight>;
|
|
124
|
+
face: Record<import("./system/core/tokens/GTStandardFont").GTStandardFontWeight, Record<string, string>>;
|
|
125
|
+
};
|
|
126
|
+
GTStandardNarrow: {
|
|
127
|
+
family: string;
|
|
128
|
+
size: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
129
|
+
lineHeight: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
130
|
+
letterSpacing: Record<"content-caps-3xl" | "content-caps-2xl" | "content-caps-xl" | "content-caps-l" | "content-caps-m" | "content-caps-s" | "content-caps-xs", number>;
|
|
131
|
+
weight: Record<string, "700">;
|
|
132
|
+
face: Record<"700", Record<string, string>>;
|
|
117
133
|
};
|
|
118
134
|
}, {
|
|
119
135
|
allowedStyleValues: "strict";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../../src/tamagui.config.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,cAAc;;;;;;;CAOzB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;CAO/B,CAAC;AAUH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBjB,CAAC;AAEH,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC;AAG1B,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,IAAI;KAAG;CAC9C"}
|
|
@@ -181,32 +181,9 @@ const light = {
|
|
|
181
181
|
'border.highlight': deepPurpleColorPalette['mauve.3']
|
|
182
182
|
};
|
|
183
183
|
|
|
184
|
-
let BreakpointNameEnum = /*#__PURE__*/function (BreakpointNameEnum) {
|
|
185
|
-
BreakpointNameEnum["BASE"] = "base";
|
|
186
|
-
BreakpointNameEnum["SMALL"] = "small";
|
|
187
|
-
BreakpointNameEnum["MEDIUM"] = "medium";
|
|
188
|
-
BreakpointNameEnum["LARGE"] = "large";
|
|
189
|
-
BreakpointNameEnum["WIDE"] = "wide";
|
|
190
|
-
return BreakpointNameEnum;
|
|
191
|
-
}({});
|
|
192
|
-
const breakpoints = {
|
|
193
|
-
[BreakpointNameEnum.BASE]: 0,
|
|
194
|
-
[BreakpointNameEnum.SMALL]: 480,
|
|
195
|
-
[BreakpointNameEnum.MEDIUM]: 768,
|
|
196
|
-
[BreakpointNameEnum.LARGE]: 1024,
|
|
197
|
-
[BreakpointNameEnum.WIDE]: 1280
|
|
198
|
-
};
|
|
199
|
-
|
|
200
|
-
const bumperIconTokens = {
|
|
201
|
-
'icon.s': px(16),
|
|
202
|
-
'icon.m': px(20),
|
|
203
|
-
'icon.l': px(24)
|
|
204
|
-
};
|
|
205
|
-
|
|
206
184
|
const HEADING_VARIANTS = ['heading-2xl', 'heading-xl', 'heading-l', 'heading-m', 'heading-s', 'heading-xs', 'heading-2xs'];
|
|
207
185
|
const BODY_VARIANTS = ['body-xl', 'body-l', 'body-m', 'body-s', 'body-xs'];
|
|
208
186
|
const LABEL_VARIANTS = ['label-xl', 'label-l', 'label-m', 'label-s'];
|
|
209
|
-
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'];
|
|
210
187
|
const GTStandardFaces = {
|
|
211
188
|
500: {
|
|
212
189
|
normal: 'GTStandardRegular'
|
|
@@ -218,7 +195,7 @@ const GTStandardFaces = {
|
|
|
218
195
|
normal: 'GTStandardBold'
|
|
219
196
|
}
|
|
220
197
|
};
|
|
221
|
-
const
|
|
198
|
+
const GTStandardSizes = {
|
|
222
199
|
'heading-2xl': 56,
|
|
223
200
|
'heading-xl': 48,
|
|
224
201
|
'heading-l': 38,
|
|
@@ -234,16 +211,9 @@ const size = {
|
|
|
234
211
|
'label-xl': 18,
|
|
235
212
|
'label-l': 16,
|
|
236
213
|
'label-m': 14,
|
|
237
|
-
'label-s': 12
|
|
238
|
-
'content-caps-3xl': 40,
|
|
239
|
-
'content-caps-2xl': 32,
|
|
240
|
-
'content-caps-xl': 24,
|
|
241
|
-
'content-caps-l': 18,
|
|
242
|
-
'content-caps-m': 16,
|
|
243
|
-
'content-caps-s': 14,
|
|
244
|
-
'content-caps-xs': 12
|
|
214
|
+
'label-s': 12
|
|
245
215
|
};
|
|
246
|
-
const
|
|
216
|
+
const GTStandardLineHeights = {
|
|
247
217
|
'heading-2xl': 64,
|
|
248
218
|
'heading-xl': 56,
|
|
249
219
|
'heading-l': 44,
|
|
@@ -259,16 +229,9 @@ const lineHeight = {
|
|
|
259
229
|
'label-xl': 26,
|
|
260
230
|
'label-l': 20,
|
|
261
231
|
'label-m': 18,
|
|
262
|
-
'label-s': 14
|
|
263
|
-
'content-caps-3xl': 40,
|
|
264
|
-
'content-caps-2xl': 40,
|
|
265
|
-
'content-caps-xl': 28,
|
|
266
|
-
'content-caps-l': 20,
|
|
267
|
-
'content-caps-m': 18,
|
|
268
|
-
'content-caps-s': 16,
|
|
269
|
-
'content-caps-xs': 14
|
|
232
|
+
'label-s': 14
|
|
270
233
|
};
|
|
271
|
-
const
|
|
234
|
+
const GTStandardLetterSpacings = {
|
|
272
235
|
'heading-2xl': 0,
|
|
273
236
|
'heading-xl': 0,
|
|
274
237
|
'heading-l': 0,
|
|
@@ -284,7 +247,39 @@ const letterSpacing = {
|
|
|
284
247
|
'label-xl': 0,
|
|
285
248
|
'label-l': 0,
|
|
286
249
|
'label-m': 0,
|
|
287
|
-
'label-s': 0
|
|
250
|
+
'label-s': 0
|
|
251
|
+
};
|
|
252
|
+
const GTStandardWeights = {
|
|
253
|
+
bold: '700',
|
|
254
|
+
semibold: '600',
|
|
255
|
+
regular: '500'
|
|
256
|
+
};
|
|
257
|
+
|
|
258
|
+
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'];
|
|
259
|
+
const GTStandardNarrowFaces = {
|
|
260
|
+
700: {
|
|
261
|
+
normal: 'GTStandardNarrowBold'
|
|
262
|
+
}
|
|
263
|
+
};
|
|
264
|
+
const GTStandardNarrowSizes = {
|
|
265
|
+
'content-caps-3xl': 40,
|
|
266
|
+
'content-caps-2xl': 32,
|
|
267
|
+
'content-caps-xl': 24,
|
|
268
|
+
'content-caps-l': 18,
|
|
269
|
+
'content-caps-m': 16,
|
|
270
|
+
'content-caps-s': 14,
|
|
271
|
+
'content-caps-xs': 12
|
|
272
|
+
};
|
|
273
|
+
const GTStandardNarrowLineHeights = {
|
|
274
|
+
'content-caps-3xl': 40,
|
|
275
|
+
'content-caps-2xl': 40,
|
|
276
|
+
'content-caps-xl': 28,
|
|
277
|
+
'content-caps-l': 20,
|
|
278
|
+
'content-caps-m': 18,
|
|
279
|
+
'content-caps-s': 16,
|
|
280
|
+
'content-caps-xs': 14
|
|
281
|
+
};
|
|
282
|
+
const GTStandardNarrowLetterSpacings = {
|
|
288
283
|
'content-caps-3xl': 0,
|
|
289
284
|
'content-caps-2xl': 0,
|
|
290
285
|
'content-caps-xl': 0,
|
|
@@ -293,10 +288,30 @@ const letterSpacing = {
|
|
|
293
288
|
'content-caps-s': 0,
|
|
294
289
|
'content-caps-xs': 0
|
|
295
290
|
};
|
|
296
|
-
const
|
|
297
|
-
bold: '700'
|
|
298
|
-
|
|
299
|
-
|
|
291
|
+
const GTStandardNarrowWeights = {
|
|
292
|
+
bold: '700'
|
|
293
|
+
};
|
|
294
|
+
|
|
295
|
+
let BreakpointNameEnum = /*#__PURE__*/function (BreakpointNameEnum) {
|
|
296
|
+
BreakpointNameEnum["BASE"] = "base";
|
|
297
|
+
BreakpointNameEnum["SMALL"] = "small";
|
|
298
|
+
BreakpointNameEnum["MEDIUM"] = "medium";
|
|
299
|
+
BreakpointNameEnum["LARGE"] = "large";
|
|
300
|
+
BreakpointNameEnum["WIDE"] = "wide";
|
|
301
|
+
return BreakpointNameEnum;
|
|
302
|
+
}({});
|
|
303
|
+
const breakpoints = {
|
|
304
|
+
[BreakpointNameEnum.BASE]: 0,
|
|
305
|
+
[BreakpointNameEnum.SMALL]: 480,
|
|
306
|
+
[BreakpointNameEnum.MEDIUM]: 768,
|
|
307
|
+
[BreakpointNameEnum.LARGE]: 1024,
|
|
308
|
+
[BreakpointNameEnum.WIDE]: 1280
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
const bumperIconTokens = {
|
|
312
|
+
'icon.s': px(16),
|
|
313
|
+
'icon.m': px(20),
|
|
314
|
+
'icon.l': px(24)
|
|
300
315
|
};
|
|
301
316
|
|
|
302
317
|
const radiusTokens = {
|
|
@@ -338,14 +353,22 @@ const spaceTokens = {
|
|
|
338
353
|
'space.80': 80
|
|
339
354
|
};
|
|
340
355
|
|
|
341
|
-
const
|
|
356
|
+
const GTStandardFont = createFont({
|
|
342
357
|
family: 'GTStandard',
|
|
343
|
-
size,
|
|
344
|
-
lineHeight,
|
|
345
|
-
letterSpacing,
|
|
346
|
-
weight,
|
|
358
|
+
size: GTStandardSizes,
|
|
359
|
+
lineHeight: GTStandardLineHeights,
|
|
360
|
+
letterSpacing: GTStandardLetterSpacings,
|
|
361
|
+
weight: GTStandardWeights,
|
|
347
362
|
face: GTStandardFaces
|
|
348
363
|
});
|
|
364
|
+
const GTStandardNarrowFont = createFont({
|
|
365
|
+
family: 'GTStandardNarrow',
|
|
366
|
+
size: GTStandardNarrowSizes,
|
|
367
|
+
lineHeight: GTStandardNarrowLineHeights,
|
|
368
|
+
letterSpacing: GTStandardNarrowLetterSpacings,
|
|
369
|
+
weight: GTStandardNarrowWeights,
|
|
370
|
+
face: GTStandardNarrowFaces
|
|
371
|
+
});
|
|
349
372
|
const tokens = createTokens({
|
|
350
373
|
color: {},
|
|
351
374
|
space: spaceTokens,
|
|
@@ -356,7 +379,8 @@ const tokens = createTokens({
|
|
|
356
379
|
const config = createTamagui({
|
|
357
380
|
tokens,
|
|
358
381
|
fonts: {
|
|
359
|
-
GTStandard:
|
|
382
|
+
GTStandard: GTStandardFont,
|
|
383
|
+
GTStandardNarrow: GTStandardNarrowFont
|
|
360
384
|
},
|
|
361
385
|
themes: {
|
|
362
386
|
light
|
|
@@ -494,7 +518,10 @@ const InternalTypography = styled(Text, {
|
|
|
494
518
|
variants: {
|
|
495
519
|
variant: variant => {
|
|
496
520
|
if (!variant) return {};
|
|
521
|
+
const isContentCapsVariant = CONTENT_CAPS_VARIANTS.includes(variant);
|
|
497
522
|
return {
|
|
523
|
+
fontFamily: isContentCapsVariant ? '$GTStandardNarrow' : '$GTStandard',
|
|
524
|
+
textTransform: isContentCapsVariant ? 'uppercase' : undefined,
|
|
498
525
|
fontSize: `$${variant}`,
|
|
499
526
|
lineHeight: `$${variant}`,
|
|
500
527
|
letterSpacing: `$${variant}`
|