@castui/cast-ui 0.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 (51) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +352 -0
  3. package/dist/components/Button/Button.d.ts +18 -0
  4. package/dist/components/Button/Button.d.ts.map +1 -0
  5. package/dist/components/Button/Button.js +74 -0
  6. package/dist/components/Button/Button.js.map +1 -0
  7. package/dist/components/Card/Card.d.ts +18 -0
  8. package/dist/components/Card/Card.d.ts.map +1 -0
  9. package/dist/components/Card/Card.js +53 -0
  10. package/dist/components/Card/Card.js.map +1 -0
  11. package/dist/index.d.ts +8 -0
  12. package/dist/index.d.ts.map +1 -0
  13. package/dist/index.js +11 -0
  14. package/dist/index.js.map +1 -0
  15. package/dist/theme/ThemeProvider.d.ts +32 -0
  16. package/dist/theme/ThemeProvider.d.ts.map +1 -0
  17. package/dist/theme/ThemeProvider.js +39 -0
  18. package/dist/theme/ThemeProvider.js.map +1 -0
  19. package/dist/theme/fonts.d.ts +33 -0
  20. package/dist/theme/fonts.d.ts.map +1 -0
  21. package/dist/theme/fonts.js +45 -0
  22. package/dist/theme/fonts.js.map +1 -0
  23. package/dist/theme/index.d.ts +5 -0
  24. package/dist/theme/index.d.ts.map +1 -0
  25. package/dist/theme/index.js +3 -0
  26. package/dist/theme/index.js.map +1 -0
  27. package/dist/theme/types.d.ts +150 -0
  28. package/dist/theme/types.d.ts.map +1 -0
  29. package/dist/theme/types.js +11 -0
  30. package/dist/theme/types.js.map +1 -0
  31. package/dist/tokens/generated/consumer.d.ts +3 -0
  32. package/dist/tokens/generated/consumer.d.ts.map +1 -0
  33. package/dist/tokens/generated/consumer.js +126 -0
  34. package/dist/tokens/generated/consumer.js.map +1 -0
  35. package/dist/tokens/generated/corporate.d.ts +3 -0
  36. package/dist/tokens/generated/corporate.d.ts.map +1 -0
  37. package/dist/tokens/generated/corporate.js +126 -0
  38. package/dist/tokens/generated/corporate.js.map +1 -0
  39. package/dist/tokens/generated/index.d.ts +6 -0
  40. package/dist/tokens/generated/index.d.ts.map +1 -0
  41. package/dist/tokens/generated/index.js +5 -0
  42. package/dist/tokens/generated/index.js.map +1 -0
  43. package/dist/tokens/generated/luxury.d.ts +3 -0
  44. package/dist/tokens/generated/luxury.d.ts.map +1 -0
  45. package/dist/tokens/generated/luxury.js +126 -0
  46. package/dist/tokens/generated/luxury.js.map +1 -0
  47. package/dist/tokens/generated/white-label.d.ts +3 -0
  48. package/dist/tokens/generated/white-label.d.ts.map +1 -0
  49. package/dist/tokens/generated/white-label.js +126 -0
  50. package/dist/tokens/generated/white-label.js.map +1 -0
  51. package/package.json +64 -0
@@ -0,0 +1,33 @@
1
+ /**
2
+ * Font-loading helpers.
3
+ *
4
+ * Each theme may require custom fonts. This module exports a map of
5
+ * font-family names to `require()`-able assets (for Expo) or Google Fonts
6
+ * URLs (for web).
7
+ *
8
+ * **React Native / Expo consumers** – use `expo-font` to load fonts before
9
+ * rendering themed components:
10
+ *
11
+ * ```ts
12
+ * import { useFonts } from 'expo-font';
13
+ * import { THEME_FONTS } from '@castui/cast-ui/theme/fonts';
14
+ *
15
+ * const [loaded] = useFonts(THEME_FONTS.consumer);
16
+ * ```
17
+ *
18
+ * **Web / Storybook** – fonts are loaded via `<link>` tags in
19
+ * `.storybook/preview-head.html`. No runtime font loading is needed.
20
+ */
21
+ import type { ThemeName } from './types';
22
+ /**
23
+ * Map of Google Fonts family names used by each theme.
24
+ * The `system-ui` entry means "use the platform default" and requires
25
+ * no explicit loading.
26
+ */
27
+ export declare const THEME_FONT_FAMILIES: Record<ThemeName, string[]>;
28
+ /**
29
+ * Google Fonts `<link>` href for a given theme.
30
+ * Useful if you need to programmatically inject font links on the web.
31
+ */
32
+ export declare function googleFontsUrl(themeName: ThemeName): string | null;
33
+ //# sourceMappingURL=fonts.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/theme/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,EAAE,CAK3D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CASlE"}
@@ -0,0 +1,45 @@
1
+ /**
2
+ * Font-loading helpers.
3
+ *
4
+ * Each theme may require custom fonts. This module exports a map of
5
+ * font-family names to `require()`-able assets (for Expo) or Google Fonts
6
+ * URLs (for web).
7
+ *
8
+ * **React Native / Expo consumers** – use `expo-font` to load fonts before
9
+ * rendering themed components:
10
+ *
11
+ * ```ts
12
+ * import { useFonts } from 'expo-font';
13
+ * import { THEME_FONTS } from '@castui/cast-ui/theme/fonts';
14
+ *
15
+ * const [loaded] = useFonts(THEME_FONTS.consumer);
16
+ * ```
17
+ *
18
+ * **Web / Storybook** – fonts are loaded via `<link>` tags in
19
+ * `.storybook/preview-head.html`. No runtime font loading is needed.
20
+ */
21
+ /**
22
+ * Map of Google Fonts family names used by each theme.
23
+ * The `system-ui` entry means "use the platform default" and requires
24
+ * no explicit loading.
25
+ */
26
+ export const THEME_FONT_FAMILIES = {
27
+ 'white-label': [], // system-ui only
28
+ consumer: ['Poppins'], // geometric sans
29
+ corporate: ['Inter', 'Merriweather'], // sans + humanist serif
30
+ luxury: ['Playfair Display', 'Cormorant Garamond'], // serif + display
31
+ };
32
+ /**
33
+ * Google Fonts `<link>` href for a given theme.
34
+ * Useful if you need to programmatically inject font links on the web.
35
+ */
36
+ export function googleFontsUrl(themeName) {
37
+ const families = THEME_FONT_FAMILIES[themeName];
38
+ if (families.length === 0)
39
+ return null;
40
+ const params = families
41
+ .map((f) => `family=${encodeURIComponent(f)}:wght@400;500;700`)
42
+ .join('&');
43
+ return `https://fonts.googleapis.com/css2?${params}&display=swap`;
44
+ }
45
+ //# sourceMappingURL=fonts.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/theme/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgC;IAC9D,aAAa,EAAE,EAAE,EAA8C,iBAAiB;IAChF,QAAQ,EAAE,CAAC,SAAS,CAAC,EAA0C,iBAAiB;IAChF,SAAS,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,EAA2B,wBAAwB;IACvF,MAAM,EAAE,CAAC,kBAAkB,EAAE,oBAAoB,CAAC,EAAa,kBAAkB;CAClF,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,SAAoB;IACjD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEvC,MAAM,MAAM,GAAG,QAAQ;SACpB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAAC;SAC9D,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,qCAAqC,MAAM,eAAe,CAAC;AACpE,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { CastThemeProvider, useTheme } from './ThemeProvider';
2
+ export type { CastThemeProviderProps } from './ThemeProvider';
3
+ export { THEME_FONT_FAMILIES, googleFontsUrl } from './fonts';
4
+ export type { CastTheme, ThemeName, SemanticTokens, SemanticColors, SemanticFontFamily, SemanticFontSize, SemanticFontWeight, SemanticLineHeight, SemanticLetterSpacing, SemanticParagraphSpacing, SemanticParagraphIndent, SemanticBorderRadius, ComponentTokens, ButtonTokens, ButtonVariantTokens, ButtonOutlineTokens, ButtonStateTokens, CardTokens, } from './types';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9D,YAAY,EACV,SAAS,EACT,SAAS,EACT,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,SAAS,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { CastThemeProvider, useTheme } from './ThemeProvider';
2
+ export { THEME_FONT_FAMILIES, googleFontsUrl } from './fonts';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,150 @@
1
+ /**
2
+ * Cast Design System theme type.
3
+ *
4
+ * Every theme (White Label, Consumer, Corporate, Luxury) conforms to this
5
+ * interface. Components consume tokens via `useTheme()` and reference
6
+ * properties from the semantic and component layers.
7
+ *
8
+ * Generated theme objects resolve all Figma token aliases to final values.
9
+ */
10
+ export interface SemanticColors {
11
+ surface: string;
12
+ onSurface: string;
13
+ onSurfaceMuted: string;
14
+ surfaceContainer: string;
15
+ primary: string;
16
+ onPrimary: string;
17
+ primaryHover: string;
18
+ primaryPressed: string;
19
+ secondary: string;
20
+ onSecondary: string;
21
+ success: string;
22
+ onSuccess: string;
23
+ error: string;
24
+ onError: string;
25
+ warning: string;
26
+ onWarning: string;
27
+ border: string;
28
+ borderSubtle: string;
29
+ disabledContainer: string;
30
+ onDisabled: string;
31
+ primaryContainer: string;
32
+ onPrimaryContainer: string;
33
+ secondaryContainer: string;
34
+ onSecondaryContainer: string;
35
+ errorContainer: string;
36
+ onErrorContainer: string;
37
+ successContainer: string;
38
+ onSuccessContainer: string;
39
+ warningContainer: string;
40
+ onWarningContainer: string;
41
+ }
42
+ export interface SemanticFontFamily {
43
+ /** Brand typeface for headlines and marketing. */
44
+ brand: string;
45
+ /** UI typeface for body text and controls. */
46
+ interface: string;
47
+ /** Monospaced typeface for code and data. */
48
+ data: string;
49
+ }
50
+ export interface SemanticFontSize {
51
+ display: number;
52
+ h1: number;
53
+ h2: number;
54
+ h3: number;
55
+ body: number;
56
+ small: number;
57
+ button: number;
58
+ }
59
+ export interface SemanticFontWeight {
60
+ heading: number;
61
+ body: number;
62
+ button: number;
63
+ }
64
+ export interface SemanticLineHeight {
65
+ heading: number;
66
+ body: number;
67
+ uiLabel: number;
68
+ }
69
+ export interface SemanticLetterSpacing {
70
+ heading: number;
71
+ body: number;
72
+ label: number;
73
+ }
74
+ export interface SemanticParagraphSpacing {
75
+ body: number;
76
+ editorial: number;
77
+ }
78
+ export interface SemanticParagraphIndent {
79
+ editorial: number;
80
+ }
81
+ export interface SemanticBorderRadius {
82
+ small: number;
83
+ medium: number;
84
+ large: number;
85
+ }
86
+ export interface SemanticTokens {
87
+ color: SemanticColors;
88
+ fontFamily: SemanticFontFamily;
89
+ fontSize: SemanticFontSize;
90
+ fontWeight: SemanticFontWeight;
91
+ lineHeight: SemanticLineHeight;
92
+ letterSpacing: SemanticLetterSpacing;
93
+ paragraphSpacing: SemanticParagraphSpacing;
94
+ paragraphIndent: SemanticParagraphIndent;
95
+ borderRadius: SemanticBorderRadius;
96
+ }
97
+ export interface ButtonVariantTokens {
98
+ background: string;
99
+ content: string;
100
+ }
101
+ export interface ButtonOutlineTokens extends ButtonVariantTokens {
102
+ border: string;
103
+ }
104
+ export interface ButtonStateTokens {
105
+ hoverBackground: string;
106
+ pressedBackground: string;
107
+ disabledBackground: string;
108
+ disabledContent: string;
109
+ }
110
+ export interface ButtonTokens {
111
+ paddingHorizontal: number;
112
+ paddingVertical: number;
113
+ gap: number;
114
+ cornerRadius: number;
115
+ borderWidth: number;
116
+ textSize: number;
117
+ fontWeight: number;
118
+ lineHeight: number;
119
+ fontFamily: string;
120
+ filled: ButtonVariantTokens;
121
+ outline: ButtonOutlineTokens;
122
+ text: ButtonVariantTokens;
123
+ state: ButtonStateTokens;
124
+ }
125
+ export interface CardTokens {
126
+ padding: number;
127
+ gap: number;
128
+ background: string;
129
+ stroke: string;
130
+ strokeWidth: number;
131
+ cornerRadius: number;
132
+ elevation: number;
133
+ headingSize: number;
134
+ headingWeight: number;
135
+ headingFontFamily: string;
136
+ bodySize: number;
137
+ bodyWeight: number;
138
+ bodyFontFamily: string;
139
+ }
140
+ export interface ComponentTokens {
141
+ button: ButtonTokens;
142
+ card: CardTokens;
143
+ }
144
+ export type ThemeName = 'white-label' | 'consumer' | 'corporate' | 'luxury';
145
+ export interface CastTheme {
146
+ name: ThemeName;
147
+ semantic: SemanticTokens;
148
+ component: ComponentTokens;
149
+ }
150
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Cast Design System theme type.
3
+ *
4
+ * Every theme (White Label, Consumer, Corporate, Luxury) conforms to this
5
+ * interface. Components consume tokens via `useTheme()` and reference
6
+ * properties from the semantic and component layers.
7
+ *
8
+ * Generated theme objects resolve all Figma token aliases to final values.
9
+ */
10
+ export {};
11
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG"}
@@ -0,0 +1,3 @@
1
+ import type { CastTheme } from '../../theme/types';
2
+ export declare const consumer: CastTheme;
3
+ //# sourceMappingURL=consumer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consumer.d.ts","sourceRoot":"","sources":["../../../src/tokens/generated/consumer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,QAAQ,EAAE,SA8ItB,CAAC"}
@@ -0,0 +1,126 @@
1
+ export const consumer = {
2
+ name: 'consumer',
3
+ semantic: {
4
+ color: {
5
+ surface: "#FFFFFF",
6
+ onSurface: "#553C9A",
7
+ onSurfaceMuted: "#475569",
8
+ surfaceContainer: "#F8FAFC",
9
+ primary: "#553C9A",
10
+ onPrimary: "#FFFFFF",
11
+ primaryHover: "#9F7AEA",
12
+ primaryPressed: "#D6BCFA",
13
+ secondary: "#D6BCFA",
14
+ onSecondary: "#553C9A",
15
+ success: "#3DC253",
16
+ onSuccess: "#FFFFFF",
17
+ error: "#E46262",
18
+ onError: "#FFFFFF",
19
+ warning: "#CAAD5F",
20
+ onWarning: "#000000",
21
+ border: "#E2E8F0",
22
+ borderSubtle: "#F8FAFC",
23
+ disabledContainer: "#E2E8F0",
24
+ onDisabled: "#94A3B8",
25
+ primaryContainer: "#F5F0FF",
26
+ onPrimaryContainer: "#3B2870",
27
+ secondaryContainer: "#F5F0FF",
28
+ onSecondaryContainer: "#3B2870",
29
+ errorContainer: "#FDF2F2",
30
+ onErrorContainer: "#4A0808",
31
+ successContainer: "#F0FDF1",
32
+ onSuccessContainer: "#084A14",
33
+ warningContainer: "#FDF8EB",
34
+ onWarningContainer: "#6B592D",
35
+ },
36
+ fontFamily: {
37
+ brand: "Poppins",
38
+ interface: "Poppins",
39
+ data: "JetBrains Mono",
40
+ },
41
+ fontSize: {
42
+ display: 39,
43
+ h1: 31,
44
+ h2: 25,
45
+ h3: 20,
46
+ body: 16,
47
+ small: 12.800000190734863,
48
+ button: 16,
49
+ },
50
+ fontWeight: {
51
+ heading: 700,
52
+ body: 400,
53
+ button: 500,
54
+ },
55
+ lineHeight: {
56
+ heading: 1.2000000476837158,
57
+ body: 1.5,
58
+ uiLabel: 1,
59
+ },
60
+ letterSpacing: {
61
+ heading: -0.019999999552965164,
62
+ body: 0,
63
+ label: 0.019999999552965164,
64
+ },
65
+ paragraphSpacing: {
66
+ body: 16,
67
+ editorial: 24,
68
+ },
69
+ paragraphIndent: {
70
+ editorial: 0,
71
+ },
72
+ borderRadius: {
73
+ small: 8,
74
+ medium: 24,
75
+ large: 16,
76
+ },
77
+ },
78
+ component: {
79
+ button: {
80
+ paddingHorizontal: 16,
81
+ paddingVertical: 12,
82
+ gap: 8,
83
+ cornerRadius: 24,
84
+ borderWidth: 2,
85
+ textSize: 16,
86
+ fontWeight: 500,
87
+ lineHeight: 1,
88
+ fontFamily: "Poppins",
89
+ filled: {
90
+ background: "#553C9A",
91
+ content: "#FFFFFF",
92
+ },
93
+ outline: {
94
+ background: "#FFFFFF",
95
+ border: "#553C9A",
96
+ content: "#553C9A",
97
+ },
98
+ text: {
99
+ background: "#FFFFFF",
100
+ content: "#553C9A",
101
+ },
102
+ state: {
103
+ hoverBackground: "#9F7AEA",
104
+ pressedBackground: "#D6BCFA",
105
+ disabledBackground: "#E2E8F0",
106
+ disabledContent: "#94A3B8",
107
+ },
108
+ },
109
+ card: {
110
+ padding: 24,
111
+ gap: 12,
112
+ background: "#F8FAFC",
113
+ stroke: "#E2E8F0",
114
+ strokeWidth: 2,
115
+ cornerRadius: 16,
116
+ elevation: 4,
117
+ headingSize: 20,
118
+ headingWeight: 700,
119
+ headingFontFamily: "Poppins",
120
+ bodySize: 16,
121
+ bodyWeight: 400,
122
+ bodyFontFamily: "Poppins",
123
+ },
124
+ },
125
+ };
126
+ //# sourceMappingURL=consumer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"consumer.js","sourceRoot":"","sources":["../../../src/tokens/generated/consumer.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import type { CastTheme } from '../../theme/types';
2
+ export declare const corporate: CastTheme;
3
+ //# sourceMappingURL=corporate.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"corporate.d.ts","sourceRoot":"","sources":["../../../src/tokens/generated/corporate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,SAAS,EAAE,SA8IvB,CAAC"}
@@ -0,0 +1,126 @@
1
+ export const corporate = {
2
+ name: 'corporate',
3
+ semantic: {
4
+ color: {
5
+ surface: "#FFFFFF",
6
+ onSurface: "#0C346F",
7
+ onSurfaceMuted: "#475569",
8
+ surfaceContainer: "#F8FAFC",
9
+ primary: "#0C346F",
10
+ onPrimary: "#FFFFFF",
11
+ primaryHover: "#628BE4",
12
+ primaryPressed: "#9EC2E9",
13
+ secondary: "#475569",
14
+ onSecondary: "#FFFFFF",
15
+ success: "#0C6F1E",
16
+ onSuccess: "#FFFFFF",
17
+ error: "#6F0C0C",
18
+ onError: "#FFFFFF",
19
+ warning: "#947C3E",
20
+ onWarning: "#FFFFFF",
21
+ border: "#9EC2E9",
22
+ borderSubtle: "#E2E8F0",
23
+ disabledContainer: "#E2E8F0",
24
+ onDisabled: "#94A3B8",
25
+ primaryContainer: "#EBF2FB",
26
+ onPrimaryContainer: "#072350",
27
+ secondaryContainer: "#E2E8F0",
28
+ onSecondaryContainer: "#1E293B",
29
+ errorContainer: "#FDF2F2",
30
+ onErrorContainer: "#4A0808",
31
+ successContainer: "#F0FDF1",
32
+ onSuccessContainer: "#084A14",
33
+ warningContainer: "#FDF8EB",
34
+ onWarningContainer: "#6B592D",
35
+ },
36
+ fontFamily: {
37
+ brand: "Merriweather",
38
+ interface: "Inter",
39
+ data: "JetBrains Mono",
40
+ },
41
+ fontSize: {
42
+ display: 39,
43
+ h1: 31,
44
+ h2: 25,
45
+ h3: 20,
46
+ body: 16,
47
+ small: 12.800000190734863,
48
+ button: 16,
49
+ },
50
+ fontWeight: {
51
+ heading: 700,
52
+ body: 400,
53
+ button: 500,
54
+ },
55
+ lineHeight: {
56
+ heading: 1.2000000476837158,
57
+ body: 1.5,
58
+ uiLabel: 1,
59
+ },
60
+ letterSpacing: {
61
+ heading: -0.019999999552965164,
62
+ body: 0,
63
+ label: 0.019999999552965164,
64
+ },
65
+ paragraphSpacing: {
66
+ body: 8,
67
+ editorial: 16,
68
+ },
69
+ paragraphIndent: {
70
+ editorial: 0,
71
+ },
72
+ borderRadius: {
73
+ small: 2,
74
+ medium: 4,
75
+ large: 8,
76
+ },
77
+ },
78
+ component: {
79
+ button: {
80
+ paddingHorizontal: 24,
81
+ paddingVertical: 12,
82
+ gap: 8,
83
+ cornerRadius: 4,
84
+ borderWidth: 2,
85
+ textSize: 16,
86
+ fontWeight: 500,
87
+ lineHeight: 1,
88
+ fontFamily: "Inter",
89
+ filled: {
90
+ background: "#0C346F",
91
+ content: "#FFFFFF",
92
+ },
93
+ outline: {
94
+ background: "#FFFFFF",
95
+ border: "#0C346F",
96
+ content: "#0C346F",
97
+ },
98
+ text: {
99
+ background: "#FFFFFF",
100
+ content: "#0C346F",
101
+ },
102
+ state: {
103
+ hoverBackground: "#628BE4",
104
+ pressedBackground: "#9EC2E9",
105
+ disabledBackground: "#E2E8F0",
106
+ disabledContent: "#94A3B8",
107
+ },
108
+ },
109
+ card: {
110
+ padding: 16,
111
+ gap: 8,
112
+ background: "#F8FAFC",
113
+ stroke: "#9EC2E9",
114
+ strokeWidth: 2,
115
+ cornerRadius: 8,
116
+ elevation: 2,
117
+ headingSize: 20,
118
+ headingWeight: 700,
119
+ headingFontFamily: "Merriweather",
120
+ bodySize: 16,
121
+ bodyWeight: 400,
122
+ bodyFontFamily: "Inter",
123
+ },
124
+ },
125
+ };
126
+ //# sourceMappingURL=corporate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"corporate.js","sourceRoot":"","sources":["../../../src/tokens/generated/corporate.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ export type { CastTheme, ThemeName } from '../../theme/types';
2
+ export { whiteLabel } from './white-label';
3
+ export { consumer } from './consumer';
4
+ export { corporate } from './corporate';
5
+ export { luxury } from './luxury';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tokens/generated/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { whiteLabel } from './white-label';
2
+ export { consumer } from './consumer';
3
+ export { corporate } from './corporate';
4
+ export { luxury } from './luxury';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tokens/generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { CastTheme } from '../../theme/types';
2
+ export declare const luxury: CastTheme;
3
+ //# sourceMappingURL=luxury.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"luxury.d.ts","sourceRoot":"","sources":["../../../src/tokens/generated/luxury.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,MAAM,EAAE,SA8IpB,CAAC"}