@castui/cast-ui 2.0.0 → 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 (151) hide show
  1. package/README.md +20 -570
  2. package/dist/components/Button/Button.d.ts +36 -14
  3. package/dist/components/Button/Button.d.ts.map +1 -1
  4. package/dist/components/Button/Button.js +87 -66
  5. package/dist/components/Button/Button.js.map +1 -1
  6. package/dist/components/Button/index.d.ts +2 -0
  7. package/dist/components/Button/index.d.ts.map +1 -0
  8. package/dist/components/Button/index.js +2 -0
  9. package/dist/components/Button/index.js.map +1 -0
  10. package/dist/components/Icon/Icon.d.ts +22 -8
  11. package/dist/components/Icon/Icon.d.ts.map +1 -1
  12. package/dist/components/Icon/Icon.js +25 -26
  13. package/dist/components/Icon/Icon.js.map +1 -1
  14. package/dist/components/Icon/index.d.ts +2 -0
  15. package/dist/components/Icon/index.d.ts.map +1 -0
  16. package/dist/components/Icon/index.js +2 -0
  17. package/dist/components/Icon/index.js.map +1 -0
  18. package/dist/index.d.ts +4 -51
  19. package/dist/index.d.ts.map +1 -1
  20. package/dist/index.js +8 -31
  21. package/dist/index.js.map +1 -1
  22. package/dist/theme/ThemeContext.d.ts +59 -0
  23. package/dist/theme/ThemeContext.d.ts.map +1 -0
  24. package/dist/theme/ThemeContext.js +92 -0
  25. package/dist/theme/ThemeContext.js.map +1 -0
  26. package/dist/theme/index.d.ts +3 -6
  27. package/dist/theme/index.d.ts.map +1 -1
  28. package/dist/theme/index.js +2 -3
  29. package/dist/theme/index.js.map +1 -1
  30. package/dist/theme/themes.d.ts +14 -0
  31. package/dist/theme/themes.d.ts.map +1 -0
  32. package/dist/theme/themes.js +98 -0
  33. package/dist/theme/themes.js.map +1 -0
  34. package/dist/theme/types.d.ts +30 -467
  35. package/dist/theme/types.d.ts.map +1 -1
  36. package/dist/theme/types.js +3 -7
  37. package/dist/theme/types.js.map +1 -1
  38. package/dist/tokens/colors.d.ts +35 -0
  39. package/dist/tokens/colors.d.ts.map +1 -0
  40. package/dist/tokens/colors.js +74 -0
  41. package/dist/tokens/colors.js.map +1 -0
  42. package/dist/tokens/index.d.ts +3 -0
  43. package/dist/tokens/index.d.ts.map +1 -0
  44. package/dist/tokens/index.js +3 -0
  45. package/dist/tokens/index.js.map +1 -0
  46. package/dist/tokens/typography.d.ts +27 -0
  47. package/dist/tokens/typography.d.ts.map +1 -0
  48. package/dist/tokens/typography.js +30 -0
  49. package/dist/tokens/typography.js.map +1 -0
  50. package/package.json +2 -7
  51. package/dist/components/Alert/Alert.d.ts +0 -14
  52. package/dist/components/Alert/Alert.d.ts.map +0 -1
  53. package/dist/components/Alert/Alert.js +0 -57
  54. package/dist/components/Alert/Alert.js.map +0 -1
  55. package/dist/components/AppBar/AppBar.d.ts +0 -11
  56. package/dist/components/AppBar/AppBar.d.ts.map +0 -1
  57. package/dist/components/AppBar/AppBar.js +0 -32
  58. package/dist/components/AppBar/AppBar.js.map +0 -1
  59. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -18
  60. package/dist/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  61. package/dist/components/Autocomplete/Autocomplete.js +0 -72
  62. package/dist/components/Autocomplete/Autocomplete.js.map +0 -1
  63. package/dist/components/Backdrop/Backdrop.d.ts +0 -8
  64. package/dist/components/Backdrop/Backdrop.d.ts.map +0 -1
  65. package/dist/components/Backdrop/Backdrop.js +0 -25
  66. package/dist/components/Backdrop/Backdrop.js.map +0 -1
  67. package/dist/components/Badge/Badge.d.ts +0 -11
  68. package/dist/components/Badge/Badge.d.ts.map +0 -1
  69. package/dist/components/Badge/Badge.js +0 -42
  70. package/dist/components/Badge/Badge.js.map +0 -1
  71. package/dist/components/Card/Card.d.ts +0 -20
  72. package/dist/components/Card/Card.d.ts.map +0 -1
  73. package/dist/components/Card/Card.js +0 -58
  74. package/dist/components/Card/Card.js.map +0 -1
  75. package/dist/components/Checkbox/Checkbox.d.ts +0 -12
  76. package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
  77. package/dist/components/Checkbox/Checkbox.js +0 -39
  78. package/dist/components/Checkbox/Checkbox.js.map +0 -1
  79. package/dist/components/Chip/Chip.d.ts +0 -13
  80. package/dist/components/Chip/Chip.d.ts.map +0 -1
  81. package/dist/components/Chip/Chip.js +0 -29
  82. package/dist/components/Chip/Chip.js.map +0 -1
  83. package/dist/components/Dialog/Dialog.d.ts +0 -15
  84. package/dist/components/Dialog/Dialog.d.ts.map +0 -1
  85. package/dist/components/Dialog/Dialog.js +0 -41
  86. package/dist/components/Dialog/Dialog.js.map +0 -1
  87. package/dist/components/Divider/Divider.d.ts +0 -6
  88. package/dist/components/Divider/Divider.d.ts.map +0 -1
  89. package/dist/components/Divider/Divider.js +0 -25
  90. package/dist/components/Divider/Divider.js.map +0 -1
  91. package/dist/components/FAB/FAB.d.ts +0 -14
  92. package/dist/components/FAB/FAB.d.ts.map +0 -1
  93. package/dist/components/FAB/FAB.js +0 -55
  94. package/dist/components/FAB/FAB.js.map +0 -1
  95. package/dist/components/Link/Link.d.ts +0 -11
  96. package/dist/components/Link/Link.d.ts.map +0 -1
  97. package/dist/components/Link/Link.js +0 -26
  98. package/dist/components/Link/Link.js.map +0 -1
  99. package/dist/components/Select/Select.d.ts +0 -18
  100. package/dist/components/Select/Select.d.ts.map +0 -1
  101. package/dist/components/Select/Select.js +0 -72
  102. package/dist/components/Select/Select.js.map +0 -1
  103. package/dist/components/Skeleton/Skeleton.d.ts +0 -11
  104. package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
  105. package/dist/components/Skeleton/Skeleton.js +0 -27
  106. package/dist/components/Skeleton/Skeleton.js.map +0 -1
  107. package/dist/components/Snackbar/Snackbar.d.ts +0 -14
  108. package/dist/components/Snackbar/Snackbar.d.ts.map +0 -1
  109. package/dist/components/Snackbar/Snackbar.js +0 -40
  110. package/dist/components/Snackbar/Snackbar.js.map +0 -1
  111. package/dist/components/SpeedDial/SpeedDial.d.ts +0 -18
  112. package/dist/components/SpeedDial/SpeedDial.d.ts.map +0 -1
  113. package/dist/components/SpeedDial/SpeedDial.js +0 -55
  114. package/dist/components/SpeedDial/SpeedDial.js.map +0 -1
  115. package/dist/components/Switch/Switch.d.ts +0 -12
  116. package/dist/components/Switch/Switch.d.ts.map +0 -1
  117. package/dist/components/Switch/Switch.js +0 -39
  118. package/dist/components/Switch/Switch.js.map +0 -1
  119. package/dist/components/Table/Table.d.ts +0 -15
  120. package/dist/components/Table/Table.d.ts.map +0 -1
  121. package/dist/components/Table/Table.js +0 -62
  122. package/dist/components/Table/Table.js.map +0 -1
  123. package/dist/components/TextField/TextField.d.ts +0 -19
  124. package/dist/components/TextField/TextField.d.ts.map +0 -1
  125. package/dist/components/TextField/TextField.js +0 -60
  126. package/dist/components/TextField/TextField.js.map +0 -1
  127. package/dist/components/Typography/Typography.d.ts +0 -21
  128. package/dist/components/Typography/Typography.d.ts.map +0 -1
  129. package/dist/components/Typography/Typography.js +0 -41
  130. package/dist/components/Typography/Typography.js.map +0 -1
  131. package/dist/default.reference.json +0 -421
  132. package/dist/theme/ThemeProvider.d.ts +0 -34
  133. package/dist/theme/ThemeProvider.d.ts.map +0 -1
  134. package/dist/theme/ThemeProvider.js +0 -41
  135. package/dist/theme/ThemeProvider.js.map +0 -1
  136. package/dist/theme/createTheme.d.ts +0 -49
  137. package/dist/theme/createTheme.d.ts.map +0 -1
  138. package/dist/theme/createTheme.js +0 -85
  139. package/dist/theme/createTheme.js.map +0 -1
  140. package/dist/theme/fonts.d.ts +0 -96
  141. package/dist/theme/fonts.d.ts.map +0 -1
  142. package/dist/theme/fonts.js +0 -148
  143. package/dist/theme/fonts.js.map +0 -1
  144. package/dist/tokens/generated/default.d.ts +0 -3
  145. package/dist/tokens/generated/default.d.ts.map +0 -1
  146. package/dist/tokens/generated/default.js +0 -422
  147. package/dist/tokens/generated/default.js.map +0 -1
  148. package/dist/tokens/generated/index.d.ts +0 -2
  149. package/dist/tokens/generated/index.d.ts.map +0 -1
  150. package/dist/tokens/generated/index.js +0 -3
  151. package/dist/tokens/generated/index.js.map +0 -1
@@ -1,96 +0,0 @@
1
- /**
2
- * Font-loading helpers.
3
- *
4
- * Provides utilities for loading custom fonts used by any Cast UI theme.
5
- *
6
- * **Web** – use `googleFontsUrl(theme)` to generate a `<link>` href:
7
- *
8
- * ```ts
9
- * import { googleFontsUrl } from '@castui/cast-ui';
10
- *
11
- * const url = googleFontsUrl(myTheme);
12
- * if (url) {
13
- * const link = document.createElement('link');
14
- * link.rel = 'stylesheet';
15
- * link.href = url;
16
- * document.head.appendChild(link);
17
- * }
18
- * ```
19
- *
20
- * **React Native / Expo** – use `getThemeFontFamilies(theme)` to discover
21
- * which font families need loading, then pass them to `expo-font`.
22
- *
23
- * ### Android font registration convention
24
- *
25
- * Android cannot combine a generic `fontFamily` with a numeric `fontWeight`
26
- * for custom fonts — it silently falls back to the system font. Instead,
27
- * each weight must be registered under a distinct name that matches the Expo
28
- * Google Fonts convention:
29
- *
30
- * | Weight | Registration key |
31
- * |--------|------------------------------|
32
- * | 400 | `"FontName"` |
33
- * | 500 | `"FontName_500Medium"` |
34
- * | 700 | `"FontName_700Bold"` |
35
- *
36
- * Use {@link resolveFont} in component styles to transparently handle this.
37
- */
38
- import { type TextStyle } from 'react-native';
39
- import type { CastTheme } from './types';
40
- /**
41
- * Dynamically extract all non-`system-ui` font families from a theme object.
42
- *
43
- * Scans both the semantic `fontFamily` layer and component-level font
44
- * properties to discover every custom font the theme uses. Returns a
45
- * deduplicated array of family names suitable for loading via Google Fonts
46
- * or `expo-font`.
47
- *
48
- * @param theme – Any complete `CastTheme` object.
49
- * @returns Array of unique font family names (excluding `system-ui`).
50
- *
51
- * @example
52
- * ```ts
53
- * const families = getThemeFontFamilies(myTheme);
54
- * // → ['Poppins'] or ['Inter', 'Merriweather'] etc.
55
- * ```
56
- */
57
- export declare function getThemeFontFamilies(theme: CastTheme): string[];
58
- /**
59
- * Google Fonts `<link>` href for a given theme.
60
- *
61
- * Dynamically inspects the theme to discover which font families are needed.
62
- * Returns `null` if the theme uses only system fonts.
63
- *
64
- * @param theme – Any complete `CastTheme` object.
65
- *
66
- * @example
67
- * ```ts
68
- * const url = googleFontsUrl(myTheme);
69
- * if (url) {
70
- * const link = document.createElement('link');
71
- * link.href = url;
72
- * link.rel = 'stylesheet';
73
- * document.head.appendChild(link);
74
- * }
75
- * ```
76
- */
77
- export declare function googleFontsUrl(theme: CastTheme): string | null;
78
- /**
79
- * Suffix appended to a font family name on Android to select a specific
80
- * weight. Matches the Expo Google Fonts registration convention.
81
- *
82
- * Weight 400 maps to the bare family name (empty suffix).
83
- */
84
- export declare const ANDROID_WEIGHT_SUFFIX: Record<number, string>;
85
- /**
86
- * Return the correct `fontFamily` / `fontWeight` style props for the
87
- * current platform.
88
- *
89
- * - **iOS / Web** — returns `{ fontFamily, fontWeight }` unchanged.
90
- * - **Android** — maps to a weight-specific registered font name
91
- * (e.g. `"Poppins_700Bold"`) and resets `fontWeight` to `'normal'`.
92
- * - **system-ui** — omits `fontFamily` entirely (platform default)
93
- * and passes `fontWeight` through on all platforms.
94
- */
95
- export declare function resolveFont(fontFamily: string, fontWeight: number): Pick<TextStyle, 'fontFamily' | 'fontWeight'>;
96
- //# sourceMappingURL=fonts.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/theme/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,CAyB/D;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAS9D;AAMD;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAIxD,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,GACjB,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,YAAY,CAAC,CAmB9C"}
@@ -1,148 +0,0 @@
1
- /**
2
- * Font-loading helpers.
3
- *
4
- * Provides utilities for loading custom fonts used by any Cast UI theme.
5
- *
6
- * **Web** – use `googleFontsUrl(theme)` to generate a `<link>` href:
7
- *
8
- * ```ts
9
- * import { googleFontsUrl } from '@castui/cast-ui';
10
- *
11
- * const url = googleFontsUrl(myTheme);
12
- * if (url) {
13
- * const link = document.createElement('link');
14
- * link.rel = 'stylesheet';
15
- * link.href = url;
16
- * document.head.appendChild(link);
17
- * }
18
- * ```
19
- *
20
- * **React Native / Expo** – use `getThemeFontFamilies(theme)` to discover
21
- * which font families need loading, then pass them to `expo-font`.
22
- *
23
- * ### Android font registration convention
24
- *
25
- * Android cannot combine a generic `fontFamily` with a numeric `fontWeight`
26
- * for custom fonts — it silently falls back to the system font. Instead,
27
- * each weight must be registered under a distinct name that matches the Expo
28
- * Google Fonts convention:
29
- *
30
- * | Weight | Registration key |
31
- * |--------|------------------------------|
32
- * | 400 | `"FontName"` |
33
- * | 500 | `"FontName_500Medium"` |
34
- * | 700 | `"FontName_700Bold"` |
35
- *
36
- * Use {@link resolveFont} in component styles to transparently handle this.
37
- */
38
- import { Platform } from 'react-native';
39
- /**
40
- * Dynamically extract all non-`system-ui` font families from a theme object.
41
- *
42
- * Scans both the semantic `fontFamily` layer and component-level font
43
- * properties to discover every custom font the theme uses. Returns a
44
- * deduplicated array of family names suitable for loading via Google Fonts
45
- * or `expo-font`.
46
- *
47
- * @param theme – Any complete `CastTheme` object.
48
- * @returns Array of unique font family names (excluding `system-ui`).
49
- *
50
- * @example
51
- * ```ts
52
- * const families = getThemeFontFamilies(myTheme);
53
- * // → ['Poppins'] or ['Inter', 'Merriweather'] etc.
54
- * ```
55
- */
56
- export function getThemeFontFamilies(theme) {
57
- const families = new Set();
58
- // Semantic font families
59
- const sf = theme.semantic.fontFamily;
60
- for (const key of Object.keys(sf)) {
61
- const family = sf[key];
62
- if (family && family !== 'system-ui') {
63
- families.add(family);
64
- }
65
- }
66
- // Component-level font families
67
- const { button, card } = theme.component;
68
- if (button.fontFamily && button.fontFamily !== 'system-ui') {
69
- families.add(button.fontFamily);
70
- }
71
- if (card.headingFontFamily && card.headingFontFamily !== 'system-ui') {
72
- families.add(card.headingFontFamily);
73
- }
74
- if (card.bodyFontFamily && card.bodyFontFamily !== 'system-ui') {
75
- families.add(card.bodyFontFamily);
76
- }
77
- return Array.from(families);
78
- }
79
- /**
80
- * Google Fonts `<link>` href for a given theme.
81
- *
82
- * Dynamically inspects the theme to discover which font families are needed.
83
- * Returns `null` if the theme uses only system fonts.
84
- *
85
- * @param theme – Any complete `CastTheme` object.
86
- *
87
- * @example
88
- * ```ts
89
- * const url = googleFontsUrl(myTheme);
90
- * if (url) {
91
- * const link = document.createElement('link');
92
- * link.href = url;
93
- * link.rel = 'stylesheet';
94
- * document.head.appendChild(link);
95
- * }
96
- * ```
97
- */
98
- export function googleFontsUrl(theme) {
99
- const families = getThemeFontFamilies(theme);
100
- if (families.length === 0)
101
- return null;
102
- const params = families
103
- .map((f) => `family=${encodeURIComponent(f)}:wght@400;500;700`)
104
- .join('&');
105
- return `https://fonts.googleapis.com/css2?${params}&display=swap`;
106
- }
107
- // ---------------------------------------------------------------------------
108
- // Android font-weight resolution
109
- // ---------------------------------------------------------------------------
110
- /**
111
- * Suffix appended to a font family name on Android to select a specific
112
- * weight. Matches the Expo Google Fonts registration convention.
113
- *
114
- * Weight 400 maps to the bare family name (empty suffix).
115
- */
116
- export const ANDROID_WEIGHT_SUFFIX = {
117
- 400: '',
118
- 500: '_500Medium',
119
- 700: '_700Bold',
120
- };
121
- /**
122
- * Return the correct `fontFamily` / `fontWeight` style props for the
123
- * current platform.
124
- *
125
- * - **iOS / Web** — returns `{ fontFamily, fontWeight }` unchanged.
126
- * - **Android** — maps to a weight-specific registered font name
127
- * (e.g. `"Poppins_700Bold"`) and resets `fontWeight` to `'normal'`.
128
- * - **system-ui** — omits `fontFamily` entirely (platform default)
129
- * and passes `fontWeight` through on all platforms.
130
- */
131
- export function resolveFont(fontFamily, fontWeight) {
132
- const weight = String(fontWeight);
133
- // system-ui → platform default; just pass through fontWeight
134
- if (fontFamily === 'system-ui') {
135
- return { fontWeight: weight };
136
- }
137
- // Android needs a weight-specific registered name
138
- if (Platform.OS === 'android') {
139
- const suffix = ANDROID_WEIGHT_SUFFIX[fontWeight] ?? '';
140
- return {
141
- fontFamily: `${fontFamily}${suffix}`,
142
- fontWeight: 'normal',
143
- };
144
- }
145
- // iOS / Web – pass through unchanged
146
- return { fontFamily, fontWeight: weight };
147
- }
148
- //# sourceMappingURL=fonts.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../src/theme/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,OAAO,EAAE,QAAQ,EAAkB,MAAM,cAAc,CAAC;AAGxD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAgB;IACnD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IAEnC,yBAAyB;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;IACrC,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,CAAwB,EAAE,CAAC;QACzD,MAAM,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACvB,IAAI,MAAM,IAAI,MAAM,KAAK,WAAW,EAAE,CAAC;YACrC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,KAAK,WAAW,EAAE,CAAC;QAC3D,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC;IACD,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,KAAK,WAAW,EAAE,CAAC;QACrE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACvC,CAAC;IACD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,KAAK,WAAW,EAAE,CAAC;QAC/D,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc,CAAC,KAAgB;IAC7C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC7C,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;AAED,8EAA8E;AAC9E,iCAAiC;AACjC,8EAA8E;AAE9E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,GAAG,EAAE,EAAE;IACP,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,UAAU;CAChB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CACzB,UAAkB,EAClB,UAAkB;IAElB,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAA4B,CAAC;IAE7D,6DAA6D;IAC7D,IAAI,UAAU,KAAK,WAAW,EAAE,CAAC;QAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAChC,CAAC;IAED,kDAAkD;IAClD,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,qBAAqB,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACvD,OAAO;YACL,UAAU,EAAE,GAAG,UAAU,GAAG,MAAM,EAAE;YACpC,UAAU,EAAE,QAAQ;SACrB,CAAC;IACJ,CAAC;IAED,qCAAqC;IACrC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AAC5C,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { CastTheme } from '../../theme/types';
2
- export declare const defaultTheme: CastTheme;
3
- //# sourceMappingURL=default.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../src/tokens/generated/default.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,YAAY,EAAE,SAoa1B,CAAC"}
@@ -1,422 +0,0 @@
1
- export const defaultTheme = {
2
- name: "default",
3
- semantic: {
4
- colour: {
5
- surface: "#FFFFFF",
6
- onSurface: "#0F172A",
7
- onSurfaceMuted: "#475569",
8
- surfaceContainer: "#F8FAFC",
9
- primary: "#0F172A",
10
- onPrimary: "#FFFFFF",
11
- primaryHover: "#1E293B",
12
- primaryPressed: "#475569",
13
- secondary: "#E2E8F0",
14
- onSecondary: "#0F172A",
15
- success: "#0C6F1E",
16
- onSuccess: "#FFFFFF",
17
- error: "#6F0C0C",
18
- onError: "#FFFFFF",
19
- warning: "#947C3E",
20
- onWarning: "#FFFFFF",
21
- border: "#E2E8F0",
22
- borderSubtle: "#F8FAFC",
23
- disabledContainer: "#E2E8F0",
24
- onDisabled: "#94A3B8",
25
- primaryContainer: "#E2E8F0",
26
- onPrimaryContainer: "#0F172A",
27
- secondaryContainer: "#F8FAFC",
28
- onSecondaryContainer: "#1E293B",
29
- errorContainer: "#FDF2F2",
30
- onErrorContainer: "#4A0808",
31
- successContainer: "#F0FDF1",
32
- onSuccessContainer: "#084A14",
33
- warningContainer: "#FDF8EB",
34
- onWarningContainer: "#6B592D",
35
- overlay: "#000000",
36
- },
37
- fontFamily: {
38
- brand: "system-ui",
39
- interface: "system-ui",
40
- data: "JetBrains Mono",
41
- },
42
- fontSize: {
43
- display: 39,
44
- h1: 31,
45
- h2: 25,
46
- h3: 20,
47
- body: 16,
48
- subtitle: 20,
49
- small: 12.8,
50
- caption: 12.8,
51
- overline: 12.8,
52
- label: 12.8,
53
- button: 16,
54
- },
55
- fontWeight: {
56
- heading: 700,
57
- body: 400,
58
- button: 500,
59
- },
60
- lineHeight: {
61
- display: 48,
62
- h1: 40,
63
- h2: 32,
64
- h3: 24,
65
- body: 24,
66
- subtitle: 24,
67
- small: 20,
68
- caption: 16,
69
- overline: 16,
70
- label: 16,
71
- button: 20,
72
- },
73
- letterSpacing: {
74
- heading: -0.02,
75
- body: 0,
76
- label: 0.02,
77
- },
78
- paragraphSpacing: {
79
- body: 16,
80
- editorial: 24,
81
- },
82
- paragraphIndent: {
83
- editorial: 0,
84
- },
85
- borderRadius: {
86
- small: 4,
87
- medium: 8,
88
- large: 12,
89
- full: 9999,
90
- },
91
- spacing: {
92
- xs: 4,
93
- sm: 8,
94
- md: 12,
95
- lg: 16,
96
- xl: 24,
97
- },
98
- borderWidth: {
99
- thin: 1,
100
- medium: 2,
101
- },
102
- elevation: {
103
- none: 0,
104
- xs: 1,
105
- sm: 2,
106
- md: 3,
107
- lg: 4,
108
- xl: 6,
109
- },
110
- size: {
111
- xs: 2,
112
- sm: 4,
113
- md: 16,
114
- lg: 24,
115
- xl: 32,
116
- xxl: 48,
117
- xxxl: 64,
118
- },
119
- opacity: {
120
- disabled: 40,
121
- overlay: 50,
122
- },
123
- },
124
- component: {
125
- button: {
126
- paddingHorizontal: 16,
127
- paddingVertical: 8,
128
- gap: 8,
129
- cornerRadius: 8,
130
- borderWidth: 2,
131
- textSize: 16,
132
- fontWeight: 500,
133
- lineHeight: 20,
134
- fontFamily: "system-ui",
135
- filled: {
136
- background: "#0F172A",
137
- content: "#FFFFFF",
138
- },
139
- outline: {
140
- background: "#FFFFFF",
141
- border: "#0F172A",
142
- content: "#0F172A",
143
- },
144
- text: {
145
- background: "#FFFFFF",
146
- content: "#0F172A",
147
- },
148
- state: {
149
- hoverBackground: "#1E293B",
150
- pressedBackground: "#475569",
151
- disabledBackground: "#E2E8F0",
152
- disabledContent: "#94A3B8",
153
- },
154
- },
155
- card: {
156
- padding: 16,
157
- gap: 12,
158
- background: "#F8FAFC",
159
- stroke: "#E2E8F0",
160
- strokeWidth: 2,
161
- cornerRadius: 12,
162
- elevation: 1,
163
- headingSize: 20,
164
- headingWeight: 700,
165
- headingLineHeight: 24,
166
- headingFontFamily: "system-ui",
167
- bodySize: 16,
168
- bodyWeight: 400,
169
- bodyLineHeight: 24,
170
- bodyFontFamily: "system-ui",
171
- headingColour: "#0F172A",
172
- bodyColour: "#475569",
173
- },
174
- textField: {
175
- paddingHorizontal: 12,
176
- paddingVertical: 8,
177
- cornerRadius: 8,
178
- borderWidth: 2,
179
- background: "#FFFFFF",
180
- borderColour: "#E2E8F0",
181
- focusBorderColour: "#0F172A",
182
- errorBorderColour: "#6F0C0C",
183
- textColour: "#0F172A",
184
- placeholderColour: "#475569",
185
- textSize: 16,
186
- textFontWeight: 400,
187
- textLineHeight: 24,
188
- fontFamily: "system-ui",
189
- labelColour: "#0F172A",
190
- labelSize: 12.8,
191
- labelFontWeight: 500,
192
- labelLineHeight: 20,
193
- labelFontFamily: "system-ui",
194
- helperColour: "#475569",
195
- errorColour: "#6F0C0C",
196
- helperSize: 12.8,
197
- helperFontWeight: 400,
198
- helperLineHeight: 20,
199
- helperFontFamily: "system-ui",
200
- },
201
- checkbox: {
202
- size: 16,
203
- cornerRadius: 4,
204
- borderWidth: 2,
205
- gap: 8,
206
- borderColour: "#E2E8F0",
207
- checkedBackground: "#0F172A",
208
- checkedIconColour: "#FFFFFF",
209
- labelColour: "#0F172A",
210
- labelSize: 16,
211
- labelFontWeight: 400,
212
- labelLineHeight: 24,
213
- labelFontFamily: "system-ui",
214
- disabledOpacity: 40,
215
- },
216
- fab: {
217
- size: 48,
218
- cornerRadius: 9999,
219
- background: "#0F172A",
220
- iconColour: "#FFFFFF",
221
- iconSize: 24,
222
- hoverBackground: "#1E293B",
223
- pressedBackground: "#475569",
224
- elevation: 4,
225
- extendedPaddingHorizontal: 16,
226
- extendedGap: 8,
227
- },
228
- autocomplete: {
229
- dropdownBackground: "#FFFFFF",
230
- dropdownCornerRadius: 8,
231
- dropdownElevation: 2,
232
- optionHoverBackground: "#F8FAFC",
233
- optionTextColour: "#0F172A",
234
- optionTextSize: 16,
235
- optionFontWeight: 400,
236
- optionLineHeight: 24,
237
- optionPaddingHorizontal: 16,
238
- optionPaddingVertical: 8,
239
- fontFamily: "system-ui",
240
- },
241
- select: {
242
- dropdownBackground: "#FFFFFF",
243
- dropdownCornerRadius: 8,
244
- dropdownElevation: 2,
245
- optionHoverBackground: "#F8FAFC",
246
- indicatorColour: "#475569",
247
- optionTextColour: "#0F172A",
248
- optionTextSize: 16,
249
- optionFontWeight: 400,
250
- optionLineHeight: 24,
251
- optionPaddingHorizontal: 16,
252
- optionPaddingVertical: 8,
253
- fontFamily: "system-ui",
254
- selectedOptionBackground: "#E2E8F0",
255
- },
256
- switch: {
257
- trackWidth: 48,
258
- trackHeight: 24,
259
- trackCornerRadius: 9999,
260
- trackOffBackground: "#E2E8F0",
261
- trackOnBackground: "#0F172A",
262
- thumbSize: 16,
263
- thumbCornerRadius: 9999,
264
- thumbOffBackground: "#FFFFFF",
265
- thumbOnBackground: "#FFFFFF",
266
- thumbOffset: 4,
267
- labelColour: "#0F172A",
268
- labelSize: 16,
269
- labelFontWeight: 400,
270
- labelLineHeight: 24,
271
- labelFontFamily: "system-ui",
272
- gap: 8,
273
- },
274
- badge: {
275
- minSize: 16,
276
- paddingHorizontal: 4,
277
- cornerRadius: 9999,
278
- background: "#6F0C0C",
279
- contentColour: "#FFFFFF",
280
- textSize: 12.8,
281
- fontWeight: 500,
282
- lineHeight: 16,
283
- fontFamily: "system-ui",
284
- },
285
- chip: {
286
- paddingHorizontal: 12,
287
- paddingVertical: 4,
288
- gap: 4,
289
- cornerRadius: 4,
290
- background: "#F8FAFC",
291
- contentColour: "#1E293B",
292
- selectedBackground: "#E2E8F0",
293
- selectedContentColour: "#0F172A",
294
- borderWidth: 2,
295
- borderColour: "#E2E8F0",
296
- textSize: 12.8,
297
- fontWeight: 400,
298
- lineHeight: 20,
299
- fontFamily: "system-ui",
300
- },
301
- divider: {
302
- colour: "#E2E8F0",
303
- thickness: 1,
304
- margin: 8,
305
- },
306
- icon: {
307
- sizeSmall: 16,
308
- sizeMedium: 24,
309
- sizeLarge: 32,
310
- },
311
- table: {
312
- headerBackground: "#F8FAFC",
313
- headerTextColour: "#0F172A",
314
- headerFontWeight: 700,
315
- headerTextSize: 12.8,
316
- headerLineHeight: 20,
317
- cellTextColour: "#0F172A",
318
- cellTextSize: 16,
319
- cellFontWeight: 400,
320
- cellLineHeight: 24,
321
- cellPaddingHorizontal: 12,
322
- cellPaddingVertical: 8,
323
- rowBorderColour: "#F8FAFC",
324
- rowBorderWidth: 1,
325
- rowHoverBackground: "#F8FAFC",
326
- cornerRadius: 8,
327
- fontFamily: "system-ui",
328
- },
329
- alert: {
330
- padding: 16,
331
- gap: 8,
332
- cornerRadius: 8,
333
- borderWidth: 2,
334
- background: "#F8FAFC",
335
- borderColour: "#E2E8F0",
336
- titleColour: "#0F172A",
337
- bodyColour: "#0F172A",
338
- iconColour: "#0F172A",
339
- fontFamily: "system-ui",
340
- iconSize: 24,
341
- titleSize: 16,
342
- titleFontWeight: 700,
343
- titleLineHeight: 24,
344
- bodySize: 12.8,
345
- bodyFontWeight: 400,
346
- bodyLineHeight: 20,
347
- },
348
- backdrop: {
349
- colour: "#000000",
350
- opacity: 50,
351
- },
352
- skeleton: {
353
- background: "#F8FAFC",
354
- highlight: "#F8FAFC",
355
- cornerRadius: 4,
356
- circleSize: 32,
357
- },
358
- snackbar: {
359
- background: "#0F172A",
360
- contentColour: "#FFFFFF",
361
- actionColour: "#1E293B",
362
- padding: 16,
363
- gap: 8,
364
- cornerRadius: 8,
365
- elevation: 3,
366
- textSize: 16,
367
- fontWeight: 400,
368
- lineHeight: 24,
369
- fontFamily: "system-ui",
370
- },
371
- dialog: {
372
- background: "#FFFFFF",
373
- cornerRadius: 12,
374
- padding: 24,
375
- gap: 16,
376
- elevation: 6,
377
- titleSize: 20,
378
- titleFontWeight: 700,
379
- titleLineHeight: 24,
380
- titleFontFamily: "system-ui",
381
- titleColour: "#0F172A",
382
- bodySize: 16,
383
- bodyFontWeight: 400,
384
- bodyLineHeight: 24,
385
- bodyFontFamily: "system-ui",
386
- bodyColour: "#0F172A",
387
- },
388
- appBar: {
389
- height: 64,
390
- paddingHorizontal: 16,
391
- background: "#FFFFFF",
392
- titleColour: "#0F172A",
393
- titleSize: 20,
394
- titleFontWeight: 700,
395
- titleLineHeight: 24,
396
- titleFontFamily: "system-ui",
397
- iconColour: "#0F172A",
398
- borderColour: "#F8FAFC",
399
- elevation: 0,
400
- },
401
- link: {
402
- colour: "#0F172A",
403
- hoverColour: "#1E293B",
404
- visitedColour: "#475569",
405
- underlineOffset: 2,
406
- fontSize: 16,
407
- fontWeight: 400,
408
- lineHeight: 24,
409
- fontFamily: "system-ui",
410
- },
411
- speedDial: {
412
- actionSize: 32,
413
- actionBackground: "#F8FAFC",
414
- actionIconColour: "#0F172A",
415
- actionIconSize: 24,
416
- actionCornerRadius: 9999,
417
- gap: 8,
418
- actionElevation: 2,
419
- },
420
- },
421
- };
422
- //# sourceMappingURL=default.js.map