@ovotech/element-native 5.5.0 → 5.6.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 (237) hide show
  1. package/dist/components/Accordion/styles.d.ts +9 -0
  2. package/dist/components/ActionList/Action.d.ts +23 -0
  3. package/dist/components/ActionList/Action.js +29 -0
  4. package/dist/components/ActionList/ActionList.d.ts +11 -27
  5. package/dist/components/ActionList/ActionList.js +9 -25
  6. package/dist/components/ActionList/ActionListItems/DataListItem.d.ts +23 -0
  7. package/dist/components/ActionList/ActionListItems/DataListItem.js +21 -0
  8. package/dist/components/ActionList/ActionListItems/EditableListItem.d.ts +43 -0
  9. package/dist/components/ActionList/ActionListItems/EditableListItem.js +134 -0
  10. package/dist/components/ActionList/ActionListItems/NavigationListItem.d.ts +16 -0
  11. package/dist/components/ActionList/ActionListItems/NavigationListItem.js +30 -0
  12. package/dist/components/ActionList/ActionListItems/ProgressRing.d.ts +7 -0
  13. package/dist/components/ActionList/ActionListItems/ProgressRing.js +66 -0
  14. package/dist/components/ActionList/ActionListItems/ToggleListItem.d.ts +9 -0
  15. package/dist/components/ActionList/ActionListItems/ToggleListItem.js +13 -0
  16. package/dist/components/ActionList/ActionListItems/styles.d.ts +10433 -0
  17. package/dist/components/ActionList/ActionListItems/styles.js +171 -0
  18. package/dist/components/ActionList/components/ActionListHeading.d.ts +9 -0
  19. package/dist/components/ActionList/components/ActionListHeading.js +11 -0
  20. package/dist/components/ActionList/index.d.ts +6 -1
  21. package/dist/components/ActionList/index.js +11 -2
  22. package/dist/components/ActionList/styled.d.ts +1187 -7
  23. package/dist/components/ActionList/styled.js +24 -9
  24. package/dist/components/Badge/Badge.d.ts +3 -0
  25. package/dist/components/Button/Button.js +1 -1
  26. package/dist/components/Button/Button.styles.d.ts +12 -0
  27. package/dist/components/Card/Card.d.ts +7 -4
  28. package/dist/components/Card/Card.js +44 -22
  29. package/dist/components/Card/Card.styles.d.ts +11 -1
  30. package/dist/components/Card/Card.styles.js +7 -11
  31. package/dist/components/Cards/AccountCard/AccountCard.styles.d.ts +24 -0
  32. package/dist/components/Cards/BalanceCard/BalanceCard.styles.d.ts +46 -1
  33. package/dist/components/Cards/BalanceCard/BalanceCard.styles.js +2 -2
  34. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.d.ts +13 -0
  35. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.js +45 -0
  36. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.styles.d.ts +580 -0
  37. package/dist/components/Cards/DisruptiveCard/DisruptiveCard.styles.js +11 -0
  38. package/dist/components/Cards/DisruptiveCard/index.d.ts +1 -0
  39. package/dist/components/Cards/DisruptiveCard/index.js +17 -0
  40. package/dist/components/Cards/HeroImageCard/HeroImageCard.d.ts +12 -0
  41. package/dist/components/Cards/HeroImageCard/HeroImageCard.js +65 -0
  42. package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.d.ts +1741 -0
  43. package/dist/components/Cards/HeroImageCard/HeroImageCard.styles.js +27 -0
  44. package/dist/components/Cards/HeroImageCard/index.d.ts +1 -0
  45. package/dist/components/Cards/HeroImageCard/index.js +17 -0
  46. package/dist/components/Cards/IconDataCard/IconDataCard.styles.d.ts +12 -0
  47. package/dist/components/Cards/IconTextCard/IconTextCard.js +3 -16
  48. package/dist/components/Cards/IconTextCard/IconTextCard.styles.d.ts +10 -576
  49. package/dist/components/Cards/IconTextCard/IconTextCard.styles.js +1 -6
  50. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.d.ts +14 -0
  51. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.js +26 -0
  52. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.d.ts +2903 -0
  53. package/dist/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +34 -0
  54. package/dist/components/Cards/IllustrationTextCard/index.d.ts +1 -0
  55. package/dist/components/Cards/IllustrationTextCard/index.js +17 -0
  56. package/dist/components/Cards/LinkTextCard/LinkTextCard.d.ts +2 -2
  57. package/dist/components/Cards/LinkTextCard/LinkTextCard.js +7 -6
  58. package/dist/components/Cards/LinkTextCard/LinkTextCard.styles.d.ts +20 -2
  59. package/dist/components/Cards/LinkTextCard/LinkTextCard.styles.js +9 -6
  60. package/dist/components/Cards/ProgressBarCard/ProgressBarCard.styles.d.ts +28 -1
  61. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.d.ts +12 -0
  62. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.js +27 -0
  63. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.d.ts +2897 -0
  64. package/dist/components/Cards/QuickLinkCard/QuickLinkCard.styles.js +31 -0
  65. package/dist/components/Cards/QuickLinkCard/index.d.ts +1 -0
  66. package/dist/components/Cards/QuickLinkCard/index.js +17 -0
  67. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.d.ts +12 -0
  68. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.js +24 -0
  69. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.styles.d.ts +2902 -0
  70. package/dist/components/Cards/ServicesImageCard/ServicesImageCard.styles.js +38 -0
  71. package/dist/components/Cards/ServicesImageCard/index.d.ts +1 -0
  72. package/dist/components/Cards/ServicesImageCard/index.js +17 -0
  73. package/dist/components/Cards/components.d.ts +15 -0
  74. package/dist/components/Cards/components.js +24 -0
  75. package/dist/components/Cards/index.d.ts +5 -0
  76. package/dist/components/Cards/index.js +11 -1
  77. package/dist/components/Cards/shared.styles.d.ts +2835 -505
  78. package/dist/components/Cards/shared.styles.js +18 -2
  79. package/dist/components/Cards/utils.d.ts +1 -0
  80. package/dist/components/Cards/utils.js +13 -1
  81. package/dist/components/Checkbox/Checkbox.d.ts +2 -13
  82. package/dist/components/Checkbox/Checkbox.js +3 -49
  83. package/dist/components/Checkbox/styled.d.ts +3483 -0
  84. package/dist/components/Checkbox/styled.js +52 -0
  85. package/dist/components/Checkbox/types.d.ts +16 -0
  86. package/dist/components/Checkbox/types.js +2 -0
  87. package/dist/components/CurrencyInput/CurrencyInput.d.ts +2 -1
  88. package/dist/components/CurrencyInput/CurrencyInput.js +11 -4
  89. package/dist/components/CurrencyInput/styled.d.ts +2318 -0
  90. package/dist/components/CurrencyInput/styled.js +39 -0
  91. package/dist/components/DataTable/styles.d.ts +39 -0
  92. package/dist/components/Disclosure/Disclosure.d.ts +3 -0
  93. package/dist/components/Divider/Divider.d.ts +1 -1
  94. package/dist/components/Divider/Divider.js +3 -1
  95. package/dist/components/Em/Em.d.ts +3 -0
  96. package/dist/components/EmailInput/EmailInput.d.ts +4 -1
  97. package/dist/components/EmailInput/EmailInput.js +18 -2
  98. package/dist/components/EmptyState/EmptyState.d.ts +2 -0
  99. package/dist/components/EmptyState/EmptyState.js +17 -0
  100. package/dist/components/EmptyState/EmptyState.test.d.ts +1 -0
  101. package/dist/components/EmptyState/EmptyState.test.js +92 -0
  102. package/dist/components/EmptyState/index.d.ts +1 -0
  103. package/dist/components/EmptyState/index.js +17 -0
  104. package/dist/components/EmptyState/styles.d.ts +1156 -0
  105. package/dist/components/EmptyState/styles.js +23 -0
  106. package/dist/components/EmptyState/types.d.ts +18 -0
  107. package/dist/components/EmptyState/types.js +2 -0
  108. package/dist/components/ErrorText/ErrorText.d.ts +3 -0
  109. package/dist/components/Field/Field.d.ts +3 -2
  110. package/dist/components/Field/Field.js +3 -2
  111. package/dist/components/Grid/Col.d.ts +3 -0
  112. package/dist/components/HintText/HintText.d.ts +3 -0
  113. package/dist/components/Input/Input.d.ts +2 -1
  114. package/dist/components/Input/Input.js +6 -97
  115. package/dist/components/Input/styled.d.ts +1747 -0
  116. package/dist/components/Input/styled.js +96 -0
  117. package/dist/components/LabelText/LabelText.d.ts +3 -0
  118. package/dist/components/LargeValueReference/LargeValueReference.d.ts +11 -0
  119. package/dist/components/LargeValueReference/LargeValueReference.js +49 -0
  120. package/dist/components/LargeValueReference/index.d.ts +1 -0
  121. package/dist/components/LargeValueReference/index.js +17 -0
  122. package/dist/components/LargeValueReference/styles.d.ts +1741 -0
  123. package/dist/components/LargeValueReference/styles.js +29 -0
  124. package/dist/components/LineThrough/LineThrough.d.ts +3 -0
  125. package/dist/components/List/styled.d.ts +12 -0
  126. package/dist/components/Margin/Margin.d.ts +3 -0
  127. package/dist/components/NavHeader/NavHeader.styles.d.ts +33 -0
  128. package/dist/components/Notification/Notification.styles.d.ts +27 -0
  129. package/dist/components/PasswordInput/PasswordInput.styled.d.ts +4 -3
  130. package/dist/components/PasswordInput/PasswordInput.styled.js +5 -3
  131. package/dist/components/PasswordInput/PasswordVisibilityToggle.js +2 -8
  132. package/dist/components/RadioCard/RadioCard.d.ts +2 -1
  133. package/dist/components/RadioCard/RadioCard.js +7 -57
  134. package/dist/components/RadioCard/RadioCard.styles.d.ts +2901 -0
  135. package/dist/components/RadioCard/RadioCard.styles.js +97 -0
  136. package/dist/components/SelectField/Select.d.ts +5 -579
  137. package/dist/components/SelectField/Select.js +7 -107
  138. package/dist/components/SelectField/SelectField.d.ts +2 -2
  139. package/dist/components/SelectField/SelectField.js +2 -2
  140. package/dist/components/SelectField/styled.d.ts +4642 -0
  141. package/dist/components/SelectField/styled.js +118 -0
  142. package/dist/components/SkeletonText/SkeletonText.js +4 -4
  143. package/dist/components/Strong/Strong.d.ts +3 -0
  144. package/dist/components/SubLabelText/SubLabelText.d.ts +3 -0
  145. package/dist/components/Tabs/Tab.d.ts +3 -0
  146. package/dist/components/TextareaInput/TextareaInput.js +12 -6
  147. package/dist/components/Toggle/Toggle.d.ts +3 -1
  148. package/dist/components/Toggle/Toggle.js +4 -6
  149. package/dist/components/Toggle/styles.d.ts +13 -0
  150. package/dist/components/Toggle/styles.js +3 -3
  151. package/dist/components/index.d.ts +3 -0
  152. package/dist/components/index.js +3 -0
  153. package/dist/esm/components/ActionList/Action.js +26 -0
  154. package/dist/esm/components/ActionList/ActionList.js +12 -28
  155. package/dist/esm/components/ActionList/ActionListItems/DataListItem.js +17 -0
  156. package/dist/esm/components/ActionList/ActionListItems/EditableListItem.js +131 -0
  157. package/dist/esm/components/ActionList/ActionListItems/NavigationListItem.js +26 -0
  158. package/dist/esm/components/ActionList/ActionListItems/ProgressRing.js +29 -0
  159. package/dist/esm/components/ActionList/ActionListItems/ToggleListItem.js +9 -0
  160. package/dist/esm/components/ActionList/ActionListItems/styles.js +135 -0
  161. package/dist/esm/components/ActionList/components/ActionListHeading.js +7 -0
  162. package/dist/esm/components/ActionList/index.js +6 -1
  163. package/dist/esm/components/ActionList/styled.js +23 -8
  164. package/dist/esm/components/Button/Button.js +1 -1
  165. package/dist/esm/components/Card/Card.js +45 -23
  166. package/dist/esm/components/Card/Card.styles.js +8 -12
  167. package/dist/esm/components/Cards/BalanceCard/BalanceCard.styles.js +2 -2
  168. package/dist/esm/components/Cards/DisruptiveCard/DisruptiveCard.js +41 -0
  169. package/dist/esm/components/Cards/DisruptiveCard/DisruptiveCard.styles.js +5 -0
  170. package/dist/esm/components/Cards/DisruptiveCard/index.js +1 -0
  171. package/dist/esm/components/Cards/HeroImageCard/HeroImageCard.js +28 -0
  172. package/dist/esm/components/Cards/HeroImageCard/HeroImageCard.styles.js +21 -0
  173. package/dist/esm/components/Cards/HeroImageCard/index.js +1 -0
  174. package/dist/esm/components/Cards/IconTextCard/IconTextCard.js +5 -18
  175. package/dist/esm/components/Cards/IconTextCard/IconTextCard.styles.js +0 -5
  176. package/dist/esm/components/Cards/IllustrationTextCard/IllustrationTextCard.js +22 -0
  177. package/dist/esm/components/Cards/IllustrationTextCard/IllustrationTextCard.styles.js +28 -0
  178. package/dist/esm/components/Cards/IllustrationTextCard/index.js +1 -0
  179. package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.js +7 -6
  180. package/dist/esm/components/Cards/LinkTextCard/LinkTextCard.styles.js +9 -6
  181. package/dist/esm/components/Cards/QuickLinkCard/QuickLinkCard.js +23 -0
  182. package/dist/esm/components/Cards/QuickLinkCard/QuickLinkCard.styles.js +25 -0
  183. package/dist/esm/components/Cards/QuickLinkCard/index.js +1 -0
  184. package/dist/esm/components/Cards/ServicesImageCard/ServicesImageCard.js +20 -0
  185. package/dist/esm/components/Cards/ServicesImageCard/ServicesImageCard.styles.js +32 -0
  186. package/dist/esm/components/Cards/ServicesImageCard/index.js +1 -0
  187. package/dist/esm/components/Cards/components.js +19 -0
  188. package/dist/esm/components/Cards/index.js +5 -0
  189. package/dist/esm/components/Cards/shared.styles.js +17 -1
  190. package/dist/esm/components/Cards/utils.js +11 -0
  191. package/dist/esm/components/Checkbox/Checkbox.js +2 -45
  192. package/dist/esm/components/Checkbox/styled.js +46 -0
  193. package/dist/esm/components/Checkbox/types.js +1 -0
  194. package/dist/esm/components/CurrencyInput/CurrencyInput.js +12 -5
  195. package/dist/esm/components/CurrencyInput/styled.js +33 -0
  196. package/dist/esm/components/Divider/Divider.js +3 -1
  197. package/dist/esm/components/EmailInput/EmailInput.js +18 -2
  198. package/dist/esm/components/EmptyState/EmptyState.js +13 -0
  199. package/dist/esm/components/EmptyState/EmptyState.test.js +90 -0
  200. package/dist/esm/components/EmptyState/index.js +1 -0
  201. package/dist/esm/components/EmptyState/styles.js +17 -0
  202. package/dist/esm/components/EmptyState/types.js +1 -0
  203. package/dist/esm/components/Field/Field.js +3 -2
  204. package/dist/esm/components/Input/Input.js +6 -64
  205. package/dist/esm/components/Input/styled.js +60 -0
  206. package/dist/esm/components/LargeValueReference/LargeValueReference.js +45 -0
  207. package/dist/esm/components/LargeValueReference/index.js +1 -0
  208. package/dist/esm/components/LargeValueReference/styles.js +23 -0
  209. package/dist/esm/components/PasswordInput/PasswordInput.styled.js +5 -3
  210. package/dist/esm/components/PasswordInput/PasswordVisibilityToggle.js +2 -8
  211. package/dist/esm/components/RadioCard/RadioCard.js +5 -52
  212. package/dist/esm/components/RadioCard/RadioCard.styles.js +61 -0
  213. package/dist/esm/components/SelectField/Select.js +7 -74
  214. package/dist/esm/components/SelectField/SelectField.js +3 -3
  215. package/dist/esm/components/SelectField/styled.js +82 -0
  216. package/dist/esm/components/SkeletonText/SkeletonText.js +4 -4
  217. package/dist/esm/components/TextareaInput/TextareaInput.js +12 -6
  218. package/dist/esm/components/Toggle/Toggle.js +4 -6
  219. package/dist/esm/components/Toggle/styles.js +3 -3
  220. package/dist/esm/components/index.js +3 -0
  221. package/dist/esm/hooks/use-font-scaling.js +32 -0
  222. package/dist/esm/index.js +1 -0
  223. package/dist/esm/test/utils.js +12 -0
  224. package/dist/esm/utils/utils.js +12 -1
  225. package/dist/hooks/use-font-scaling.d.ts +26 -0
  226. package/dist/hooks/use-font-scaling.js +35 -0
  227. package/dist/index.d.ts +1 -0
  228. package/dist/index.js +1 -0
  229. package/dist/styled.native.d.ts +18 -0
  230. package/dist/test/utils.d.ts +4 -0
  231. package/dist/test/utils.js +28 -0
  232. package/dist/utils/utils.d.ts +11 -1
  233. package/dist/utils/utils.js +12 -0
  234. package/package.json +4 -4
  235. package/dist/components/ErrorWrapper/styles.d.ts +0 -0
  236. package/dist/components/ErrorWrapper/styles.js +0 -1
  237. package/dist/esm/components/ErrorWrapper/styles.js +0 -1
@@ -0,0 +1,1156 @@
1
+ export declare const StyledCard: import("styled-components").StyledComponent<({ children, displayStyle, background, onPress, onSelect, ...rest }: import("../Card/Card").CardProps) => import("react/jsx-runtime").JSX.Element, {
2
+ color: {
3
+ neutral: {
4
+ "20": string;
5
+ "30": string;
6
+ "40": string;
7
+ "50": string;
8
+ "60": string;
9
+ "70": string;
10
+ "80": string;
11
+ white: string;
12
+ black: string;
13
+ };
14
+ red: {
15
+ "20": string;
16
+ "30": string;
17
+ "40": string;
18
+ "50": string;
19
+ "60": string;
20
+ "70": string;
21
+ "80": string;
22
+ };
23
+ orange: {
24
+ "20": string;
25
+ "30": string;
26
+ "40": string;
27
+ "50": string;
28
+ "60": string;
29
+ "70": string;
30
+ };
31
+ yellow: {
32
+ "70": string;
33
+ "80": string;
34
+ };
35
+ green: {
36
+ "20": string;
37
+ "30": string;
38
+ "40": string;
39
+ "50": string;
40
+ "55": string;
41
+ "56": string;
42
+ "60": string;
43
+ "70": string;
44
+ "80": string;
45
+ "90": string;
46
+ };
47
+ blue: {
48
+ "20": string;
49
+ "30": string;
50
+ "40": string;
51
+ "50": string;
52
+ "60": string;
53
+ "70": string;
54
+ };
55
+ alert: {
56
+ success: string;
57
+ successTint: string;
58
+ warning: string;
59
+ warningTint: string;
60
+ error: string;
61
+ errorTint: string;
62
+ info: string;
63
+ infoTint: string;
64
+ neutral: string;
65
+ neutralTint: string;
66
+ border: string;
67
+ };
68
+ input: {
69
+ borderDim: string;
70
+ };
71
+ brand: {
72
+ brand: string;
73
+ dark: string;
74
+ dim: string;
75
+ bold: string;
76
+ bright: string;
77
+ gradientFrom: string;
78
+ gradientTo: string;
79
+ onBrand: string;
80
+ onBrandVariant: string;
81
+ aiGradientFrom: string;
82
+ aiGradientTo: string;
83
+ accessible: string;
84
+ fixed: {
85
+ brand: string;
86
+ dark: string;
87
+ dim: string;
88
+ bold: string;
89
+ bright: string;
90
+ onBrand: string;
91
+ onBrandVariant: string;
92
+ accessible: string;
93
+ };
94
+ };
95
+ outline: {
96
+ outer: string;
97
+ inner: string;
98
+ };
99
+ surface: {
100
+ surface: string;
101
+ bright: string;
102
+ dim: string;
103
+ onSurface: string;
104
+ onSurfaceVariant: string;
105
+ border: string;
106
+ borderDim: string;
107
+ link: string;
108
+ electricity: string;
109
+ gas: string;
110
+ fadeFrom: string;
111
+ fadeTo: string;
112
+ fixed: {
113
+ onSurface: string;
114
+ bright: string;
115
+ };
116
+ };
117
+ };
118
+ transition: {
119
+ duration: {
120
+ fast: number;
121
+ medium: number;
122
+ slow: number;
123
+ };
124
+ };
125
+ unit: {
126
+ "0": number;
127
+ "25": number;
128
+ "50": number;
129
+ "100": number;
130
+ "200": number;
131
+ "300": number;
132
+ "350": number;
133
+ "400": number;
134
+ "450": number;
135
+ "500": number;
136
+ "550": number;
137
+ "600": number;
138
+ "700": number;
139
+ "800": number;
140
+ "900": number;
141
+ "1000": number;
142
+ "1100": number;
143
+ "1200": number;
144
+ "1300": number;
145
+ "1400": number;
146
+ "1500": number;
147
+ "1600": number;
148
+ "1800": number;
149
+ "2000": number;
150
+ "2400": number;
151
+ "3000": number;
152
+ "3500": number;
153
+ };
154
+ border: {
155
+ radius: {
156
+ xs: number;
157
+ sm: number;
158
+ md: number;
159
+ lg: number;
160
+ xl: number;
161
+ "2xl": number;
162
+ "3xl": number;
163
+ };
164
+ width: {
165
+ sm: number;
166
+ md: number;
167
+ lg: number;
168
+ };
169
+ };
170
+ breakpoint: {
171
+ xsmall: number;
172
+ small: number;
173
+ medium: number;
174
+ large: number;
175
+ };
176
+ native: {
177
+ font: {
178
+ family: {
179
+ black: string;
180
+ book: string;
181
+ bold: string;
182
+ };
183
+ };
184
+ };
185
+ web: {
186
+ font: {
187
+ family: string;
188
+ };
189
+ };
190
+ font: {
191
+ letterSpacing: {
192
+ d1: {
193
+ mediaQuery: {
194
+ sm: number;
195
+ lg: number;
196
+ };
197
+ };
198
+ d2: {
199
+ mediaQuery: {
200
+ sm: number;
201
+ lg: number;
202
+ };
203
+ };
204
+ d3: {
205
+ mediaQuery: {
206
+ sm: number;
207
+ lg: number;
208
+ };
209
+ };
210
+ d4: {
211
+ mediaQuery: {
212
+ sm: number;
213
+ lg: number;
214
+ };
215
+ };
216
+ "4xl": {
217
+ mediaQuery: {
218
+ sm: number;
219
+ lg: number;
220
+ };
221
+ };
222
+ "3xl": {
223
+ mediaQuery: {
224
+ sm: number;
225
+ lg: number;
226
+ };
227
+ };
228
+ "2xl": {
229
+ mediaQuery: {
230
+ sm: number;
231
+ lg: number;
232
+ };
233
+ };
234
+ xl: {
235
+ mediaQuery: {
236
+ sm: number;
237
+ lg: number;
238
+ };
239
+ };
240
+ lg: {
241
+ mediaQuery: {
242
+ sm: number;
243
+ lg: number;
244
+ };
245
+ };
246
+ md: {
247
+ mediaQuery: {
248
+ sm: number;
249
+ lg: number;
250
+ };
251
+ };
252
+ sm: {
253
+ mediaQuery: {
254
+ sm: number;
255
+ lg: number;
256
+ };
257
+ };
258
+ xs: {
259
+ mediaQuery: {
260
+ sm: number;
261
+ lg: number;
262
+ };
263
+ };
264
+ };
265
+ lineHeight: {
266
+ d1: {
267
+ mediaQuery: {
268
+ sm: number;
269
+ lg: number;
270
+ };
271
+ };
272
+ d2: {
273
+ mediaQuery: {
274
+ sm: number;
275
+ lg: number;
276
+ };
277
+ };
278
+ d3: {
279
+ mediaQuery: {
280
+ sm: number;
281
+ lg: number;
282
+ };
283
+ };
284
+ d4: {
285
+ mediaQuery: {
286
+ sm: number;
287
+ lg: number;
288
+ };
289
+ };
290
+ "4xl": {
291
+ mediaQuery: {
292
+ sm: number;
293
+ lg: number;
294
+ };
295
+ };
296
+ "3xl": {
297
+ mediaQuery: {
298
+ sm: number;
299
+ lg: number;
300
+ };
301
+ };
302
+ "2xl": {
303
+ mediaQuery: {
304
+ sm: number;
305
+ lg: number;
306
+ };
307
+ };
308
+ xl: {
309
+ mediaQuery: {
310
+ sm: number;
311
+ lg: number;
312
+ };
313
+ };
314
+ lg: {
315
+ mediaQuery: {
316
+ sm: number;
317
+ lg: number;
318
+ };
319
+ };
320
+ md: {
321
+ mediaQuery: {
322
+ sm: number;
323
+ lg: number;
324
+ };
325
+ };
326
+ sm: {
327
+ mediaQuery: {
328
+ sm: number;
329
+ lg: number;
330
+ };
331
+ };
332
+ xs: {
333
+ mediaQuery: {
334
+ sm: number;
335
+ lg: number;
336
+ };
337
+ };
338
+ };
339
+ paragraphSpace: {
340
+ d1: {
341
+ mediaQuery: {
342
+ sm: number;
343
+ lg: number;
344
+ };
345
+ };
346
+ d2: {
347
+ mediaQuery: {
348
+ sm: number;
349
+ lg: number;
350
+ };
351
+ };
352
+ d3: {
353
+ mediaQuery: {
354
+ sm: number;
355
+ lg: number;
356
+ };
357
+ };
358
+ d4: {
359
+ mediaQuery: {
360
+ sm: number;
361
+ lg: number;
362
+ };
363
+ };
364
+ "4xl": {
365
+ mediaQuery: {
366
+ sm: number;
367
+ lg: number;
368
+ };
369
+ };
370
+ "3xl": {
371
+ mediaQuery: {
372
+ sm: number;
373
+ lg: number;
374
+ };
375
+ };
376
+ "2xl": {
377
+ mediaQuery: {
378
+ sm: number;
379
+ lg: number;
380
+ };
381
+ };
382
+ xl: {
383
+ mediaQuery: {
384
+ sm: number;
385
+ lg: number;
386
+ };
387
+ };
388
+ lg: {
389
+ mediaQuery: {
390
+ sm: number;
391
+ lg: number;
392
+ };
393
+ };
394
+ md: {
395
+ mediaQuery: {
396
+ sm: number;
397
+ lg: number;
398
+ };
399
+ };
400
+ sm: {
401
+ mediaQuery: {
402
+ sm: number;
403
+ lg: number;
404
+ };
405
+ };
406
+ xs: {
407
+ mediaQuery: {
408
+ sm: number;
409
+ lg: number;
410
+ };
411
+ };
412
+ };
413
+ size: {
414
+ d1: {
415
+ mediaQuery: {
416
+ sm: number;
417
+ lg: number;
418
+ };
419
+ };
420
+ d2: {
421
+ mediaQuery: {
422
+ sm: number;
423
+ lg: number;
424
+ };
425
+ };
426
+ d3: {
427
+ mediaQuery: {
428
+ sm: number;
429
+ lg: number;
430
+ };
431
+ };
432
+ d4: {
433
+ mediaQuery: {
434
+ sm: number;
435
+ lg: number;
436
+ };
437
+ };
438
+ "4xl": {
439
+ mediaQuery: {
440
+ sm: number;
441
+ lg: number;
442
+ };
443
+ };
444
+ "3xl": {
445
+ mediaQuery: {
446
+ sm: number;
447
+ lg: number;
448
+ };
449
+ };
450
+ "2xl": {
451
+ mediaQuery: {
452
+ sm: number;
453
+ lg: number;
454
+ };
455
+ };
456
+ xl: {
457
+ mediaQuery: {
458
+ sm: number;
459
+ lg: number;
460
+ };
461
+ };
462
+ lg: {
463
+ mediaQuery: {
464
+ sm: number;
465
+ lg: number;
466
+ };
467
+ };
468
+ md: {
469
+ mediaQuery: {
470
+ sm: number;
471
+ lg: number;
472
+ };
473
+ };
474
+ sm: {
475
+ mediaQuery: {
476
+ sm: number;
477
+ lg: number;
478
+ };
479
+ };
480
+ xs: {
481
+ mediaQuery: {
482
+ sm: number;
483
+ lg: number;
484
+ };
485
+ };
486
+ };
487
+ weight: {
488
+ book: number;
489
+ bold: number;
490
+ black: number;
491
+ };
492
+ };
493
+ mediaQuery: {
494
+ xsmall: number;
495
+ small: number;
496
+ medium: number;
497
+ large: number;
498
+ };
499
+ customMediaQuery: {
500
+ "xsmall-and-up": number;
501
+ "small-and-up": number;
502
+ "medium-and-up": number;
503
+ "large-and-up": number;
504
+ };
505
+ opacity: {
506
+ solid: number;
507
+ translucent: number;
508
+ transparent: number;
509
+ };
510
+ space: {
511
+ "0": number;
512
+ "25": number;
513
+ "50": number;
514
+ "100": number;
515
+ "150": number;
516
+ "200": number;
517
+ "250": number;
518
+ "300": number;
519
+ "350": number;
520
+ "400": number;
521
+ "450": number;
522
+ "500": number;
523
+ "550": number;
524
+ "600": number;
525
+ "700": number;
526
+ "800": number;
527
+ "900": number;
528
+ "1000": number;
529
+ "1100": number;
530
+ "1200": number;
531
+ "1300": number;
532
+ "1400": number;
533
+ "1500": number;
534
+ "1600": number;
535
+ "1800": number;
536
+ "2000": number;
537
+ "2400": number;
538
+ "3000": number;
539
+ "3500": number;
540
+ base: number;
541
+ };
542
+ button: {
543
+ color: {
544
+ focus: {
545
+ blue: string;
546
+ white: string;
547
+ };
548
+ };
549
+ surface: {
550
+ color: {
551
+ fg: string;
552
+ bg: string;
553
+ bgVariant: string;
554
+ bgHover: string;
555
+ fgInverted: string;
556
+ bgInverted: string;
557
+ bgInvertedHover: string;
558
+ };
559
+ };
560
+ destructive: {
561
+ color: {
562
+ fg: string;
563
+ bg: string;
564
+ bgHover: string;
565
+ };
566
+ };
567
+ };
568
+ input: {
569
+ color: {
570
+ label: string;
571
+ border: string;
572
+ borderError: string;
573
+ hint: string;
574
+ selected: string;
575
+ selectedTint: string;
576
+ };
577
+ };
578
+ }, {}, never>;
579
+ export declare const TextContainer: import("styled-components").StyledComponent<typeof import("react-native").View, {
580
+ color: {
581
+ neutral: {
582
+ "20": string;
583
+ "30": string;
584
+ "40": string;
585
+ "50": string;
586
+ "60": string;
587
+ "70": string;
588
+ "80": string;
589
+ white: string;
590
+ black: string;
591
+ };
592
+ red: {
593
+ "20": string;
594
+ "30": string;
595
+ "40": string;
596
+ "50": string;
597
+ "60": string;
598
+ "70": string;
599
+ "80": string;
600
+ };
601
+ orange: {
602
+ "20": string;
603
+ "30": string;
604
+ "40": string;
605
+ "50": string;
606
+ "60": string;
607
+ "70": string;
608
+ };
609
+ yellow: {
610
+ "70": string;
611
+ "80": string;
612
+ };
613
+ green: {
614
+ "20": string;
615
+ "30": string;
616
+ "40": string;
617
+ "50": string;
618
+ "55": string;
619
+ "56": string;
620
+ "60": string;
621
+ "70": string;
622
+ "80": string;
623
+ "90": string;
624
+ };
625
+ blue: {
626
+ "20": string;
627
+ "30": string;
628
+ "40": string;
629
+ "50": string;
630
+ "60": string;
631
+ "70": string;
632
+ };
633
+ alert: {
634
+ success: string;
635
+ successTint: string;
636
+ warning: string;
637
+ warningTint: string;
638
+ error: string;
639
+ errorTint: string;
640
+ info: string;
641
+ infoTint: string;
642
+ neutral: string;
643
+ neutralTint: string;
644
+ border: string;
645
+ };
646
+ input: {
647
+ borderDim: string;
648
+ };
649
+ brand: {
650
+ brand: string;
651
+ dark: string;
652
+ dim: string;
653
+ bold: string;
654
+ bright: string;
655
+ gradientFrom: string;
656
+ gradientTo: string;
657
+ onBrand: string;
658
+ onBrandVariant: string;
659
+ aiGradientFrom: string;
660
+ aiGradientTo: string;
661
+ accessible: string;
662
+ fixed: {
663
+ brand: string;
664
+ dark: string;
665
+ dim: string;
666
+ bold: string;
667
+ bright: string;
668
+ onBrand: string;
669
+ onBrandVariant: string;
670
+ accessible: string;
671
+ };
672
+ };
673
+ outline: {
674
+ outer: string;
675
+ inner: string;
676
+ };
677
+ surface: {
678
+ surface: string;
679
+ bright: string;
680
+ dim: string;
681
+ onSurface: string;
682
+ onSurfaceVariant: string;
683
+ border: string;
684
+ borderDim: string;
685
+ link: string;
686
+ electricity: string;
687
+ gas: string;
688
+ fadeFrom: string;
689
+ fadeTo: string;
690
+ fixed: {
691
+ onSurface: string;
692
+ bright: string;
693
+ };
694
+ };
695
+ };
696
+ transition: {
697
+ duration: {
698
+ fast: number;
699
+ medium: number;
700
+ slow: number;
701
+ };
702
+ };
703
+ unit: {
704
+ "0": number;
705
+ "25": number;
706
+ "50": number;
707
+ "100": number;
708
+ "200": number;
709
+ "300": number;
710
+ "350": number;
711
+ "400": number;
712
+ "450": number;
713
+ "500": number;
714
+ "550": number;
715
+ "600": number;
716
+ "700": number;
717
+ "800": number;
718
+ "900": number;
719
+ "1000": number;
720
+ "1100": number;
721
+ "1200": number;
722
+ "1300": number;
723
+ "1400": number;
724
+ "1500": number;
725
+ "1600": number;
726
+ "1800": number;
727
+ "2000": number;
728
+ "2400": number;
729
+ "3000": number;
730
+ "3500": number;
731
+ };
732
+ border: {
733
+ radius: {
734
+ xs: number;
735
+ sm: number;
736
+ md: number;
737
+ lg: number;
738
+ xl: number;
739
+ "2xl": number;
740
+ "3xl": number;
741
+ };
742
+ width: {
743
+ sm: number;
744
+ md: number;
745
+ lg: number;
746
+ };
747
+ };
748
+ breakpoint: {
749
+ xsmall: number;
750
+ small: number;
751
+ medium: number;
752
+ large: number;
753
+ };
754
+ native: {
755
+ font: {
756
+ family: {
757
+ black: string;
758
+ book: string;
759
+ bold: string;
760
+ };
761
+ };
762
+ };
763
+ web: {
764
+ font: {
765
+ family: string;
766
+ };
767
+ };
768
+ font: {
769
+ letterSpacing: {
770
+ d1: {
771
+ mediaQuery: {
772
+ sm: number;
773
+ lg: number;
774
+ };
775
+ };
776
+ d2: {
777
+ mediaQuery: {
778
+ sm: number;
779
+ lg: number;
780
+ };
781
+ };
782
+ d3: {
783
+ mediaQuery: {
784
+ sm: number;
785
+ lg: number;
786
+ };
787
+ };
788
+ d4: {
789
+ mediaQuery: {
790
+ sm: number;
791
+ lg: number;
792
+ };
793
+ };
794
+ "4xl": {
795
+ mediaQuery: {
796
+ sm: number;
797
+ lg: number;
798
+ };
799
+ };
800
+ "3xl": {
801
+ mediaQuery: {
802
+ sm: number;
803
+ lg: number;
804
+ };
805
+ };
806
+ "2xl": {
807
+ mediaQuery: {
808
+ sm: number;
809
+ lg: number;
810
+ };
811
+ };
812
+ xl: {
813
+ mediaQuery: {
814
+ sm: number;
815
+ lg: number;
816
+ };
817
+ };
818
+ lg: {
819
+ mediaQuery: {
820
+ sm: number;
821
+ lg: number;
822
+ };
823
+ };
824
+ md: {
825
+ mediaQuery: {
826
+ sm: number;
827
+ lg: number;
828
+ };
829
+ };
830
+ sm: {
831
+ mediaQuery: {
832
+ sm: number;
833
+ lg: number;
834
+ };
835
+ };
836
+ xs: {
837
+ mediaQuery: {
838
+ sm: number;
839
+ lg: number;
840
+ };
841
+ };
842
+ };
843
+ lineHeight: {
844
+ d1: {
845
+ mediaQuery: {
846
+ sm: number;
847
+ lg: number;
848
+ };
849
+ };
850
+ d2: {
851
+ mediaQuery: {
852
+ sm: number;
853
+ lg: number;
854
+ };
855
+ };
856
+ d3: {
857
+ mediaQuery: {
858
+ sm: number;
859
+ lg: number;
860
+ };
861
+ };
862
+ d4: {
863
+ mediaQuery: {
864
+ sm: number;
865
+ lg: number;
866
+ };
867
+ };
868
+ "4xl": {
869
+ mediaQuery: {
870
+ sm: number;
871
+ lg: number;
872
+ };
873
+ };
874
+ "3xl": {
875
+ mediaQuery: {
876
+ sm: number;
877
+ lg: number;
878
+ };
879
+ };
880
+ "2xl": {
881
+ mediaQuery: {
882
+ sm: number;
883
+ lg: number;
884
+ };
885
+ };
886
+ xl: {
887
+ mediaQuery: {
888
+ sm: number;
889
+ lg: number;
890
+ };
891
+ };
892
+ lg: {
893
+ mediaQuery: {
894
+ sm: number;
895
+ lg: number;
896
+ };
897
+ };
898
+ md: {
899
+ mediaQuery: {
900
+ sm: number;
901
+ lg: number;
902
+ };
903
+ };
904
+ sm: {
905
+ mediaQuery: {
906
+ sm: number;
907
+ lg: number;
908
+ };
909
+ };
910
+ xs: {
911
+ mediaQuery: {
912
+ sm: number;
913
+ lg: number;
914
+ };
915
+ };
916
+ };
917
+ paragraphSpace: {
918
+ d1: {
919
+ mediaQuery: {
920
+ sm: number;
921
+ lg: number;
922
+ };
923
+ };
924
+ d2: {
925
+ mediaQuery: {
926
+ sm: number;
927
+ lg: number;
928
+ };
929
+ };
930
+ d3: {
931
+ mediaQuery: {
932
+ sm: number;
933
+ lg: number;
934
+ };
935
+ };
936
+ d4: {
937
+ mediaQuery: {
938
+ sm: number;
939
+ lg: number;
940
+ };
941
+ };
942
+ "4xl": {
943
+ mediaQuery: {
944
+ sm: number;
945
+ lg: number;
946
+ };
947
+ };
948
+ "3xl": {
949
+ mediaQuery: {
950
+ sm: number;
951
+ lg: number;
952
+ };
953
+ };
954
+ "2xl": {
955
+ mediaQuery: {
956
+ sm: number;
957
+ lg: number;
958
+ };
959
+ };
960
+ xl: {
961
+ mediaQuery: {
962
+ sm: number;
963
+ lg: number;
964
+ };
965
+ };
966
+ lg: {
967
+ mediaQuery: {
968
+ sm: number;
969
+ lg: number;
970
+ };
971
+ };
972
+ md: {
973
+ mediaQuery: {
974
+ sm: number;
975
+ lg: number;
976
+ };
977
+ };
978
+ sm: {
979
+ mediaQuery: {
980
+ sm: number;
981
+ lg: number;
982
+ };
983
+ };
984
+ xs: {
985
+ mediaQuery: {
986
+ sm: number;
987
+ lg: number;
988
+ };
989
+ };
990
+ };
991
+ size: {
992
+ d1: {
993
+ mediaQuery: {
994
+ sm: number;
995
+ lg: number;
996
+ };
997
+ };
998
+ d2: {
999
+ mediaQuery: {
1000
+ sm: number;
1001
+ lg: number;
1002
+ };
1003
+ };
1004
+ d3: {
1005
+ mediaQuery: {
1006
+ sm: number;
1007
+ lg: number;
1008
+ };
1009
+ };
1010
+ d4: {
1011
+ mediaQuery: {
1012
+ sm: number;
1013
+ lg: number;
1014
+ };
1015
+ };
1016
+ "4xl": {
1017
+ mediaQuery: {
1018
+ sm: number;
1019
+ lg: number;
1020
+ };
1021
+ };
1022
+ "3xl": {
1023
+ mediaQuery: {
1024
+ sm: number;
1025
+ lg: number;
1026
+ };
1027
+ };
1028
+ "2xl": {
1029
+ mediaQuery: {
1030
+ sm: number;
1031
+ lg: number;
1032
+ };
1033
+ };
1034
+ xl: {
1035
+ mediaQuery: {
1036
+ sm: number;
1037
+ lg: number;
1038
+ };
1039
+ };
1040
+ lg: {
1041
+ mediaQuery: {
1042
+ sm: number;
1043
+ lg: number;
1044
+ };
1045
+ };
1046
+ md: {
1047
+ mediaQuery: {
1048
+ sm: number;
1049
+ lg: number;
1050
+ };
1051
+ };
1052
+ sm: {
1053
+ mediaQuery: {
1054
+ sm: number;
1055
+ lg: number;
1056
+ };
1057
+ };
1058
+ xs: {
1059
+ mediaQuery: {
1060
+ sm: number;
1061
+ lg: number;
1062
+ };
1063
+ };
1064
+ };
1065
+ weight: {
1066
+ book: number;
1067
+ bold: number;
1068
+ black: number;
1069
+ };
1070
+ };
1071
+ mediaQuery: {
1072
+ xsmall: number;
1073
+ small: number;
1074
+ medium: number;
1075
+ large: number;
1076
+ };
1077
+ customMediaQuery: {
1078
+ "xsmall-and-up": number;
1079
+ "small-and-up": number;
1080
+ "medium-and-up": number;
1081
+ "large-and-up": number;
1082
+ };
1083
+ opacity: {
1084
+ solid: number;
1085
+ translucent: number;
1086
+ transparent: number;
1087
+ };
1088
+ space: {
1089
+ "0": number;
1090
+ "25": number;
1091
+ "50": number;
1092
+ "100": number;
1093
+ "150": number;
1094
+ "200": number;
1095
+ "250": number;
1096
+ "300": number;
1097
+ "350": number;
1098
+ "400": number;
1099
+ "450": number;
1100
+ "500": number;
1101
+ "550": number;
1102
+ "600": number;
1103
+ "700": number;
1104
+ "800": number;
1105
+ "900": number;
1106
+ "1000": number;
1107
+ "1100": number;
1108
+ "1200": number;
1109
+ "1300": number;
1110
+ "1400": number;
1111
+ "1500": number;
1112
+ "1600": number;
1113
+ "1800": number;
1114
+ "2000": number;
1115
+ "2400": number;
1116
+ "3000": number;
1117
+ "3500": number;
1118
+ base: number;
1119
+ };
1120
+ button: {
1121
+ color: {
1122
+ focus: {
1123
+ blue: string;
1124
+ white: string;
1125
+ };
1126
+ };
1127
+ surface: {
1128
+ color: {
1129
+ fg: string;
1130
+ bg: string;
1131
+ bgVariant: string;
1132
+ bgHover: string;
1133
+ fgInverted: string;
1134
+ bgInverted: string;
1135
+ bgInvertedHover: string;
1136
+ };
1137
+ };
1138
+ destructive: {
1139
+ color: {
1140
+ fg: string;
1141
+ bg: string;
1142
+ bgHover: string;
1143
+ };
1144
+ };
1145
+ };
1146
+ input: {
1147
+ color: {
1148
+ label: string;
1149
+ border: string;
1150
+ borderError: string;
1151
+ hint: string;
1152
+ selected: string;
1153
+ selectedTint: string;
1154
+ };
1155
+ };
1156
+ }, {}, never>;