@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,12 +1,8 @@
1
1
  /**
2
- * Cast Design System theme type.
2
+ * Theme type definitions for the Cast UI density system.
3
3
  *
4
- * Every theme conforms to this interface. The library ships a Default base
5
- * theme; consumers create custom themes via `createTheme()` with partial
6
- * overrides. Components consume tokens via `useTheme()` and reference
7
- * properties from the semantic and component layers.
8
- *
9
- * Generated theme objects resolve all Figma token aliases to final values.
4
+ * The density axis controls spacing/sizing tokens only.
5
+ * Colours and typography are constants they don't change with density.
10
6
  */
11
7
  export {};
12
8
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}
@@ -0,0 +1,35 @@
1
+ /**
2
+ * Semantic intent colors — derived from semantic.tokens.json
3
+ * Maps: intent → prominence → state → { bg, fg, border }
4
+ *
5
+ * Source tokens: intent/{intent}/{prominence}/{state}/{bg|fg|border}
6
+ * Primitive palette refs: blue (brand), cool-grey (neutral), red (danger)
7
+ */
8
+ type StateColors = {
9
+ bg: string;
10
+ fg: string;
11
+ border: string;
12
+ };
13
+ type ProminenceColors = {
14
+ default: StateColors;
15
+ hover: StateColors;
16
+ active: StateColors;
17
+ };
18
+ type IntentColors = {
19
+ default: ProminenceColors;
20
+ bold: ProminenceColors;
21
+ subtle: ProminenceColors;
22
+ ringColour: string;
23
+ };
24
+ export type IntentName = 'brand' | 'neutral' | 'danger';
25
+ export type ProminenceName = 'default' | 'bold' | 'subtle';
26
+ export type StateName = 'default' | 'hover' | 'active';
27
+ export declare const intentColors: Record<IntentName, IntentColors>;
28
+ /** Disabled state — shared across all intents */
29
+ export declare const disabledColors: StateColors;
30
+ /** Semantic control constants */
31
+ export declare const controlTokens: {
32
+ borderWidth: number;
33
+ };
34
+ export {};
35
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAuDzD,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,cAAc,EAAE,WAI5B,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,aAAa;;CAEzB,CAAC"}
@@ -0,0 +1,74 @@
1
+ /**
2
+ * Semantic intent colors — derived from semantic.tokens.json
3
+ * Maps: intent → prominence → state → { bg, fg, border }
4
+ *
5
+ * Source tokens: intent/{intent}/{prominence}/{state}/{bg|fg|border}
6
+ * Primitive palette refs: blue (brand), cool-grey (neutral), red (danger)
7
+ */
8
+ export const intentColors = {
9
+ neutral: {
10
+ default: {
11
+ default: { bg: '#FFFFFF', fg: '#374151', border: '#D1D5DB' },
12
+ hover: { bg: '#F9FAFB', fg: '#1F2937', border: '#9CA3AF' },
13
+ active: { bg: '#F3F4F6', fg: '#111827', border: '#6B7280' },
14
+ },
15
+ bold: {
16
+ default: { bg: '#374151', fg: '#FFFFFF', border: '#374151' },
17
+ hover: { bg: '#1F2937', fg: '#FFFFFF', border: '#1F2937' },
18
+ active: { bg: '#111827', fg: '#FFFFFF', border: '#111827' },
19
+ },
20
+ subtle: {
21
+ default: { bg: 'transparent', fg: '#374151', border: 'transparent' },
22
+ hover: { bg: '#F9FAFB', fg: '#1F2937', border: 'transparent' },
23
+ active: { bg: '#F3F4F6', fg: '#111827', border: 'transparent' },
24
+ },
25
+ ringColour: '#9CA3AF',
26
+ },
27
+ brand: {
28
+ default: {
29
+ default: { bg: '#FFFFFF', fg: '#2563EB', border: '#93C5FD' },
30
+ hover: { bg: '#EFF6FF', fg: '#1D4ED8', border: '#60A5FA' },
31
+ active: { bg: '#DBEAFE', fg: '#1E40AF', border: '#3B82F6' },
32
+ },
33
+ bold: {
34
+ default: { bg: '#2563EB', fg: '#FFFFFF', border: '#2563EB' },
35
+ hover: { bg: '#1D4ED8', fg: '#FFFFFF', border: '#1D4ED8' },
36
+ active: { bg: '#1E40AF', fg: '#FFFFFF', border: '#1E40AF' },
37
+ },
38
+ subtle: {
39
+ default: { bg: 'transparent', fg: '#2563EB', border: 'transparent' },
40
+ hover: { bg: '#EFF6FF', fg: '#1D4ED8', border: 'transparent' },
41
+ active: { bg: '#DBEAFE', fg: '#1E40AF', border: 'transparent' },
42
+ },
43
+ ringColour: '#60A5FA',
44
+ },
45
+ danger: {
46
+ default: {
47
+ default: { bg: '#FFFFFF', fg: '#DC2626', border: '#FCA5A5' },
48
+ hover: { bg: '#FEF2F2', fg: '#B91C1C', border: '#F87171' },
49
+ active: { bg: '#FEE2E2', fg: '#991B1B', border: '#EF4444' },
50
+ },
51
+ bold: {
52
+ default: { bg: '#DC2626', fg: '#FFFFFF', border: '#DC2626' },
53
+ hover: { bg: '#B91C1C', fg: '#FFFFFF', border: '#B91C1C' },
54
+ active: { bg: '#991B1B', fg: '#FFFFFF', border: '#991B1B' },
55
+ },
56
+ subtle: {
57
+ default: { bg: 'transparent', fg: '#DC2626', border: 'transparent' },
58
+ hover: { bg: '#FEF2F2', fg: '#B91C1C', border: 'transparent' },
59
+ active: { bg: '#FEE2E2', fg: '#991B1B', border: 'transparent' },
60
+ },
61
+ ringColour: '#F87171',
62
+ },
63
+ };
64
+ /** Disabled state — shared across all intents */
65
+ export const disabledColors = {
66
+ bg: '#F3F4F6',
67
+ fg: '#9CA3AF',
68
+ border: '#E5E7EB',
69
+ };
70
+ /** Semantic control constants */
71
+ export const controlTokens = {
72
+ borderWidth: 1,
73
+ };
74
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { intentColors, disabledColors, controlTokens, type IntentName, type ProminenceName, type StateName, } from './colors';
2
+ export { fontFamily, fontWeight, label, type LabelSize } from './typography';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { intentColors, disabledColors, controlTokens, } from './colors';
2
+ export { fontFamily, fontWeight, label } from './typography';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,GAId,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAkB,MAAM,cAAc,CAAC"}
@@ -0,0 +1,27 @@
1
+ /**
2
+ * Typography tokens — derived from primitive.tokens.json + semantic.tokens.json
3
+ *
4
+ * Source tokens:
5
+ * font-family/{sans|mono|serif}
6
+ * font-weight/{light|regular|medium|semibold|bold}
7
+ * label/{sm|md|lg} → fontSize, lineHeight, letterSpacing
8
+ */
9
+ export declare const fontFamily: {
10
+ readonly sans: string;
11
+ readonly mono: string;
12
+ readonly serif: string;
13
+ };
14
+ export declare const fontWeight: {
15
+ light: "300";
16
+ regular: "400";
17
+ medium: "500";
18
+ semibold: "600";
19
+ bold: "700";
20
+ };
21
+ export type LabelSize = 'sm' | 'md' | 'lg';
22
+ export declare const label: Record<LabelSize, {
23
+ fontSize: number;
24
+ lineHeight: number;
25
+ letterSpacing: number;
26
+ }>;
27
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,UAAU;;;;CAOb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,KAAK,EAAE,MAAM,CACxB,SAAS,EACT;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAKhE,CAAC"}
@@ -0,0 +1,30 @@
1
+ /**
2
+ * Typography tokens — derived from primitive.tokens.json + semantic.tokens.json
3
+ *
4
+ * Source tokens:
5
+ * font-family/{sans|mono|serif}
6
+ * font-weight/{light|regular|medium|semibold|bold}
7
+ * label/{sm|md|lg} → fontSize, lineHeight, letterSpacing
8
+ */
9
+ import { Platform } from 'react-native';
10
+ export const fontFamily = {
11
+ sans: Platform.select({ web: 'Inter, system-ui, sans-serif', default: 'Inter' }),
12
+ mono: Platform.select({
13
+ web: '"JetBrains Mono", monospace',
14
+ default: 'JetBrains Mono',
15
+ }),
16
+ serif: Platform.select({ web: '"Noto Serif", serif', default: 'Noto Serif' }),
17
+ };
18
+ export const fontWeight = {
19
+ light: '300',
20
+ regular: '400',
21
+ medium: '500',
22
+ semibold: '600',
23
+ bold: '700',
24
+ };
25
+ export const label = {
26
+ sm: { fontSize: 12, lineHeight: 16, letterSpacing: 0.25 },
27
+ md: { fontSize: 14, lineHeight: 20, letterSpacing: 0 },
28
+ lg: { fontSize: 16, lineHeight: 24, letterSpacing: 0 },
29
+ };
30
+ //# sourceMappingURL=typography.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,8BAA8B,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAChF,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACpB,GAAG,EAAE,6BAA6B;QAClC,OAAO,EAAE,gBAAgB;KAC1B,CAAC;IACF,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;CACrE,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAc;IACrB,OAAO,EAAE,KAAc;IACvB,MAAM,EAAE,KAAc;IACtB,QAAQ,EAAE,KAAc;IACxB,IAAI,EAAE,KAAc;CACrB,CAAC;AAIF,MAAM,CAAC,MAAM,KAAK,GAGd;IACF,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;IACzD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;IACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;CACvD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@castui/cast-ui",
3
- "version": "2.0.0",
3
+ "version": "3.1.0",
4
4
  "description": "A cross-platform design system for React Native (iOS, Android, Web) with multi-theme support.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -10,12 +10,9 @@
10
10
  "LICENSE"
11
11
  ],
12
12
  "scripts": {
13
- "build:tokens": "node -e \"require('ts-node').register({compilerOptions:{module:'commonjs'}});require('./src/tokens/build.ts');\"",
14
- "prestorybook": "npm run build:tokens",
15
13
  "storybook": "STORYBOOK_DISABLE_TELEMETRY=1 storybook dev -p 6006",
16
- "prebuild-storybook": "npm run build:tokens",
17
14
  "build-storybook": "STORYBOOK_DISABLE_TELEMETRY=1 storybook build",
18
- "build": "npm run build:tokens && tsc --project tsconfig.build.json && cp src/tokens/generated/default.reference.json dist/",
15
+ "build": "tsc --project tsconfig.build.json",
19
16
  "prepublishOnly": "npm run build",
20
17
  "test": "echo \"Error: no test specified\" && exit 1",
21
18
  "zh:track-package": "zh-adoption track-package"
@@ -58,8 +55,6 @@
58
55
  "react-native": "^0.84.0",
59
56
  "react-native-web": "^0.21.2",
60
57
  "storybook": "^10.2.8",
61
- "style-dictionary": "^5.3.0",
62
- "ts-node": "^10.9.2",
63
58
  "typescript": "^5.9.3"
64
59
  }
65
60
  }
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export type AlertSeverity = 'info' | 'success' | 'error' | 'warning';
3
- export interface AlertProps {
4
- /** Alert type. @default 'info' */
5
- severity?: AlertSeverity;
6
- /** Alert title. */
7
- title?: string;
8
- /** Alert body. */
9
- children: React.ReactNode;
10
- /** Dismiss handler. */
11
- onDismiss?: () => void;
12
- }
13
- export declare function Alert({ severity, title, children, onDismiss, }: AlertProps): import("react/jsx-runtime").JSX.Element;
14
- //# sourceMappingURL=Alert.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,wBAAgB,KAAK,CAAC,EACpB,QAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CA4DZ"}
@@ -1,57 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { View, Text, Pressable, } from 'react-native';
3
- import { useTheme, resolveFont } from '../../theme';
4
- // ---------------------------------------------------------------------------
5
- // Severity → icon mapping
6
- // ---------------------------------------------------------------------------
7
- const SEVERITY_ICON = {
8
- info: '\u2139',
9
- success: '\u2713',
10
- error: '\u2717',
11
- warning: '\u26A0',
12
- };
13
- // ---------------------------------------------------------------------------
14
- // Component
15
- // ---------------------------------------------------------------------------
16
- export function Alert({ severity = 'info', title, children, onDismiss, }) {
17
- const theme = useTheme();
18
- const al = theme.component.alert;
19
- const containerStyle = {
20
- flexDirection: 'row',
21
- padding: al.padding,
22
- gap: al.gap,
23
- borderRadius: al.cornerRadius,
24
- borderWidth: al.borderWidth,
25
- backgroundColor: al.background,
26
- borderColor: al.borderColour,
27
- alignItems: 'flex-start',
28
- };
29
- const iconStyle = {
30
- fontSize: al.iconSize,
31
- lineHeight: al.iconSize * 1.2,
32
- color: al.iconColour,
33
- };
34
- const contentStyle = {
35
- flex: 1,
36
- gap: 2,
37
- };
38
- const titleStyle = {
39
- fontSize: al.titleSize,
40
- lineHeight: al.titleLineHeight,
41
- color: al.titleColour,
42
- ...resolveFont(al.fontFamily, al.titleFontWeight),
43
- };
44
- const bodyStyle = {
45
- fontSize: al.bodySize,
46
- lineHeight: al.bodyLineHeight,
47
- color: al.bodyColour,
48
- ...resolveFont(al.fontFamily, al.bodyFontWeight),
49
- };
50
- const dismissStyle = {
51
- fontSize: al.iconSize,
52
- lineHeight: al.iconSize * 1.2,
53
- color: al.iconColour,
54
- };
55
- return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: iconStyle, children: SEVERITY_ICON[severity] }), _jsxs(View, { style: contentStyle, children: [title ? _jsx(Text, { style: titleStyle, children: title }) : null, _jsx(Text, { style: bodyStyle, children: children })] }), onDismiss ? (_jsx(Pressable, { onPress: onDismiss, accessibilityRole: "button", accessibilityLabel: "Dismiss", children: _jsx(Text, { style: dismissStyle, children: '\u2715' }) })) : null] }));
56
- }
57
- //# sourceMappingURL=Alert.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,GAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmBpD,8EAA8E;AAC9E,0BAA0B;AAC1B,8EAA8E;AAE9E,MAAM,aAAa,GAAkC;IACnD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,MAAM,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACE;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,YAAY;QAC5B,UAAU,EAAE,YAAY;KACzB,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,UAAU;KACrB,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,WAAW;QACrB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC;KAClD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,UAAU;KACrB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,aAAa,CAAC,QAAQ,CAAC,GAAQ,EACxD,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACpC,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,SAAS,YACpF,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,GAClC,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface AppBarProps {
3
- /** AppBar title. */
4
- title: string;
5
- /** Leading icon/button. */
6
- leading?: React.ReactNode;
7
- /** Trailing icons. */
8
- trailing?: React.ReactNode;
9
- }
10
- export declare function AppBar({ title, leading, trailing }: AppBarProps): import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=AppBar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAiC/D"}
@@ -1,32 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { View, Text, } from 'react-native';
3
- import { useTheme, resolveFont } from '../../theme';
4
- // ---------------------------------------------------------------------------
5
- // Component
6
- // ---------------------------------------------------------------------------
7
- export function AppBar({ title, leading, trailing }) {
8
- const theme = useTheme();
9
- const ab = theme.component.appBar;
10
- const containerStyle = {
11
- height: ab.height,
12
- flexDirection: 'row',
13
- alignItems: 'center',
14
- paddingHorizontal: ab.paddingHorizontal,
15
- backgroundColor: ab.background,
16
- borderBottomWidth: 1,
17
- borderBottomColor: ab.borderColour,
18
- elevation: ab.elevation,
19
- ...(ab.elevation > 0
20
- ? { boxShadow: `0 1px ${ab.elevation}px rgba(0,0,0,0.1)` }
21
- : {}),
22
- };
23
- const titleStyle = {
24
- flex: 1,
25
- fontSize: ab.titleSize,
26
- lineHeight: ab.titleLineHeight,
27
- color: ab.titleColour,
28
- ...resolveFont(ab.titleFontFamily, ab.titleFontWeight),
29
- };
30
- return (_jsxs(View, { style: containerStyle, accessibilityRole: "header", children: [leading ?? null, _jsx(Text, { style: titleStyle, children: title }), trailing ?? null] }));
31
- }
32
- //# sourceMappingURL=AppBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,EAAE,CAAC,MAAM;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;QACvC,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,EAAE,CAAC,YAAY;QAClC,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,oBAAoB,EAA8B;YACvF,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,WAAW;QACrB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,QAAQ,aACpD,OAAO,IAAI,IAAI,EAChB,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,IAAI,IAAI,IACZ,CACR,CAAC;AACJ,CAAC"}
@@ -1,18 +0,0 @@
1
- export interface AutocompleteOption {
2
- label: string;
3
- value: string;
4
- }
5
- export interface AutocompleteProps {
6
- /** Option list. */
7
- options: AutocompleteOption[];
8
- /** Selected value. */
9
- value?: string;
10
- /** Selection handler. */
11
- onSelect?: (value: string) => void;
12
- /** Field label. */
13
- label?: string;
14
- /** Placeholder. */
15
- placeholder?: string;
16
- }
17
- export declare function Autocomplete({ options, value, onSelect, label, placeholder, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
18
- //# sourceMappingURL=Autocomplete.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GACZ,EAAE,iBAAiB,2CA0GnB"}
@@ -1,72 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { View, Text, TextInput, Pressable, } from 'react-native';
4
- import { useTheme, resolveFont } from '../../theme';
5
- // ---------------------------------------------------------------------------
6
- // Component
7
- // ---------------------------------------------------------------------------
8
- export function Autocomplete({ options, value, onSelect, label, placeholder, }) {
9
- const theme = useTheme();
10
- const ac = theme.component.autocomplete;
11
- const tf = theme.component.textField;
12
- const [query, setQuery] = useState('');
13
- const [isOpen, setIsOpen] = useState(false);
14
- const selectedOption = options.find((o) => o.value === value);
15
- const displayValue = query || selectedOption?.label || '';
16
- const filtered = options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()));
17
- const handleSelect = (opt) => {
18
- onSelect?.(opt.value);
19
- setQuery('');
20
- setIsOpen(false);
21
- };
22
- // --- styles (input uses textField tokens) ----------------------------------
23
- const containerStyle = {
24
- gap: 4,
25
- };
26
- const labelStyle = {
27
- fontSize: tf.labelSize,
28
- lineHeight: tf.labelLineHeight,
29
- color: tf.labelColour,
30
- ...resolveFont(tf.labelFontFamily, tf.labelFontWeight),
31
- };
32
- const inputContainerStyle = {
33
- paddingHorizontal: tf.paddingHorizontal,
34
- paddingVertical: tf.paddingVertical,
35
- borderRadius: tf.cornerRadius,
36
- borderWidth: tf.borderWidth,
37
- backgroundColor: tf.background,
38
- borderColor: isOpen ? tf.focusBorderColour : tf.borderColour,
39
- };
40
- const inputStyle = {
41
- fontSize: tf.textSize,
42
- lineHeight: tf.textLineHeight,
43
- color: tf.textColour,
44
- padding: 0,
45
- ...resolveFont(tf.fontFamily, tf.textFontWeight),
46
- };
47
- // --- styles (dropdown uses autocomplete tokens) ----------------------------
48
- const dropdownStyle = {
49
- backgroundColor: ac.dropdownBackground,
50
- borderRadius: ac.dropdownCornerRadius,
51
- elevation: ac.dropdownElevation,
52
- ...(ac.dropdownElevation > 0
53
- ? { boxShadow: `0 2px ${ac.dropdownElevation * 2}px rgba(0,0,0,0.15)` }
54
- : {}),
55
- marginTop: 4,
56
- };
57
- const optionStyle = {
58
- paddingHorizontal: ac.optionPaddingHorizontal,
59
- paddingVertical: ac.optionPaddingVertical,
60
- };
61
- const optionTextStyle = {
62
- fontSize: ac.optionTextSize,
63
- lineHeight: ac.optionLineHeight,
64
- color: ac.optionTextColour,
65
- ...resolveFont(ac.fontFamily, ac.optionFontWeight),
66
- };
67
- return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsx(View, { style: inputContainerStyle, children: _jsx(TextInput, { value: displayValue, onChangeText: (text) => {
68
- setQuery(text);
69
- setIsOpen(true);
70
- }, onFocus: () => setIsOpen(true), placeholder: placeholder, placeholderTextColor: tf.placeholderColour, style: inputStyle }) }), isOpen && filtered.length > 0 ? (_jsx(View, { style: dropdownStyle, children: filtered.map((opt) => (_jsx(Pressable, { onPress: () => handleSelect(opt), style: optionStyle, children: _jsx(Text, { style: optionTextStyle, children: opt.label }) }, opt.value))) })) : null] }));
71
- }
72
- //# sourceMappingURL=Autocomplete.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- export interface BackdropProps {
2
- /** Show/hide. @default false */
3
- visible?: boolean;
4
- /** Press to dismiss. */
5
- onPress?: () => void;
6
- }
7
- export declare function Backdrop({ visible, onPress }: BackdropProps): import("react/jsx-runtime").JSX.Element | null;
8
- //# sourceMappingURL=Backdrop.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,QAAQ,CAAC,EAAE,OAAe,EAAE,OAAO,EAAE,EAAE,aAAa,kDAmBnE"}
@@ -1,25 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Pressable } from 'react-native';
3
- import { useTheme } from '../../theme';
4
- // ---------------------------------------------------------------------------
5
- // Component
6
- // ---------------------------------------------------------------------------
7
- export function Backdrop({ visible = false, onPress }) {
8
- const theme = useTheme();
9
- const bk = theme.component.backdrop;
10
- if (!visible)
11
- return null;
12
- const style = {
13
- ...{
14
- position: 'fixed',
15
- },
16
- top: 0,
17
- left: 0,
18
- right: 0,
19
- bottom: 0,
20
- backgroundColor: bk.colour,
21
- opacity: bk.opacity / 100,
22
- };
23
- return _jsx(Pressable, { style: style, onPress: onPress, accessibilityRole: "none" });
24
- }
25
- //# sourceMappingURL=Backdrop.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAiB;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAc;QACvB,GAAI;YACF,QAAQ,EAAE,OAAO;SACU;QAC7B,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,EAAE,CAAC,MAAM;QAC1B,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,GAAG;KAC1B,CAAC;IAEF,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AAChF,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface BadgeProps {
3
- /** Badge content (omit for dot variant). */
4
- content?: string | number;
5
- /** Show/hide badge. @default true */
6
- visible?: boolean;
7
- /** Element to badge. */
8
- children?: React.ReactNode;
9
- }
10
- export declare function Badge({ content, visible, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
11
- //# sourceMappingURL=Badge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAc,EACd,QAAQ,GACT,EAAE,UAAU,kDAiDZ"}
@@ -1,42 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { View, Text, } from 'react-native';
3
- import { useTheme, resolveFont } from '../../theme';
4
- // ---------------------------------------------------------------------------
5
- // Component
6
- // ---------------------------------------------------------------------------
7
- export function Badge({ content, visible = true, children, }) {
8
- const theme = useTheme();
9
- const bd = theme.component.badge;
10
- const isDot = content === undefined || content === null;
11
- const wrapperStyle = {
12
- alignSelf: 'flex-start',
13
- };
14
- const badgeStyle = {
15
- position: children ? 'absolute' : 'relative',
16
- top: children ? -bd.minSize / 2 : 0,
17
- right: children ? -bd.minSize / 2 : 0,
18
- minWidth: bd.minSize,
19
- minHeight: bd.minSize,
20
- borderRadius: bd.cornerRadius,
21
- backgroundColor: bd.background,
22
- alignItems: 'center',
23
- justifyContent: 'center',
24
- ...(isDot
25
- ? { width: bd.minSize / 2, height: bd.minSize / 2 }
26
- : { paddingHorizontal: bd.paddingHorizontal }),
27
- };
28
- const textStyle = {
29
- fontSize: bd.textSize,
30
- lineHeight: bd.lineHeight,
31
- color: bd.contentColour,
32
- textAlign: 'center',
33
- ...resolveFont(bd.fontFamily, bd.fontWeight),
34
- };
35
- if (!visible)
36
- return children ? _jsx(View, { style: wrapperStyle, children: children }) : null;
37
- const badge = (_jsx(View, { style: badgeStyle, children: !isDot ? _jsx(Text, { style: textStyle, children: String(content) }) : null }));
38
- if (!children)
39
- return badge;
40
- return (_jsxs(View, { style: wrapperStyle, children: [children, badge] }));
41
- }
42
- //# sourceMappingURL=Badge.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,IAAI,EACd,QAAQ,GACG;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,KAAK,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;IAExD,MAAM,YAAY,GAAc;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC5C,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,QAAQ,EAAE,EAAE,CAAC,OAAO;QACpB,SAAS,EAAE,EAAE,CAAC,OAAO;QACrB,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,CAAC,KAAK;YACP,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE;YACnD,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,EAAE,CAAC,aAAa;QACvB,SAAS,EAAE,QAAQ;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,MAAM,KAAK,GAAG,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YACpB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,MAAM,CAAC,OAAO,CAAC,GAAQ,CAAC,CAAC,CAAC,IAAI,GAC5D,CACR,CAAC;IAEF,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,QAAQ,EACR,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}