@rebilly/instruments 2.0.0-beta → 3.0.1-beta.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 (197) hide show
  1. package/dist/events/index.js +2 -1
  2. package/dist/functions/mount/fetch-data.js +187 -0
  3. package/dist/functions/mount/fetch-data.spec.js +189 -0
  4. package/dist/functions/mount/index.js +132 -164
  5. package/dist/functions/mount/mount.spec.js +2 -4
  6. package/dist/functions/mount/setup-element.js +40 -0
  7. package/dist/functions/mount/setup-framepay-theme.js +95 -0
  8. package/dist/functions/mount/setup-framepay.js +5 -1
  9. package/dist/functions/mount/setup-i18n.js +33 -0
  10. package/dist/functions/mount/setup-options.js +68 -47
  11. package/dist/functions/mount/setup-options.spec.js +66 -0
  12. package/dist/functions/mount/setup-storefront.js +6 -4
  13. package/dist/functions/mount/setup-styles.js +4 -2
  14. package/dist/functions/purchase.js +129 -24
  15. package/dist/functions/purchase.spec.js +13 -10
  16. package/dist/functions/setup.js +85 -0
  17. package/dist/functions/setup.spec.js +87 -0
  18. package/dist/functions/show.js +8 -4
  19. package/dist/functions/show.spec.js +9 -5
  20. package/dist/functions/update.js +39 -24
  21. package/dist/functions/update.spec.js +0 -4
  22. package/dist/i18n/en.json +5 -2
  23. package/dist/i18n/es.json +4 -1
  24. package/dist/index.js +17 -3
  25. package/dist/index.spec.js +3 -16
  26. package/dist/loader/index.js +4 -3
  27. package/dist/storefront/index.js +33 -0
  28. package/dist/storefront/invoices.js +27 -0
  29. package/dist/storefront/models/base-model.js +18 -0
  30. package/dist/storefront/models/invoice-model.js +14 -0
  31. package/dist/storefront/models/plan-model.js +4 -35
  32. package/dist/storefront/models/product-model.js +4 -23
  33. package/dist/storefront/models/summary-model.js +12 -25
  34. package/dist/storefront/models/transaction-model.js +31 -0
  35. package/dist/storefront/payment-instruments.js +47 -0
  36. package/dist/storefront/payment-instruments.spec.js +55 -0
  37. package/dist/storefront/plans.js +10 -18
  38. package/dist/storefront/plans.spec.js +3 -13
  39. package/dist/storefront/products.js +10 -13
  40. package/dist/storefront/products.spec.js +12 -19
  41. package/dist/storefront/purchase.js +23 -12
  42. package/dist/storefront/purchase.spec.js +1 -20
  43. package/dist/storefront/ready-to-pay.js +18 -15
  44. package/dist/storefront/ready-to-pay.spec.js +2 -12
  45. package/dist/storefront/summary.js +21 -17
  46. package/dist/storefront/summary.spec.js +4 -15
  47. package/dist/storefront/transactions.js +27 -0
  48. package/dist/style/base/__snapshots__/theme.spec.js.snap +188 -45
  49. package/dist/style/base/default-theme.js +699 -0
  50. package/dist/style/base/index.js +48 -16
  51. package/dist/style/base/theme.js +16 -48
  52. package/dist/style/base/theme.spec.js +4 -15
  53. package/dist/style/components/address.js +3 -3
  54. package/dist/style/components/button.js +32 -22
  55. package/dist/style/components/divider.js +9 -9
  56. package/dist/style/components/forms/checkbox.js +12 -9
  57. package/dist/style/components/forms/field.js +18 -6
  58. package/dist/style/components/forms/form.js +2 -2
  59. package/dist/style/components/forms/input.js +54 -13
  60. package/dist/style/components/forms/label.js +39 -18
  61. package/dist/style/components/forms/select.js +54 -22
  62. package/dist/style/components/forms/validation.js +53 -6
  63. package/dist/style/components/icons.js +4 -4
  64. package/dist/style/components/loader.js +5 -3
  65. package/dist/style/components/methods.js +18 -15
  66. package/dist/style/components/overlay.js +5 -5
  67. package/dist/style/helpers/index.js +46 -46
  68. package/dist/style/index.js +3 -1
  69. package/dist/style/payment-instruments/payment-card.js +4 -4
  70. package/dist/style/utils/border.js +47 -0
  71. package/dist/style/utils/color-values.js +39 -3
  72. package/dist/style/utils/remove-empty-null.js +20 -0
  73. package/dist/style/vendor/framepay.js +11 -8
  74. package/dist/style/vendor/postmate.js +2 -2
  75. package/dist/style/views/confirmation.js +13 -13
  76. package/dist/style/views/method-selector.js +2 -2
  77. package/dist/style/views/modal.js +6 -6
  78. package/dist/style/views/result.js +4 -4
  79. package/dist/style/views/summary.js +26 -22
  80. package/dist/views/__snapshots__/summary.spec.js.snap +77 -119
  81. package/dist/views/common/iframe/base-iframe.js +2 -0
  82. package/dist/views/common/iframe/modal-iframe.js +50 -4
  83. package/dist/views/confirmation.js +19 -8
  84. package/dist/views/method-selector/generate-digital-wallet.js +12 -3
  85. package/dist/views/method-selector/generate-digital-wallet.spec.js +11 -0
  86. package/dist/views/method-selector/get-payment-methods.js +13 -2
  87. package/dist/views/method-selector/get-payment-methods.spec.js +21 -19
  88. package/dist/views/method-selector/index.js +23 -34
  89. package/dist/views/method-selector/method-selector.spec.js +50 -55
  90. package/dist/views/method-selector/mount-methods.js +5 -8
  91. package/dist/views/modal.js +8 -2
  92. package/dist/views/result.js +3 -4
  93. package/dist/views/summary.js +156 -97
  94. package/dist/views/summary.spec.js +53 -58
  95. package/package.json +4 -2
  96. package/src/events/index.js +2 -1
  97. package/src/functions/mount/fetch-data.js +152 -0
  98. package/src/functions/mount/fetch-data.spec.js +238 -0
  99. package/src/functions/mount/index.js +101 -158
  100. package/src/functions/mount/mount.spec.js +3 -5
  101. package/src/functions/mount/setup-element.js +26 -0
  102. package/src/functions/mount/setup-framepay-theme.js +82 -0
  103. package/src/functions/mount/setup-framepay.js +5 -1
  104. package/src/functions/mount/setup-i18n.js +19 -0
  105. package/src/functions/mount/setup-options.js +78 -48
  106. package/src/functions/mount/setup-options.spec.js +60 -0
  107. package/src/functions/mount/setup-storefront.js +6 -4
  108. package/src/functions/mount/setup-styles.js +4 -2
  109. package/src/functions/on.spec.js +1 -1
  110. package/src/functions/purchase.js +99 -23
  111. package/src/functions/purchase.spec.js +10 -10
  112. package/src/functions/setup.js +48 -0
  113. package/src/functions/setup.spec.js +98 -0
  114. package/src/functions/show.js +2 -4
  115. package/src/functions/show.spec.js +3 -4
  116. package/src/functions/update.js +40 -25
  117. package/src/functions/update.spec.js +0 -4
  118. package/src/i18n/en.json +5 -2
  119. package/src/i18n/es.json +4 -1
  120. package/src/index.js +9 -3
  121. package/src/index.spec.js +3 -21
  122. package/src/loader/index.js +3 -3
  123. package/src/storefront/index.js +28 -0
  124. package/src/storefront/invoices.js +11 -0
  125. package/src/storefront/models/base-model.js +10 -0
  126. package/src/storefront/models/invoice-model.js +3 -0
  127. package/src/storefront/models/plan-model.js +3 -35
  128. package/src/storefront/models/product-model.js +3 -23
  129. package/src/storefront/models/summary-model.js +12 -19
  130. package/src/storefront/models/transaction-model.js +19 -0
  131. package/src/storefront/payment-instruments.js +30 -0
  132. package/src/storefront/payment-instruments.spec.js +69 -0
  133. package/src/storefront/plans.js +6 -17
  134. package/src/storefront/plans.spec.js +4 -11
  135. package/src/storefront/products.js +8 -16
  136. package/src/storefront/products.spec.js +16 -22
  137. package/src/storefront/purchase.js +14 -16
  138. package/src/storefront/purchase.spec.js +2 -14
  139. package/src/storefront/ready-to-pay.js +13 -16
  140. package/src/storefront/ready-to-pay.spec.js +3 -10
  141. package/src/storefront/summary.js +19 -17
  142. package/src/storefront/summary.spec.js +5 -12
  143. package/src/storefront/transactions.js +11 -0
  144. package/src/style/base/__snapshots__/theme.spec.js.snap +188 -45
  145. package/src/style/base/default-theme.js +674 -0
  146. package/src/style/base/index.js +48 -16
  147. package/src/style/base/theme.js +17 -47
  148. package/src/style/base/theme.spec.js +4 -16
  149. package/src/style/components/address.js +3 -3
  150. package/src/style/components/button.js +32 -24
  151. package/src/style/components/divider.js +9 -9
  152. package/src/style/components/forms/checkbox.js +11 -11
  153. package/src/style/components/forms/field.js +18 -6
  154. package/src/style/components/forms/form.js +2 -2
  155. package/src/style/components/forms/input.js +54 -13
  156. package/src/style/components/forms/label.js +39 -18
  157. package/src/style/components/forms/select.js +54 -22
  158. package/src/style/components/forms/validation.js +53 -6
  159. package/src/style/components/icons.js +4 -4
  160. package/src/style/components/loader.js +4 -5
  161. package/src/style/components/methods.js +18 -15
  162. package/src/style/components/overlay.js +5 -5
  163. package/src/style/helpers/index.js +46 -46
  164. package/src/style/index.js +2 -1
  165. package/src/style/payment-instruments/payment-card.js +4 -4
  166. package/src/style/utils/border.js +34 -0
  167. package/src/style/utils/color-values.js +27 -1
  168. package/src/style/utils/remove-empty-null.js +10 -0
  169. package/src/style/vendor/framepay.js +11 -8
  170. package/src/style/vendor/postmate.js +2 -2
  171. package/src/style/views/confirmation.js +13 -13
  172. package/src/style/views/method-selector.js +2 -2
  173. package/src/style/views/modal.js +6 -6
  174. package/src/style/views/result.js +4 -4
  175. package/src/style/views/summary.js +26 -22
  176. package/src/views/__snapshots__/summary.spec.js.snap +77 -119
  177. package/src/views/common/iframe/base-iframe.js +2 -0
  178. package/src/views/common/iframe/modal-iframe.js +45 -3
  179. package/src/views/confirmation.js +15 -5
  180. package/src/views/method-selector/generate-digital-wallet.js +10 -3
  181. package/src/views/method-selector/generate-digital-wallet.spec.js +10 -0
  182. package/src/views/method-selector/get-payment-methods.js +7 -2
  183. package/src/views/method-selector/get-payment-methods.spec.js +26 -23
  184. package/src/views/method-selector/index.js +21 -28
  185. package/src/views/method-selector/method-selector.spec.js +49 -64
  186. package/src/views/method-selector/mount-methods.js +5 -8
  187. package/src/views/modal.js +6 -2
  188. package/src/views/result.js +4 -3
  189. package/src/views/summary.js +161 -117
  190. package/src/views/summary.spec.js +60 -75
  191. package/tests/mocks/rebilly-instruments-mock.js +37 -7
  192. package/tests/mocks/storefront-api-mock.js +8 -0
  193. package/tests/mocks/storefront-mock.js +17 -0
  194. package/dist/functions/mount/fetch-summary-data.js +0 -46
  195. package/dist/functions/mount/fetch-summary-data.spec.js +0 -43
  196. package/src/functions/mount/fetch-summary-data.js +0 -29
  197. package/src/functions/mount/fetch-summary-data.spec.js +0 -40
package/dist/style/base/__snapshots__/theme.spec.js.snap CHANGED
@@ -3,50 +3,193 @@
3
3
  exports[`RebillyInstruments theme builds the theme object 1`] = `
4
4
  Object {
5
5
  "borderRadius": "4px",
6
- "color": Object {
7
- "background": "#ffffff",
8
- "buttonText": "#ffffff",
9
- "errorText": "#cd5c5c",
10
- "primary": "#0044d4",
11
- "text": "#0D2B3E",
12
- },
13
- "getComputed": Object {
14
- "color": Object {
15
- "mutedBorder": "rgba(13, 43, 62, 0.25)",
16
- "mutedText": "rgba(13, 43, 62, 0.6)",
17
- "primaryValues": Values {
18
- "alpha": 1,
19
- "rgb": Array [
20
- 0,
21
- 68,
22
- 212,
23
- ],
24
- "type": "base",
25
- "weight": 0,
26
- },
27
- },
28
- },
29
- "space": Object {
30
- "form": Object {
31
- "horizontalPadding": "16px",
32
- "minHeight": "44px",
33
- "padding": "8px 16px",
34
- "verticalPadding": "8px",
35
- },
36
- "l": "48px",
37
- "m": "24px",
38
- "s": "12px",
39
- "xl": "96px",
40
- "xs": "6px",
41
- "xxl": "112px",
42
- "xxs": "4px",
43
- },
44
- "typography": Object {
45
- "captionFontSize": "12px",
46
- "captionLineHeight": "12px",
47
- "fontFamily": "Avenir, Helvetica, Arial, sans-serif",
48
- "fontSize": "16px",
49
- "lineHeight": "24px",
50
- },
6
+ "buttonActiveColorBackground": "var(--rebilly-buttonHoverColorBackground)",
7
+ "buttonBorder": "1px solid transparent",
8
+ "buttonBorderRadius": "var(--rebilly-borderRadius)",
9
+ "buttonBoxShadow": "none",
10
+ "buttonColorBackground": "var(--rebilly-colorPrimary)",
11
+ "buttonColorText": "#FFFFFF",
12
+ "buttonFontFamily": "var(--rebilly-fontFamily)",
13
+ "buttonFontLineHeight": "1.5",
14
+ "buttonFontSize": "var(--rebilly-fontSizeBase)",
15
+ "buttonFontWeight": "var(--rebilly-fontWeightBase)",
16
+ "buttonHoverColorBackground": "#0036aa",
17
+ "colorBackground": "#FFFFFF",
18
+ "colorDanger": "#CD5C5C",
19
+ "colorMutedBorder": "rgba(13, 43, 62, 0.25)",
20
+ "colorMutedText": "rgba(13, 43, 62, 0.6)",
21
+ "colorPrimary": "#0044D4",
22
+ "colorText": "#0D2B3E",
23
+ "cssVars": "--rebilly-colorPrimary: #0044D4;
24
+ --rebilly-colorBackground: #FFFFFF;
25
+ --rebilly-colorText: #0D2B3E;
26
+ --rebilly-colorMutedText: rgba(13, 43, 62, 0.6);
27
+ --rebilly-colorMutedBorder: rgba(13, 43, 62, 0.25);
28
+ --rebilly-colorDanger: #CD5C5C;
29
+ --rebilly-fontFamily: Avenir, Helvetica, Arial, sans-serif;
30
+ --rebilly-fontSizeBase: 16px;
31
+ --rebilly-fontWeightBase: 400;
32
+ --rebilly-fontLineHeightBase: initial;
33
+ --rebilly-fontSmooth: auto;
34
+ --rebilly-borderRadius: 4px;
35
+ --rebilly-headingFontFamily: var(--rebilly-fontFamily);
36
+ --rebilly-headingFontWeight: 500;
37
+ --rebilly-headingColorText: var(--rebilly-colorText);
38
+ --rebilly-buttonColorBackground: var(--rebilly-colorPrimary);
39
+ --rebilly-buttonColorText: #FFFFFF;
40
+ --rebilly-buttonFontFamily: var(--rebilly-fontFamily);
41
+ --rebilly-buttonFontSize: var(--rebilly-fontSizeBase);
42
+ --rebilly-buttonFontLineHeight: 1.5;
43
+ --rebilly-buttonFontWeight: var(--rebilly-fontWeightBase);
44
+ --rebilly-buttonBorder: 1px solid transparent;
45
+ --rebilly-buttonBorderRadius: var(--rebilly-borderRadius);
46
+ --rebilly-buttonBoxShadow: none;
47
+ --rebilly-buttonHoverColorBackground: #0036aa;
48
+ --rebilly-buttonActiveColorBackground: var(--rebilly-buttonHoverColorBackground);
49
+ --rebilly-inputColorBackground: transparent;
50
+ --rebilly-inputColorText: var(--rebilly-colorText);
51
+ --rebilly-inputFontFamily: var(--rebilly-fontFamily);
52
+ --rebilly-inputFontSize: var(--rebilly-fontSizeBase);
53
+ --rebilly-inputFontLineHeight: 1.5;
54
+ --rebilly-inputFontWeight: var(--rebilly-fontWeightBase);
55
+ --rebilly-inputBorder: 1px solid rgba(13, 43, 62, 0.25);
56
+ --rebilly-inputBorderRadius: var(--rebilly-borderRadius);
57
+ --rebilly-inputBoxShadow: none;
58
+ --rebilly-inputHoverColorBackground: var(--rebilly-inputColorBackground);
59
+ --rebilly-inputHoverColorText: var(--rebilly-inputColorText);
60
+ --rebilly-inputHoverFontFamily: var(--rebilly-inputFontFamily);
61
+ --rebilly-inputHoverFontSize: var(--rebilly-inputFontSize);
62
+ --rebilly-inputHoverFontLineHeight: var(--rebilly-inputFontLineHeight);
63
+ --rebilly-inputHoverFontWeight: var(--rebilly-inputFontWeight);
64
+ --rebilly-inputHoverBorder: var(--rebilly-inputBorder);
65
+ --rebilly-inputHoverBorderRadius: var(--rebilly-inputBorderRadius);
66
+ --rebilly-inputHoverBoxShadow: var(--rebilly-inputBoxShadow);
67
+ --rebilly-inputFocusColorBackground: var(--rebilly-inputHoverColorBackground);
68
+ --rebilly-inputFocusColorText: var(--rebilly-inputHoverColorText);
69
+ --rebilly-inputFocusFontFamily: var(--rebilly-inputHoverFontFamily);
70
+ --rebilly-inputFocusFontSize: var(--rebilly-inputHoverFontSize);
71
+ --rebilly-inputFocusFontLineHeight: var(--rebilly-inputHoverFontLineHeight);
72
+ --rebilly-inputFocusFontWeight: var(--rebilly-inputHoverFontWeight);
73
+ --rebilly-inputFocusBorder: 1px solid #0044D4;
74
+ --rebilly-inputFocusBorderRadius: var(--rebilly-inputHoverBorderRadius);
75
+ --rebilly-inputFocusBoxShadow: 0 0 0 1px #0044D4;
76
+ --rebilly-inputPlaceholderColorText: rgba(13, 43, 62, 0.6);
77
+ --rebilly-inputPlaceholderFontFamily: var(--rebilly-inputFontFamily);
78
+ --rebilly-inputPlaceholderFontSize: var(--rebilly-inputFontSize);
79
+ --rebilly-inputPlaceholderFontLineHeight: var(--rebilly-inputFontLineHeight);
80
+ --rebilly-inputPlaceholderFontWeight: var(--rebilly-inputFontWeight);
81
+ --rebilly-inputSelectionColorText: initial;
82
+ --rebilly-inputSelectionColorBackground: highlight;
83
+ --rebilly-inputErrorColorBackground: var(--rebilly-inputColorBackground);
84
+ --rebilly-inputErrorColorText: var(--rebilly-colorDanger);
85
+ --rebilly-inputErrorFontFamily: var(--rebilly-inputFontFamily);
86
+ --rebilly-inputErrorFontSize: var(--rebilly-inputFontSize);
87
+ --rebilly-inputErrorFontLineHeight: var(--rebilly-inputFontLineHeight);
88
+ --rebilly-inputErrorFontWeight: var(--rebilly-inputFontWeight);
89
+ --rebilly-inputErrorBorder: 1px solid #CD5C5C;
90
+ --rebilly-inputErrorBorderRadius: var(--rebilly-inputBorderRadius);
91
+ --rebilly-inputErrorBoxShadow: var(--rebilly-inputBoxShadow);
92
+ --rebilly-inputErrorHoverColorBackground: var(--rebilly-inputErrorColorBackground);
93
+ --rebilly-inputErrorHoverColorText: var(--rebilly-inputErrorColorText);
94
+ --rebilly-inputErrorHoverFontFamily: var(--rebilly-inputErrorFontFamily);
95
+ --rebilly-inputErrorHoverFontSize: var(--rebilly-inputErrorFontSize);
96
+ --rebilly-inputErrorHoverFontLineHeight: var(--rebilly-inputErrorFontLineHeight);
97
+ --rebilly-inputErrorHoverFontWeight: var(--rebilly-inputErrorFontWeight);
98
+ --rebilly-inputErrorHoverBorder: var(--rebilly-inputErrorBorder);
99
+ --rebilly-inputErrorHoverBorderRadius: var(--rebilly-inputErrorBorderRadius);
100
+ --rebilly-inputErrorHoverBoxShadow: var(--rebilly-inputErrorBoxShadow);
101
+ --rebilly-inputErrorFocusColorBackground: var(--rebilly-inputErrorHoverColorBackground);
102
+ --rebilly-inputErrorFocusColorText: var(--rebilly-inputErrorHoverColorText);
103
+ --rebilly-inputErrorFocusFontFamily: var(--rebilly-inputErrorHoverFontFamily);
104
+ --rebilly-inputErrorFocusFontSize: var(--rebilly-inputErrorHoverFontSize);
105
+ --rebilly-inputErrorFocusFontLineHeight: var(--rebilly-inputErrorHoverFontLineHeight);
106
+ --rebilly-inputErrorFocusFontWeight: var(--rebilly-inputErrorHoverFontWeight);
107
+ --rebilly-inputErrorFocusBorder: var(--rebilly-inputErrorHoverBorder);
108
+ --rebilly-inputErrorFocusBorderRadius: var(--rebilly-inputErrorHoverBorderRadius);
109
+ --rebilly-inputErrorFocusBoxShadow: var(--rebilly-inputErrorHoverBoxShadow);
110
+ --rebilly-inputErrorPlaceholderColorText: rgba(205, 92, 92, 0.6);
111
+ --rebilly-inputErrorPlaceholderFontFamily: var(--rebilly-inputPlaceholderFontFamily);
112
+ --rebilly-inputErrorPlaceholderFontSize: var(--rebilly-inputPlaceholderFontSize);
113
+ --rebilly-inputErrorPlaceholderFontLineHeight: var(--rebilly-inputPlaceholderFontLineHeight);
114
+ --rebilly-inputErrorPlaceholderFontWeight: var(--rebilly-inputPlaceholderFontWeight);
115
+ --rebilly-inputErrorSelectionColorText: var(--rebilly-inputSelectionColorText);
116
+ --rebilly-inputErrorSelectionColorBackground: var(--rebilly-inputSelectionColorBackground);",
117
+ "fontFamily": "Avenir, Helvetica, Arial, sans-serif",
118
+ "fontLineHeightBase": "initial",
119
+ "fontSizeBase": "16px",
120
+ "fontSmooth": "auto",
121
+ "fontWeightBase": "400",
122
+ "headingColorText": "var(--rebilly-colorText)",
123
+ "headingFontFamily": "var(--rebilly-fontFamily)",
124
+ "headingFontWeight": "500",
125
+ "inputBorder": "1px solid rgba(13, 43, 62, 0.25)",
126
+ "inputBorderRadius": "var(--rebilly-borderRadius)",
127
+ "inputBoxShadow": "none",
128
+ "inputColorBackground": "transparent",
129
+ "inputColorText": "var(--rebilly-colorText)",
130
+ "inputErrorBorder": "1px solid #CD5C5C",
131
+ "inputErrorBorderRadius": "var(--rebilly-inputBorderRadius)",
132
+ "inputErrorBoxShadow": "var(--rebilly-inputBoxShadow)",
133
+ "inputErrorColorBackground": "var(--rebilly-inputColorBackground)",
134
+ "inputErrorColorText": "var(--rebilly-colorDanger)",
135
+ "inputErrorFocusBorder": "var(--rebilly-inputErrorHoverBorder)",
136
+ "inputErrorFocusBorderRadius": "var(--rebilly-inputErrorHoverBorderRadius)",
137
+ "inputErrorFocusBoxShadow": "var(--rebilly-inputErrorHoverBoxShadow)",
138
+ "inputErrorFocusColorBackground": "var(--rebilly-inputErrorHoverColorBackground)",
139
+ "inputErrorFocusColorText": "var(--rebilly-inputErrorHoverColorText)",
140
+ "inputErrorFocusFontFamily": "var(--rebilly-inputErrorHoverFontFamily)",
141
+ "inputErrorFocusFontLineHeight": "var(--rebilly-inputErrorHoverFontLineHeight)",
142
+ "inputErrorFocusFontSize": "var(--rebilly-inputErrorHoverFontSize)",
143
+ "inputErrorFocusFontWeight": "var(--rebilly-inputErrorHoverFontWeight)",
144
+ "inputErrorFontFamily": "var(--rebilly-inputFontFamily)",
145
+ "inputErrorFontLineHeight": "var(--rebilly-inputFontLineHeight)",
146
+ "inputErrorFontSize": "var(--rebilly-inputFontSize)",
147
+ "inputErrorFontWeight": "var(--rebilly-inputFontWeight)",
148
+ "inputErrorHoverBorder": "var(--rebilly-inputErrorBorder)",
149
+ "inputErrorHoverBorderRadius": "var(--rebilly-inputErrorBorderRadius)",
150
+ "inputErrorHoverBoxShadow": "var(--rebilly-inputErrorBoxShadow)",
151
+ "inputErrorHoverColorBackground": "var(--rebilly-inputErrorColorBackground)",
152
+ "inputErrorHoverColorText": "var(--rebilly-inputErrorColorText)",
153
+ "inputErrorHoverFontFamily": "var(--rebilly-inputErrorFontFamily)",
154
+ "inputErrorHoverFontLineHeight": "var(--rebilly-inputErrorFontLineHeight)",
155
+ "inputErrorHoverFontSize": "var(--rebilly-inputErrorFontSize)",
156
+ "inputErrorHoverFontWeight": "var(--rebilly-inputErrorFontWeight)",
157
+ "inputErrorPlaceholderColorText": "rgba(205, 92, 92, 0.6)",
158
+ "inputErrorPlaceholderFontFamily": "var(--rebilly-inputPlaceholderFontFamily)",
159
+ "inputErrorPlaceholderFontLineHeight": "var(--rebilly-inputPlaceholderFontLineHeight)",
160
+ "inputErrorPlaceholderFontSize": "var(--rebilly-inputPlaceholderFontSize)",
161
+ "inputErrorPlaceholderFontWeight": "var(--rebilly-inputPlaceholderFontWeight)",
162
+ "inputErrorSelectionColorBackground": "var(--rebilly-inputSelectionColorBackground)",
163
+ "inputErrorSelectionColorText": "var(--rebilly-inputSelectionColorText)",
164
+ "inputFocusBorder": "1px solid #0044D4",
165
+ "inputFocusBorderRadius": "var(--rebilly-inputHoverBorderRadius)",
166
+ "inputFocusBoxShadow": "0 0 0 1px #0044D4",
167
+ "inputFocusColorBackground": "var(--rebilly-inputHoverColorBackground)",
168
+ "inputFocusColorText": "var(--rebilly-inputHoverColorText)",
169
+ "inputFocusFontFamily": "var(--rebilly-inputHoverFontFamily)",
170
+ "inputFocusFontLineHeight": "var(--rebilly-inputHoverFontLineHeight)",
171
+ "inputFocusFontSize": "var(--rebilly-inputHoverFontSize)",
172
+ "inputFocusFontWeight": "var(--rebilly-inputHoverFontWeight)",
173
+ "inputFontFamily": "var(--rebilly-fontFamily)",
174
+ "inputFontLineHeight": "1.5",
175
+ "inputFontSize": "var(--rebilly-fontSizeBase)",
176
+ "inputFontWeight": "var(--rebilly-fontWeightBase)",
177
+ "inputHoverBorder": "var(--rebilly-inputBorder)",
178
+ "inputHoverBorderRadius": "var(--rebilly-inputBorderRadius)",
179
+ "inputHoverBoxShadow": "var(--rebilly-inputBoxShadow)",
180
+ "inputHoverColorBackground": "var(--rebilly-inputColorBackground)",
181
+ "inputHoverColorText": "var(--rebilly-inputColorText)",
182
+ "inputHoverFontFamily": "var(--rebilly-inputFontFamily)",
183
+ "inputHoverFontLineHeight": "var(--rebilly-inputFontLineHeight)",
184
+ "inputHoverFontSize": "var(--rebilly-inputFontSize)",
185
+ "inputHoverFontWeight": "var(--rebilly-inputFontWeight)",
186
+ "inputPlaceholderColorText": "rgba(13, 43, 62, 0.6)",
187
+ "inputPlaceholderFontFamily": "var(--rebilly-inputFontFamily)",
188
+ "inputPlaceholderFontLineHeight": "var(--rebilly-inputFontLineHeight)",
189
+ "inputPlaceholderFontSize": "var(--rebilly-inputFontSize)",
190
+ "inputPlaceholderFontWeight": "var(--rebilly-inputFontWeight)",
191
+ "inputSelectionColorBackground": "highlight",
192
+ "inputSelectionColorText": "initial",
193
+ "labels": "floating",
51
194
  }
52
195
  `;