@ovotech/element-native 3.3.2 → 3.4.0-canary-d9e3d0a-143

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 (257) hide show
  1. package/dist/components/Accordion/Accordion.js +5 -5
  2. package/dist/components/Accordion/styles.d.ts +4 -3
  3. package/dist/components/Accordion/styles.js +2 -2
  4. package/dist/components/ActionCard/ActionCard.d.ts +19 -0
  5. package/dist/components/ActionCard/ActionCard.js +115 -0
  6. package/dist/components/ActionCard/CloseIconShape.d.ts +3 -0
  7. package/dist/components/ActionCard/CloseIconShape.js +52 -0
  8. package/dist/components/ActionCard/IndicatorIconShape.d.ts +3 -0
  9. package/dist/components/ActionCard/IndicatorIconShape.js +52 -0
  10. package/dist/components/ActionCard/index.d.ts +1 -0
  11. package/dist/components/ActionCard/index.js +5 -0
  12. package/dist/components/ActionList/styled.d.ts +5 -5
  13. package/dist/components/Badge/Badge.d.ts +1 -1
  14. package/dist/components/Card/Card.d.ts +1 -1
  15. package/dist/components/{TextField → CurrencyField}/CurrencyField.js +1 -1
  16. package/dist/components/CurrencyField/index.d.ts +1 -0
  17. package/dist/components/CurrencyField/index.js +5 -0
  18. package/dist/components/{Input → CurrencyInput}/CurrencyInput.d.ts +1 -1
  19. package/dist/components/{Input → CurrencyInput}/CurrencyInput.js +1 -1
  20. package/dist/components/CurrencyInput/index.d.ts +1 -0
  21. package/dist/components/CurrencyInput/index.js +5 -0
  22. package/dist/components/DataTable/styles.d.ts +11 -11
  23. package/dist/components/DateField/DateField.js +2 -2
  24. package/dist/components/DescriptionList/styled.d.ts +1 -1
  25. package/dist/components/{SkeletonLoading/Skeleton.d.ts → Em/Em.d.ts} +2 -2
  26. package/dist/components/Em/Em.js +13 -0
  27. package/dist/components/Em/index.d.ts +1 -0
  28. package/dist/components/Em/index.js +5 -0
  29. package/dist/components/{TextField → EmailField}/EmailField.js +1 -1
  30. package/dist/components/EmailField/index.d.ts +1 -0
  31. package/dist/components/EmailField/index.js +5 -0
  32. package/dist/components/{Input → EmailInput}/EmailInput.js +1 -1
  33. package/dist/components/EmailInput/index.d.ts +1 -0
  34. package/dist/components/EmailInput/index.js +5 -0
  35. package/dist/components/ErrorText/ErrorText.d.ts +1 -1
  36. package/dist/components/Grid/Col.d.ts +1 -1
  37. package/dist/components/Grid/Row.d.ts +1 -1
  38. package/dist/components/Heading1/Heading1.d.ts +3 -0
  39. package/dist/components/{Heading/Heading.js → Heading1/Heading1.js} +2 -35
  40. package/dist/components/Heading1/index.d.ts +1 -0
  41. package/dist/components/Heading1/index.js +5 -0
  42. package/dist/components/Heading2/Heading2.d.ts +3 -0
  43. package/dist/components/Heading2/Heading2.js +71 -0
  44. package/dist/components/Heading2/index.d.ts +1 -0
  45. package/dist/components/Heading2/index.js +5 -0
  46. package/dist/components/Heading3/Heading3.d.ts +3 -0
  47. package/dist/components/Heading3/Heading3.js +71 -0
  48. package/dist/components/Heading3/index.d.ts +1 -0
  49. package/dist/components/Heading3/index.js +5 -0
  50. package/dist/components/Heading4/Heading4.d.ts +3 -0
  51. package/dist/components/Heading4/Heading4.js +71 -0
  52. package/dist/components/Heading4/index.d.ts +1 -0
  53. package/dist/components/Heading4/index.js +5 -0
  54. package/dist/components/HintText/HintText.d.ts +1 -1
  55. package/dist/components/LabelText/LabelText.d.ts +1 -1
  56. package/dist/components/LineThrough/LineThrough.d.ts +228 -0
  57. package/dist/components/{SkeletonLoading/Skeleton.js → LineThrough/LineThrough.js} +2 -2
  58. package/dist/components/LineThrough/index.d.ts +1 -0
  59. package/dist/components/LineThrough/index.js +5 -0
  60. package/dist/components/List/List.d.ts +4 -240
  61. package/dist/components/List/List.js +44 -91
  62. package/dist/components/{Text/Text.d.ts → List/styled.d.ts} +658 -442
  63. package/dist/components/List/styled.js +70 -0
  64. package/dist/components/Margin/Margin.d.ts +1 -1
  65. package/dist/components/NavHeader/IconButton.d.ts +13 -0
  66. package/dist/components/NavHeader/IconButton.js +31 -0
  67. package/dist/components/NavHeader/NavHeader.d.ts +7 -14
  68. package/dist/components/NavHeader/NavHeader.js +39 -48
  69. package/dist/components/NavHeader/NavHeader.styles.d.ts +1833 -0
  70. package/dist/components/NavHeader/NavHeader.styles.js +72 -0
  71. package/dist/components/NavHeader/index.d.ts +1 -1
  72. package/dist/components/Notification/Notification.d.ts +2 -2
  73. package/dist/components/{TextField → NumberField}/NumberField.js +1 -1
  74. package/dist/components/NumberField/index.d.ts +1 -0
  75. package/dist/components/NumberField/index.js +5 -0
  76. package/dist/components/{Input → NumberInput}/NumberInput.js +1 -1
  77. package/dist/components/NumberInput/index.d.ts +1 -0
  78. package/dist/components/NumberInput/index.js +5 -0
  79. package/dist/components/P/P.d.ts +239 -0
  80. package/dist/components/P/P.js +38 -0
  81. package/dist/components/P/index.d.ts +1 -0
  82. package/dist/components/P/index.js +5 -0
  83. package/dist/components/{TextField → PasswordField}/PasswordField.js +1 -1
  84. package/dist/components/PasswordField/index.d.ts +1 -0
  85. package/dist/components/PasswordField/index.js +5 -0
  86. package/dist/components/{Input → PasswordInput}/PasswordInput.js +1 -1
  87. package/dist/components/{Input → PasswordInput}/PasswordInput.styled.d.ts +1 -1
  88. package/dist/components/PasswordInput/index.d.ts +1 -0
  89. package/dist/components/PasswordInput/index.js +5 -0
  90. package/dist/components/{TextField → PhoneField}/PhoneField.js +1 -1
  91. package/dist/components/PhoneField/index.d.ts +1 -0
  92. package/dist/components/PhoneField/index.js +5 -0
  93. package/dist/components/{Input → PhoneInput}/PhoneInput.d.ts +1 -2
  94. package/dist/components/{Input → PhoneInput}/PhoneInput.js +2 -3
  95. package/dist/components/PhoneInput/index.d.ts +1 -0
  96. package/dist/components/PhoneInput/index.js +5 -0
  97. package/dist/components/SelectField/Select.d.ts +1 -1
  98. package/dist/components/SelectField/Select.js +5 -4
  99. package/dist/components/SkeletonAnimation/index.d.ts +1 -0
  100. package/dist/components/SkeletonAnimation/index.js +5 -0
  101. package/dist/components/{SkeletonLoading → SkeletonCTA}/SkeletonCTA.js +4 -5
  102. package/dist/components/SkeletonCTA/index.d.ts +1 -0
  103. package/dist/components/SkeletonCTA/index.js +5 -0
  104. package/dist/components/{SkeletonLoading → SkeletonCircle}/SkeletonCircle.js +3 -4
  105. package/dist/components/SkeletonCircle/index.d.ts +1 -0
  106. package/dist/components/SkeletonCircle/index.js +5 -0
  107. package/dist/components/{SkeletonLoading → SkeletonHeading}/SkeletonHeading.js +4 -5
  108. package/dist/components/SkeletonHeading/index.d.ts +1 -0
  109. package/dist/components/SkeletonHeading/index.js +5 -0
  110. package/dist/components/{SkeletonLoading → SkeletonText}/SkeletonText.js +4 -5
  111. package/dist/components/SkeletonText/index.d.ts +1 -0
  112. package/dist/components/SkeletonText/index.js +5 -0
  113. package/dist/components/Small/Small.d.ts +239 -0
  114. package/dist/components/Small/Small.js +38 -0
  115. package/dist/components/Small/index.d.ts +1 -0
  116. package/dist/components/Small/index.js +5 -0
  117. package/dist/components/Strong/Strong.d.ts +228 -0
  118. package/dist/components/Strong/Strong.js +11 -0
  119. package/dist/components/Strong/index.d.ts +1 -0
  120. package/dist/components/Strong/index.js +5 -0
  121. package/dist/components/SubLabelText/SubLabelText.d.ts +1 -1
  122. package/dist/components/TextField/TextField.js +1 -1
  123. package/dist/components/TextField/index.d.ts +0 -7
  124. package/dist/components/TextField/index.js +1 -15
  125. package/dist/components/TextGroup/TextGroup.d.ts +3 -0
  126. package/dist/components/TextGroup/TextGroup.js +47 -0
  127. package/dist/components/TextGroup/index.d.ts +1 -0
  128. package/dist/components/TextGroup/index.js +5 -0
  129. package/dist/components/{Input → TextInput}/TextInput.js +1 -1
  130. package/dist/components/TextInput/index.d.ts +1 -0
  131. package/dist/components/TextInput/index.js +5 -0
  132. package/dist/components/{TextField → TextareaField}/TextareaField.js +1 -1
  133. package/dist/components/TextareaField/index.d.ts +1 -0
  134. package/dist/components/TextareaField/index.js +5 -0
  135. package/dist/components/{Input → TextareaInput}/TextareaInput.d.ts +1 -1
  136. package/dist/components/{Input → TextareaInput}/TextareaInput.js +1 -1
  137. package/dist/components/TextareaInput/index.d.ts +1 -0
  138. package/dist/components/TextareaInput/index.js +5 -0
  139. package/dist/components/index.d.ts +28 -4
  140. package/dist/components/index.js +28 -4
  141. package/dist/esm/components/Accordion/Accordion.js +3 -3
  142. package/dist/esm/components/Accordion/styles.js +2 -2
  143. package/dist/esm/components/ActionCard/ActionCard.js +85 -0
  144. package/dist/esm/components/ActionCard/CloseIconShape.js +22 -0
  145. package/dist/esm/components/ActionCard/IndicatorIconShape.js +22 -0
  146. package/dist/esm/components/ActionCard/index.js +1 -0
  147. package/dist/esm/components/{TextField → CurrencyField}/CurrencyField.js +1 -1
  148. package/dist/esm/components/CurrencyField/index.js +1 -0
  149. package/dist/esm/components/{Input → CurrencyInput}/CurrencyInput.js +1 -1
  150. package/dist/esm/components/CurrencyInput/index.js +1 -0
  151. package/dist/esm/components/DateField/DateField.js +1 -1
  152. package/dist/esm/components/Em/Em.js +7 -0
  153. package/dist/esm/components/Em/index.js +1 -0
  154. package/dist/esm/components/{TextField → EmailField}/EmailField.js +1 -1
  155. package/dist/esm/components/EmailField/index.js +1 -0
  156. package/dist/esm/components/{Input → EmailInput}/EmailInput.js +1 -1
  157. package/dist/esm/components/EmailInput/index.js +1 -0
  158. package/dist/esm/components/Heading1/Heading1.js +44 -0
  159. package/dist/esm/components/Heading1/index.js +1 -0
  160. package/dist/esm/components/Heading2/Heading2.js +44 -0
  161. package/dist/esm/components/Heading2/index.js +1 -0
  162. package/dist/esm/components/Heading3/Heading3.js +44 -0
  163. package/dist/esm/components/Heading3/index.js +1 -0
  164. package/dist/esm/components/Heading4/Heading4.js +44 -0
  165. package/dist/esm/components/Heading4/index.js +1 -0
  166. package/dist/esm/components/{SkeletonLoading/Skeleton.js → LineThrough/LineThrough.js} +1 -1
  167. package/dist/esm/components/LineThrough/index.js +1 -0
  168. package/dist/esm/components/List/List.js +41 -65
  169. package/dist/esm/components/List/styled.js +44 -0
  170. package/dist/esm/components/NavHeader/IconButton.js +27 -0
  171. package/dist/esm/components/NavHeader/NavHeader.js +41 -50
  172. package/dist/esm/components/NavHeader/NavHeader.styles.js +43 -0
  173. package/dist/esm/components/{TextField → NumberField}/NumberField.js +1 -1
  174. package/dist/esm/components/NumberField/index.js +1 -0
  175. package/dist/esm/components/{Input → NumberInput}/NumberInput.js +1 -1
  176. package/dist/esm/components/NumberInput/index.js +1 -0
  177. package/dist/esm/components/P/P.js +12 -0
  178. package/dist/esm/components/P/index.js +1 -0
  179. package/dist/esm/components/{TextField → PasswordField}/PasswordField.js +1 -1
  180. package/dist/esm/components/PasswordField/index.js +1 -0
  181. package/dist/esm/components/{Input → PasswordInput}/PasswordInput.js +1 -1
  182. package/dist/esm/components/PasswordInput/index.js +1 -0
  183. package/dist/esm/components/{TextField → PhoneField}/PhoneField.js +1 -1
  184. package/dist/esm/components/PhoneField/index.js +1 -0
  185. package/dist/esm/components/{Input → PhoneInput}/PhoneInput.js +2 -3
  186. package/dist/esm/components/PhoneInput/index.js +1 -0
  187. package/dist/esm/components/SelectField/Select.js +2 -1
  188. package/dist/esm/components/SkeletonAnimation/index.js +1 -0
  189. package/dist/esm/components/{SkeletonLoading → SkeletonCTA}/SkeletonCTA.js +3 -4
  190. package/dist/esm/components/SkeletonCTA/index.js +1 -0
  191. package/dist/esm/components/{SkeletonLoading → SkeletonCircle}/SkeletonCircle.js +3 -4
  192. package/dist/esm/components/SkeletonCircle/index.js +1 -0
  193. package/dist/esm/components/{SkeletonLoading → SkeletonHeading}/SkeletonHeading.js +3 -4
  194. package/dist/esm/components/SkeletonHeading/index.js +1 -0
  195. package/dist/esm/components/{SkeletonLoading → SkeletonText}/SkeletonText.js +3 -4
  196. package/dist/esm/components/SkeletonText/index.js +1 -0
  197. package/dist/esm/components/Small/Small.js +12 -0
  198. package/dist/esm/components/Small/index.js +1 -0
  199. package/dist/esm/components/Strong/Strong.js +5 -0
  200. package/dist/esm/components/Strong/index.js +1 -0
  201. package/dist/esm/components/TextField/TextField.js +1 -1
  202. package/dist/esm/components/TextField/index.js +0 -7
  203. package/dist/esm/components/TextGroup/TextGroup.js +43 -0
  204. package/dist/esm/components/TextGroup/index.js +1 -0
  205. package/dist/esm/components/{Input → TextInput}/TextInput.js +1 -1
  206. package/dist/esm/components/TextInput/index.js +1 -0
  207. package/dist/esm/components/{TextField → TextareaField}/TextareaField.js +1 -1
  208. package/dist/esm/components/TextareaField/index.js +1 -0
  209. package/dist/esm/components/{Input → TextareaInput}/TextareaInput.js +1 -1
  210. package/dist/esm/components/TextareaInput/index.js +1 -0
  211. package/dist/esm/components/index.js +28 -4
  212. package/dist/styled.native.d.ts +6 -6
  213. package/package.json +5 -3
  214. package/dist/components/Heading/Heading.d.ts +0 -6
  215. package/dist/components/Heading/index.d.ts +0 -1
  216. package/dist/components/Heading/index.js +0 -8
  217. package/dist/components/Input/index.d.ts +0 -7
  218. package/dist/components/Input/index.js +0 -17
  219. package/dist/components/SkeletonLoading/index.d.ts +0 -5
  220. package/dist/components/SkeletonLoading/index.js +0 -21
  221. package/dist/components/Text/Text.js +0 -93
  222. package/dist/components/Text/index.d.ts +0 -1
  223. package/dist/components/Text/index.js +0 -10
  224. package/dist/components/TextField/TelField.d.ts +0 -14
  225. package/dist/components/TextField/TelField.js +0 -38
  226. package/dist/esm/components/Heading/Heading.js +0 -74
  227. package/dist/esm/components/Heading/index.js +0 -1
  228. package/dist/esm/components/Input/index.js +0 -7
  229. package/dist/esm/components/SkeletonLoading/index.js +0 -5
  230. package/dist/esm/components/Text/Text.js +0 -66
  231. package/dist/esm/components/Text/index.js +0 -1
  232. package/dist/esm/components/TextField/TelField.js +0 -35
  233. /package/dist/components/{TextField → CurrencyField}/CurrencyField.d.ts +0 -0
  234. /package/dist/components/{TextField → EmailField}/EmailField.d.ts +0 -0
  235. /package/dist/components/{Input → EmailInput}/EmailInput.d.ts +0 -0
  236. /package/dist/components/{TextField → NumberField}/NumberField.d.ts +0 -0
  237. /package/dist/components/{Input → NumberInput}/NumberInput.d.ts +0 -0
  238. /package/dist/components/{TextField → PasswordField}/PasswordField.d.ts +0 -0
  239. /package/dist/components/{Input → PasswordInput}/PasswordInput.d.ts +0 -0
  240. /package/dist/components/{Input → PasswordInput}/PasswordInput.styled.js +0 -0
  241. /package/dist/components/{Input → PasswordInput}/PasswordVisibilityToggle.d.ts +0 -0
  242. /package/dist/components/{Input → PasswordInput}/PasswordVisibilityToggle.js +0 -0
  243. /package/dist/components/{TextField → PhoneField}/PhoneField.d.ts +0 -0
  244. /package/dist/components/{SkeletonLoading → SkeletonAnimation}/SkeletonAnimation.d.ts +0 -0
  245. /package/dist/components/{SkeletonLoading → SkeletonAnimation}/SkeletonAnimation.js +0 -0
  246. /package/dist/components/{SkeletonLoading → SkeletonCTA}/SkeletonCTA.d.ts +0 -0
  247. /package/dist/components/{SkeletonLoading → SkeletonCircle}/SkeletonCircle.d.ts +0 -0
  248. /package/dist/components/{SkeletonLoading → SkeletonHeading}/SkeletonHeading.d.ts +0 -0
  249. /package/dist/components/{SkeletonLoading → SkeletonText}/SkeletonText.d.ts +0 -0
  250. /package/dist/components/{Input → TextInput}/TextInput.d.ts +0 -0
  251. /package/dist/components/{TextField → TextareaField}/TextareaField.d.ts +0 -0
  252. /package/dist/esm/components/{Input → PasswordInput}/PasswordInput.styled.js +0 -0
  253. /package/dist/esm/components/{Input → PasswordInput}/PasswordVisibilityToggle.js +0 -0
  254. /package/dist/esm/components/{SkeletonLoading → SkeletonAnimation}/SkeletonAnimation.js +0 -0
  255. /package/dist/esm/{components/Accordion/hooks.js → hooks/use-layout.js} +0 -0
  256. /package/dist/{components/Accordion/hooks.d.ts → hooks/use-layout.d.ts} +0 -0
  257. /package/dist/{components/Accordion/hooks.js → hooks/use-layout.js} +0 -0
@@ -29,13 +29,12 @@ exports.SkeletonCircle = void 0;
29
29
  var jsx_runtime_1 = require("react/jsx-runtime");
30
30
  var styled_native_1 = __importDefault(require("../../styled.native"));
31
31
  var utils_1 = require("../../utils");
32
- var Skeleton_1 = require("./Skeleton");
33
- var SkeletonAnimation_1 = require("./SkeletonAnimation");
34
- var StyledSkeletonCircleWrapper = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
32
+ var SkeletonAnimation_1 = require("../SkeletonAnimation");
33
+ var StyledSkeletonCircleWrapper = styled_native_1.default.View(function (_a) {
35
34
  var size = _a.size;
36
35
  return "width: ".concat(size, "; max-width: 100%;");
37
36
  });
38
- var StyledSkeletonCircle = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
37
+ var StyledSkeletonCircle = styled_native_1.default.View(function (_a) {
39
38
  var core = _a.theme.core, size = _a.size;
40
39
  return "\n background-color: ".concat(core.color.neutral.light, ";\n height: 0;\n padding-bottom: 100%;\n border-radius: ").concat((0, utils_1.pxToNumber)(size) / 2, "px;\n ");
41
40
  });
@@ -0,0 +1 @@
1
+ export { SkeletonCircle } from './SkeletonCircle';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SkeletonCircle = void 0;
4
+ var SkeletonCircle_1 = require("./SkeletonCircle");
5
+ Object.defineProperty(exports, "SkeletonCircle", { enumerable: true, get: function () { return SkeletonCircle_1.SkeletonCircle; } });
@@ -28,15 +28,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.SkeletonHeading = void 0;
29
29
  var jsx_runtime_1 = require("react/jsx-runtime");
30
30
  var styled_native_1 = __importDefault(require("../../styled.native"));
31
- var Heading_1 = require("../Heading");
32
- var Skeleton_1 = require("./Skeleton");
33
- var SkeletonAnimation_1 = require("./SkeletonAnimation");
34
- var StyledSkeletonHeading = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
31
+ var SkeletonAnimation_1 = require("../SkeletonAnimation");
32
+ var Heading3_1 = require("../Heading3");
33
+ var StyledSkeletonHeading = styled_native_1.default.View(function (_a) {
35
34
  var core = _a.theme.core, size = _a.size;
36
35
  return "\n background-color: ".concat(core.color.neutral.light, ";\n width: ").concat(size, ";\n ");
37
36
  });
38
37
  var SkeletonHeading = function (_a) {
39
- var _b = _a.size, size = _b === void 0 ? '70%' : _b, _c = _a.headingComponent, Heading = _c === void 0 ? Heading_1.Heading3 : _c, rest = __rest(_a, ["size", "headingComponent"]);
38
+ var _b = _a.size, size = _b === void 0 ? '70%' : _b, _c = _a.headingComponent, Heading = _c === void 0 ? Heading3_1.Heading3 : _c, rest = __rest(_a, ["size", "headingComponent"]);
40
39
  return ((0, jsx_runtime_1.jsx)(SkeletonAnimation_1.SkeletonAnimation, { children: (0, jsx_runtime_1.jsx)(StyledSkeletonHeading, __assign({ "aria-hidden": "true", size: size, as: Heading }, rest, { children: "\u00A0" })) }));
41
40
  };
42
41
  exports.SkeletonHeading = SkeletonHeading;
@@ -0,0 +1 @@
1
+ export { SkeletonHeading } from './SkeletonHeading';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SkeletonHeading = void 0;
4
+ var SkeletonHeading_1 = require("./SkeletonHeading");
5
+ Object.defineProperty(exports, "SkeletonHeading", { enumerable: true, get: function () { return SkeletonHeading_1.SkeletonHeading; } });
@@ -29,10 +29,9 @@ exports.SkeletonText = void 0;
29
29
  var jsx_runtime_1 = require("react/jsx-runtime");
30
30
  var hooks_1 = require("../../hooks");
31
31
  var styled_native_1 = __importDefault(require("../../styled.native"));
32
- var Text_1 = require("../Text");
33
- var Skeleton_1 = require("./Skeleton");
34
- var SkeletonAnimation_1 = require("./SkeletonAnimation");
35
- var StyledSkeletonText = (0, styled_native_1.default)(Skeleton_1.Skeleton)(function (_a) {
32
+ var P_1 = require("../P");
33
+ var SkeletonAnimation_1 = require("../SkeletonAnimation");
34
+ var StyledSkeletonText = styled_native_1.default.View(function (_a) {
36
35
  var core = _a.theme.core, aboveSmallBreakpoint = _a.aboveSmallBreakpoint, short = _a.short;
37
36
  return "\n background-color: ".concat(core.color.neutral.light, ";\n margin-bottom: ").concat(core.space[2], ";\n height: ").concat(aboveSmallBreakpoint ? core.fontSize.body.large : core.fontSize.body.small, ";\n\n ").concat(short ? 'width: 50%' : '', ";\n ");
38
37
  });
@@ -43,6 +42,6 @@ var SkeletonText = function (_a) {
43
42
  for (var i = 1; i <= lines; i++) {
44
43
  generatedLines.push((0, jsx_runtime_1.jsx)(StyledSkeletonText, { short: i === lines, aboveSmallBreakpoint: smallAndUp }, "line-".concat(i)));
45
44
  }
46
- return ((0, jsx_runtime_1.jsx)(Text_1.P, __assign({ as: SkeletonAnimation_1.SkeletonAnimation }, rest, { children: generatedLines })));
45
+ return ((0, jsx_runtime_1.jsx)(P_1.P, __assign({ as: SkeletonAnimation_1.SkeletonAnimation }, rest, { children: generatedLines })));
47
46
  };
48
47
  exports.SkeletonText = SkeletonText;
@@ -0,0 +1 @@
1
+ export { SkeletonText } from './SkeletonText';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SkeletonText = void 0;
4
+ var SkeletonText_1 = require("./SkeletonText");
5
+ Object.defineProperty(exports, "SkeletonText", { enumerable: true, get: function () { return SkeletonText_1.SkeletonText; } });
@@ -0,0 +1,239 @@
1
+ /// <reference types="react" />
2
+ import { Text } from 'react-native';
3
+ export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<{
4
+ [x: string]: any;
5
+ [x: number]: any;
6
+ [x: symbol]: any;
7
+ } & {
8
+ theme?: {
9
+ core: {
10
+ radius: Record<"small" | "medium" | "large" | "max", string>;
11
+ borderWidth: Record<"small" | "medium" | "large", string>;
12
+ breakpoint: Record<"small" | "medium" | "large", string | number>;
13
+ mediaQuery: Record<"small" | "medium" | "large", string>;
14
+ space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
15
+ transition: Record<"medium" | "slow" | "fast", string>;
16
+ opacity: Record<"solid" | "transparent" | "translucent", string | number>;
17
+ color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
18
+ lightest: string;
19
+ lighter: string;
20
+ light: string;
21
+ base: string;
22
+ dark: string;
23
+ darker: string;
24
+ darkest: string;
25
+ }> & {
26
+ brand: Record<string, string>;
27
+ };
28
+ fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
29
+ native: string;
30
+ web: string;
31
+ }>;
32
+ fontWeight: Record<"bold" | "book" | "black", string | number>;
33
+ fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
34
+ small: string | number;
35
+ large: string | number;
36
+ }>;
37
+ lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
38
+ small: string | number;
39
+ large: string | number;
40
+ }>;
41
+ letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
42
+ };
43
+ semantic: {
44
+ surface: Record<"base" | "cutout" | "elevated", string>;
45
+ message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
46
+ border: Record<"graphic" | "differentiated" | "functional", string>;
47
+ focus: Record<"surface" | "outline" | "hover", string>;
48
+ inverted: Record<"surface" | "border", string> & {
49
+ message: Record<"base" | "link" | "secondary" | "branded", string>;
50
+ };
51
+ success: {
52
+ border: string;
53
+ surface: string;
54
+ surfaceEmphasis: string;
55
+ message: string;
56
+ messageOnEmphasis: string;
57
+ };
58
+ warning: {
59
+ border: string;
60
+ surface: string;
61
+ surfaceEmphasis: string;
62
+ message: string;
63
+ messageOnEmphasis: string;
64
+ };
65
+ error: {
66
+ border: string;
67
+ surface: string;
68
+ surfaceEmphasis: string;
69
+ message: string;
70
+ messageOnEmphasis: string;
71
+ };
72
+ info: {
73
+ border: string;
74
+ surface: string;
75
+ surfaceEmphasis: string;
76
+ message: string;
77
+ messageOnEmphasis: string;
78
+ };
79
+ data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
80
+ };
81
+ component: {
82
+ heading1: {
83
+ fontFamily: string;
84
+ fontWeight: string | number;
85
+ fontSize: {
86
+ small: string | number;
87
+ large: string | number;
88
+ };
89
+ lineHeight: {
90
+ small: string | number;
91
+ large: string | number;
92
+ };
93
+ };
94
+ heading2: {
95
+ fontFamily: string;
96
+ fontWeight: string | number;
97
+ fontSize: {
98
+ small: string | number;
99
+ large: string | number;
100
+ };
101
+ lineHeight: {
102
+ small: string | number;
103
+ large: string | number;
104
+ };
105
+ };
106
+ heading3: {
107
+ fontFamily: string;
108
+ fontWeight: string | number;
109
+ fontSize: {
110
+ small: string | number;
111
+ large: string | number;
112
+ };
113
+ lineHeight: {
114
+ small: string | number;
115
+ large: string | number;
116
+ };
117
+ };
118
+ heading4: {
119
+ fontFamily: string;
120
+ fontWeight: string | number;
121
+ fontSize: {
122
+ small: string | number;
123
+ large: string | number;
124
+ };
125
+ lineHeight: {
126
+ small: string | number;
127
+ large: string | number;
128
+ };
129
+ };
130
+ lead: {
131
+ fontFamily: string;
132
+ fontWeight: string | number;
133
+ fontSize: {
134
+ small: string | number;
135
+ large: string | number;
136
+ };
137
+ lineHeight: {
138
+ small: string | number;
139
+ large: string | number;
140
+ };
141
+ };
142
+ body: {
143
+ fontFamily: string;
144
+ fontWeight: string | number;
145
+ fontSize: {
146
+ small: string | number;
147
+ large: string | number;
148
+ };
149
+ lineHeight: {
150
+ small: string | number;
151
+ large: string | number;
152
+ };
153
+ };
154
+ small: {
155
+ fontFamily: string;
156
+ fontWeight: string | number;
157
+ fontSize: {
158
+ small: string | number;
159
+ large: string | number;
160
+ };
161
+ lineHeight: {
162
+ small: string | number;
163
+ large: string | number;
164
+ };
165
+ };
166
+ label: {
167
+ fontFamily: string;
168
+ fontWeight: string | number;
169
+ fontSize: {
170
+ small: string | number;
171
+ large: string | number;
172
+ };
173
+ lineHeight: {
174
+ small: string | number;
175
+ large: string | number;
176
+ };
177
+ };
178
+ cta: {
179
+ primary: {
180
+ message: string;
181
+ surface: string;
182
+ messageHover: string;
183
+ surfaceHover: string;
184
+ messageFocused: string;
185
+ surfaceFocused: string;
186
+ outlineFocused: string;
187
+ backgroundFocused: string;
188
+ };
189
+ secondary: {
190
+ message: string;
191
+ surface: string;
192
+ messageHover: string;
193
+ surfaceHover: string;
194
+ messageFocused: string;
195
+ surfaceFocused: string;
196
+ outlineFocused: string;
197
+ backgroundFocused: string;
198
+ };
199
+ destructive: {
200
+ message: string;
201
+ surface: string;
202
+ messageHover: string;
203
+ surfaceHover: string;
204
+ messageFocused: string;
205
+ surfaceFocused: string;
206
+ outlineFocused: string;
207
+ backgroundFocused: string;
208
+ };
209
+ };
210
+ badge: {
211
+ variants: {
212
+ red: {
213
+ foreground: string;
214
+ background: string;
215
+ };
216
+ orange: {
217
+ foreground: string;
218
+ background: string;
219
+ };
220
+ yellow: {
221
+ foreground: string;
222
+ background: string;
223
+ };
224
+ green: {
225
+ foreground: string;
226
+ background: string;
227
+ };
228
+ blue: {
229
+ foreground: string;
230
+ background: string;
231
+ };
232
+ };
233
+ };
234
+ };
235
+ } | undefined;
236
+ } & {
237
+ as?: string | import("react").ComponentType<any> | undefined;
238
+ forwardedAs?: string | import("react").ComponentType<any> | undefined;
239
+ }, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
7
+ if (k2 === undefined) k2 = k;
8
+ var desc = Object.getOwnPropertyDescriptor(m, k);
9
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
10
+ desc = { enumerable: true, get: function() { return m[k]; } };
11
+ }
12
+ Object.defineProperty(o, k2, desc);
13
+ }) : (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ o[k2] = m[k];
16
+ }));
17
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
18
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
19
+ }) : function(o, v) {
20
+ o["default"] = v;
21
+ });
22
+ var __importStar = (this && this.__importStar) || function (mod) {
23
+ if (mod && mod.__esModule) return mod;
24
+ var result = {};
25
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
26
+ __setModuleDefault(result, mod);
27
+ return result;
28
+ };
29
+ Object.defineProperty(exports, "__esModule", { value: true });
30
+ exports.Small = void 0;
31
+ var styled_native_1 = __importStar(require("../../styled.native"));
32
+ var utils_1 = require("../../utils");
33
+ var StyledSmall = styled_native_1.default.Text(function (_a) {
34
+ var core = _a.theme.core, smallAndUp = _a.smallAndUp;
35
+ return (0, styled_native_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n line-height: ", ";\n "], ["\n font-size: ", ";\n line-height: ", ";\n "])), core.fontSize.small[smallAndUp ? 'large' : 'small'], core.lineHeight.small[smallAndUp ? 'large' : 'small']);
36
+ });
37
+ exports.Small = (0, utils_1.styledComponentWithBreakpoints)(StyledSmall);
38
+ var templateObject_1;
@@ -0,0 +1 @@
1
+ export { Small } from './Small';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Small = void 0;
4
+ var Small_1 = require("./Small");
5
+ Object.defineProperty(exports, "Small", { enumerable: true, get: function () { return Small_1.Small; } });
@@ -0,0 +1,228 @@
1
+ export declare const Strong: import("styled-components").StyledComponent<typeof import("react-native").Text, {
2
+ core: {
3
+ radius: Record<"small" | "medium" | "large" | "max", string>;
4
+ borderWidth: Record<"small" | "medium" | "large", string>;
5
+ breakpoint: Record<"small" | "medium" | "large", string | number>;
6
+ mediaQuery: Record<"small" | "medium" | "large", string>;
7
+ space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
8
+ transition: Record<"medium" | "slow" | "fast", string>;
9
+ opacity: Record<"solid" | "transparent" | "translucent", string | number>;
10
+ color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
11
+ lightest: string;
12
+ lighter: string;
13
+ light: string;
14
+ base: string;
15
+ dark: string;
16
+ darker: string;
17
+ darkest: string;
18
+ }> & {
19
+ brand: Record<string, string>;
20
+ };
21
+ fontFamily: Record<"body" | "mono" | "heading" | "bodyBold", {
22
+ native: string;
23
+ web: string;
24
+ }>;
25
+ fontWeight: Record<"bold" | "book" | "black", string | number>;
26
+ fontSize: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
27
+ small: string | number;
28
+ large: string | number;
29
+ }>;
30
+ lineHeight: Record<"small" | "body" | "label" | "heading1" | "heading2" | "heading3" | "heading4" | "lead", {
31
+ small: string | number;
32
+ large: string | number;
33
+ }>;
34
+ letterSpacing: Record<"base" | "compressed" | "extraCompressed", number>;
35
+ };
36
+ semantic: {
37
+ surface: Record<"base" | "cutout" | "elevated", string>;
38
+ message: Record<"base" | "link" | "secondary" | "error" | "branded", string>;
39
+ border: Record<"graphic" | "differentiated" | "functional", string>;
40
+ focus: Record<"surface" | "outline" | "hover", string>;
41
+ inverted: Record<"surface" | "border", string> & {
42
+ message: Record<"base" | "link" | "secondary" | "branded", string>;
43
+ };
44
+ success: {
45
+ border: string;
46
+ surface: string;
47
+ surfaceEmphasis: string;
48
+ message: string;
49
+ messageOnEmphasis: string;
50
+ };
51
+ warning: {
52
+ border: string;
53
+ surface: string;
54
+ surfaceEmphasis: string;
55
+ message: string;
56
+ messageOnEmphasis: string;
57
+ };
58
+ error: {
59
+ border: string;
60
+ surface: string;
61
+ surfaceEmphasis: string;
62
+ message: string;
63
+ messageOnEmphasis: string;
64
+ };
65
+ info: {
66
+ border: string;
67
+ surface: string;
68
+ surfaceEmphasis: string;
69
+ message: string;
70
+ messageOnEmphasis: string;
71
+ };
72
+ data: Record<"branded" | "gas" | "electric", Record<2 | 1 | 3 | 4, string>>;
73
+ };
74
+ component: {
75
+ heading1: {
76
+ fontFamily: string;
77
+ fontWeight: string | number;
78
+ fontSize: {
79
+ small: string | number;
80
+ large: string | number;
81
+ };
82
+ lineHeight: {
83
+ small: string | number;
84
+ large: string | number;
85
+ };
86
+ };
87
+ heading2: {
88
+ fontFamily: string;
89
+ fontWeight: string | number;
90
+ fontSize: {
91
+ small: string | number;
92
+ large: string | number;
93
+ };
94
+ lineHeight: {
95
+ small: string | number;
96
+ large: string | number;
97
+ };
98
+ };
99
+ heading3: {
100
+ fontFamily: string;
101
+ fontWeight: string | number;
102
+ fontSize: {
103
+ small: string | number;
104
+ large: string | number;
105
+ };
106
+ lineHeight: {
107
+ small: string | number;
108
+ large: string | number;
109
+ };
110
+ };
111
+ heading4: {
112
+ fontFamily: string;
113
+ fontWeight: string | number;
114
+ fontSize: {
115
+ small: string | number;
116
+ large: string | number;
117
+ };
118
+ lineHeight: {
119
+ small: string | number;
120
+ large: string | number;
121
+ };
122
+ };
123
+ lead: {
124
+ fontFamily: string;
125
+ fontWeight: string | number;
126
+ fontSize: {
127
+ small: string | number;
128
+ large: string | number;
129
+ };
130
+ lineHeight: {
131
+ small: string | number;
132
+ large: string | number;
133
+ };
134
+ };
135
+ body: {
136
+ fontFamily: string;
137
+ fontWeight: string | number;
138
+ fontSize: {
139
+ small: string | number;
140
+ large: string | number;
141
+ };
142
+ lineHeight: {
143
+ small: string | number;
144
+ large: string | number;
145
+ };
146
+ };
147
+ small: {
148
+ fontFamily: string;
149
+ fontWeight: string | number;
150
+ fontSize: {
151
+ small: string | number;
152
+ large: string | number;
153
+ };
154
+ lineHeight: {
155
+ small: string | number;
156
+ large: string | number;
157
+ };
158
+ };
159
+ label: {
160
+ fontFamily: string;
161
+ fontWeight: string | number;
162
+ fontSize: {
163
+ small: string | number;
164
+ large: string | number;
165
+ };
166
+ lineHeight: {
167
+ small: string | number;
168
+ large: string | number;
169
+ };
170
+ };
171
+ cta: {
172
+ primary: {
173
+ message: string;
174
+ surface: string;
175
+ messageHover: string;
176
+ surfaceHover: string;
177
+ messageFocused: string;
178
+ surfaceFocused: string;
179
+ outlineFocused: string;
180
+ backgroundFocused: string;
181
+ };
182
+ secondary: {
183
+ message: string;
184
+ surface: string;
185
+ messageHover: string;
186
+ surfaceHover: string;
187
+ messageFocused: string;
188
+ surfaceFocused: string;
189
+ outlineFocused: string;
190
+ backgroundFocused: string;
191
+ };
192
+ destructive: {
193
+ message: string;
194
+ surface: string;
195
+ messageHover: string;
196
+ surfaceHover: string;
197
+ messageFocused: string;
198
+ surfaceFocused: string;
199
+ outlineFocused: string;
200
+ backgroundFocused: string;
201
+ };
202
+ };
203
+ badge: {
204
+ variants: {
205
+ red: {
206
+ foreground: string;
207
+ background: string;
208
+ };
209
+ orange: {
210
+ foreground: string;
211
+ background: string;
212
+ };
213
+ yellow: {
214
+ foreground: string;
215
+ background: string;
216
+ };
217
+ green: {
218
+ foreground: string;
219
+ background: string;
220
+ };
221
+ blue: {
222
+ foreground: string;
223
+ background: string;
224
+ };
225
+ };
226
+ };
227
+ };
228
+ }, {}, never>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Strong = void 0;
7
+ var styled_native_1 = __importDefault(require("../../styled.native"));
8
+ exports.Strong = styled_native_1.default.Text(function (_a) {
9
+ var core = _a.theme.core;
10
+ return "\n font-family: ".concat(core.fontFamily.bodyBold.native, ";\n ");
11
+ });
@@ -0,0 +1 @@
1
+ export { Strong } from './Strong';
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Strong = void 0;
4
+ var Strong_1 = require("./Strong");
5
+ Object.defineProperty(exports, "Strong", { enumerable: true, get: function () { return Strong_1.Strong; } });
@@ -11,7 +11,7 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
11
11
  borderWidth: Record<"small" | "medium" | "large", string>;
12
12
  breakpoint: Record<"small" | "medium" | "large", string | number>;
13
13
  mediaQuery: Record<"small" | "medium" | "large", string>;
14
- space: Record<0 | 2 | 1 | 3 | 4 | 10 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
14
+ space: Record<0 | 2 | 1 | 3 | 4 | 5 | 10 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15, string>;
15
15
  transition: Record<"medium" | "slow" | "fast", string>;
16
16
  opacity: Record<"solid" | "transparent" | "translucent", string | number>;
17
17
  color: Record<"neutral" | "red" | "orange" | "yellow" | "green" | "blue", {
@@ -26,7 +26,7 @@ exports.TextField = void 0;
26
26
  var jsx_runtime_1 = require("react/jsx-runtime");
27
27
  var react_1 = require("react");
28
28
  var Field_1 = require("../Field");
29
- var TextInput_1 = require("../Input/TextInput");
29
+ var TextInput_1 = require("../TextInput");
30
30
  exports.TextField = (0, react_1.forwardRef)(function (_a, ref) {
31
31
  var rest = __rest(_a, []);
32
32
  return ((0, jsx_runtime_1.jsx)(Field_1.Field, __assign({}, rest, { ref: ref }, { children: (0, jsx_runtime_1.jsx)(TextInput_1.TextInput, {}) })));
@@ -1,8 +1 @@
1
- export { CurrencyField } from './CurrencyField';
2
1
  export { TextField } from './TextField';
3
- export { NumberField } from './NumberField';
4
- export { TelField } from './TelField';
5
- export { PhoneField } from './PhoneField';
6
- export { EmailField } from './EmailField';
7
- export { PasswordField } from './PasswordField';
8
- export { TextareaField } from './TextareaField';