@rebilly/instruments 3.0.0-beta.0 → 3.1.2-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 (169) hide show
  1. package/dist/index.js +88 -107
  2. package/dist/index.min.js +88 -0
  3. package/package.json +17 -6
  4. package/rollup.config.js +84 -0
  5. package/src/functions/mount/fetch-data.js +13 -1
  6. package/src/functions/mount/index.js +6 -42
  7. package/src/functions/mount/setup-framepay-theme.js +2 -2
  8. package/src/functions/mount/setup-options.js +3 -0
  9. package/src/functions/mount/setup-user-flow.js +49 -0
  10. package/src/functions/purchase.js +1 -1
  11. package/src/functions/setup.js +1 -1
  12. package/src/functions/show.spec.js +1 -1
  13. package/src/i18n/en.json +3 -0
  14. package/src/i18n/index.js +1 -1
  15. package/src/index.js +1 -61
  16. package/src/instance.js +65 -0
  17. package/src/{index.spec.js → instance.spec.js} +2 -1
  18. package/src/loader/index.js +21 -1
  19. package/src/storefront/models/ready-to-pay-model.js +13 -2
  20. package/src/storefront/plans.js +8 -4
  21. package/src/storefront/plans.spec.js +8 -2
  22. package/src/storefront/products.js +8 -4
  23. package/src/storefront/products.spec.js +8 -2
  24. package/src/storefront/ready-to-pay.js +5 -4
  25. package/src/style/base/__snapshots__/theme.spec.js.snap +34 -2
  26. package/src/style/base/default-theme.js +106 -3
  27. package/src/style/components/button.js +17 -1
  28. package/src/style/components/forms/label.js +0 -5
  29. package/src/style/components/loader.js +2 -1
  30. package/src/style/payment-instruments/payment-card.js +2 -1
  31. package/src/style/utils/remove-empty-null.js +9 -9
  32. package/src/style/vendor/postmate.js +13 -0
  33. package/src/style/views/confirmation.js +2 -1
  34. package/src/views/common/iframe/base-iframe.js +2 -0
  35. package/src/views/common/iframe/event-listeners.js +10 -0
  36. package/src/views/common/iframe/method-iframe.js +3 -1
  37. package/src/views/confirmation.js +1 -0
  38. package/src/views/method-selector/express-methods/{google-pay.js → index.js} +3 -2
  39. package/src/views/method-selector/mount-express-methods.js +6 -18
  40. package/src/views/result.js +1 -0
  41. package/tests/mocks/rebilly-instruments-mock.js +2 -2
  42. package/dist/events/base-event.js +0 -66
  43. package/dist/events/events.spec.js +0 -18
  44. package/dist/events/index.js +0 -22
  45. package/dist/functions/destroy.js +0 -34
  46. package/dist/functions/destroy.spec.js +0 -69
  47. package/dist/functions/mount/fetch-data.js +0 -187
  48. package/dist/functions/mount/fetch-data.spec.js +0 -189
  49. package/dist/functions/mount/index.js +0 -218
  50. package/dist/functions/mount/mount.spec.js +0 -64
  51. package/dist/functions/mount/setup-element.js +0 -40
  52. package/dist/functions/mount/setup-framepay-theme.js +0 -95
  53. package/dist/functions/mount/setup-framepay.js +0 -46
  54. package/dist/functions/mount/setup-i18n.js +0 -33
  55. package/dist/functions/mount/setup-options.js +0 -99
  56. package/dist/functions/mount/setup-options.spec.js +0 -66
  57. package/dist/functions/mount/setup-storefront.js +0 -34
  58. package/dist/functions/mount/setup-styles.js +0 -43
  59. package/dist/functions/on.js +0 -40
  60. package/dist/functions/on.spec.js +0 -55
  61. package/dist/functions/purchase.js +0 -158
  62. package/dist/functions/purchase.spec.js +0 -74
  63. package/dist/functions/setup.js +0 -85
  64. package/dist/functions/setup.spec.js +0 -87
  65. package/dist/functions/show.js +0 -55
  66. package/dist/functions/show.spec.js +0 -61
  67. package/dist/functions/update.js +0 -74
  68. package/dist/functions/update.spec.js +0 -86
  69. package/dist/i18n/en.json +0 -22
  70. package/dist/i18n/es.json +0 -22
  71. package/dist/i18n/i18n.spec.js +0 -22
  72. package/dist/i18n/index.js +0 -72
  73. package/dist/index.spec.js +0 -35
  74. package/dist/loader/index.js +0 -94
  75. package/dist/loader/loader.spec.js +0 -69
  76. package/dist/storefront/index.js +0 -73
  77. package/dist/storefront/invoices.js +0 -27
  78. package/dist/storefront/models/base-model.js +0 -18
  79. package/dist/storefront/models/invoice-model.js +0 -14
  80. package/dist/storefront/models/plan-model.js +0 -14
  81. package/dist/storefront/models/product-model.js +0 -14
  82. package/dist/storefront/models/ready-to-pay-model.js +0 -46
  83. package/dist/storefront/models/summary-model.js +0 -79
  84. package/dist/storefront/models/transaction-model.js +0 -31
  85. package/dist/storefront/payment-instruments.js +0 -47
  86. package/dist/storefront/payment-instruments.spec.js +0 -55
  87. package/dist/storefront/plans.js +0 -37
  88. package/dist/storefront/plans.spec.js +0 -64
  89. package/dist/storefront/products.js +0 -40
  90. package/dist/storefront/products.spec.js +0 -65
  91. package/dist/storefront/purchase.js +0 -43
  92. package/dist/storefront/purchase.spec.js +0 -48
  93. package/dist/storefront/ready-to-pay.js +0 -58
  94. package/dist/storefront/ready-to-pay.spec.js +0 -69
  95. package/dist/storefront/storefront.spec.js +0 -15
  96. package/dist/storefront/summary.js +0 -55
  97. package/dist/storefront/summary.spec.js +0 -124
  98. package/dist/storefront/transactions.js +0 -27
  99. package/dist/style/base/__snapshots__/theme.spec.js.snap +0 -195
  100. package/dist/style/base/default-theme.js +0 -699
  101. package/dist/style/base/index.js +0 -104
  102. package/dist/style/base/theme.js +0 -41
  103. package/dist/style/base/theme.spec.js +0 -19
  104. package/dist/style/browserslist.js +0 -8
  105. package/dist/style/components/address.js +0 -64
  106. package/dist/style/components/button.js +0 -71
  107. package/dist/style/components/divider.js +0 -48
  108. package/dist/style/components/forms/checkbox.js +0 -86
  109. package/dist/style/components/forms/field.js +0 -65
  110. package/dist/style/components/forms/form.js +0 -28
  111. package/dist/style/components/forms/input.js +0 -86
  112. package/dist/style/components/forms/label.js +0 -69
  113. package/dist/style/components/forms/select.js +0 -95
  114. package/dist/style/components/forms/validation.js +0 -81
  115. package/dist/style/components/icons.js +0 -22
  116. package/dist/style/components/index.js +0 -57
  117. package/dist/style/components/loader.js +0 -50
  118. package/dist/style/components/methods.js +0 -108
  119. package/dist/style/components/overlay.js +0 -33
  120. package/dist/style/helpers/index.js +0 -59
  121. package/dist/style/index.js +0 -50
  122. package/dist/style/payment-instruments/content.js +0 -17
  123. package/dist/style/payment-instruments/index.js +0 -20
  124. package/dist/style/payment-instruments/payment-card.js +0 -35
  125. package/dist/style/utils/border.js +0 -47
  126. package/dist/style/utils/color-values.js +0 -58
  127. package/dist/style/utils/remove-empty-null.js +0 -20
  128. package/dist/style/vendor/framepay.js +0 -37
  129. package/dist/style/vendor/postmate.js +0 -17
  130. package/dist/style/views/confirmation.js +0 -85
  131. package/dist/style/views/index.js +0 -29
  132. package/dist/style/views/method-selector.js +0 -20
  133. package/dist/style/views/modal.js +0 -93
  134. package/dist/style/views/result.js +0 -61
  135. package/dist/style/views/summary.js +0 -127
  136. package/dist/utils/add-dom-element.js +0 -26
  137. package/dist/utils/format-currency.js +0 -15
  138. package/dist/utils/has-valid-css-selector.js +0 -11
  139. package/dist/utils/index.js +0 -55
  140. package/dist/utils/is-dom-element.js +0 -10
  141. package/dist/utils/process-property-as-dom-element.js +0 -38
  142. package/dist/utils/sleep.js +0 -10
  143. package/dist/views/__snapshots__/summary.spec.js.snap +0 -246
  144. package/dist/views/common/iframe/base-iframe.js +0 -59
  145. package/dist/views/common/iframe/event-listeners.js +0 -50
  146. package/dist/views/common/iframe/index.js +0 -19
  147. package/dist/views/common/iframe/method-iframe.js +0 -33
  148. package/dist/views/common/iframe/modal-iframe.js +0 -84
  149. package/dist/views/common/iframe/view-iframe.js +0 -31
  150. package/dist/views/common/render-utilities.js +0 -11
  151. package/dist/views/confirmation.js +0 -92
  152. package/dist/views/method-selector/__snapshots__/method-selector.spec.js.snap +0 -3
  153. package/dist/views/method-selector/express-methods/apple-pay.js +0 -92
  154. package/dist/views/method-selector/express-methods/google-pay.js +0 -31
  155. package/dist/views/method-selector/express-methods/paypal.js +0 -19
  156. package/dist/views/method-selector/generate-digital-wallet.js +0 -68
  157. package/dist/views/method-selector/generate-digital-wallet.spec.js +0 -135
  158. package/dist/views/method-selector/get-method-data.js +0 -25
  159. package/dist/views/method-selector/get-payment-methods.js +0 -66
  160. package/dist/views/method-selector/get-payment-methods.spec.js +0 -46
  161. package/dist/views/method-selector/index.js +0 -122
  162. package/dist/views/method-selector/method-selector.spec.js +0 -124
  163. package/dist/views/method-selector/mount-express-methods.js +0 -69
  164. package/dist/views/method-selector/mount-methods.js +0 -74
  165. package/dist/views/modal.js +0 -88
  166. package/dist/views/result.js +0 -40
  167. package/dist/views/summary.js +0 -215
  168. package/dist/views/summary.spec.js +0 -134
  169. package/src/views/method-selector/express-methods/paypal.js +0 -7
@@ -1,124 +0,0 @@
1
- "use strict";
2
-
3
- var _storefrontMock = require("../../tests/mocks/storefront-mock");
4
-
5
- var _mswWhenThen = require("msw-when-then");
6
-
7
- var _server = require("../../tests/msw/server");
8
-
9
- var _storefrontApiMock = require("../../tests/mocks/storefront-api-mock");
10
-
11
- var _summary = require("./summary");
12
-
13
- var _summaryModel = _interopRequireDefault(require("./models/summary-model"));
14
-
15
- var _asyncUtilities = require("../../tests/async-utilities");
16
-
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
-
19
- describe('Storefront API Summary', () => {
20
- it('can fetch preview', async () => {
21
- const options = {
22
- websiteId: 'test-website-id',
23
- items: [{
24
- planId: 'test-plan-id',
25
- quantity: 1
26
- }]
27
- };
28
- const testSummary = {
29
- currency: 'USD',
30
- lineItems: [{
31
- description: 'test-plan-id-1',
32
- planId: 'test-plan-id-1',
33
- quantity: 1
34
- }]
35
- };
36
- (0, _server.when)((0, _mswWhenThen.post)(`${_storefrontApiMock.storefrontURL}/preview-purchase`)).thenReturn((0, _mswWhenThen.ok)(testSummary));
37
- const instance = (0, _storefrontMock.StorefontTestingInstance)({
38
- options
39
- });
40
- jest.spyOn(instance.storefront.purchase, 'preview');
41
- const response = await (0, _summary.fetchSummary)({
42
- state: instance
43
- });
44
- expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
45
- expect(instance.storefront.purchase.preview).toBeCalledWith({
46
- data: {
47
- items: options.items,
48
- websiteId: options.websiteId
49
- }
50
- });
51
- expect(response).toBeInstanceOf(_summaryModel.default);
52
- expect(response).toEqual(new _summaryModel.default(testSummary));
53
- });
54
- it('Adds billing address to preview payload', async () => {
55
- const options = {
56
- websiteId: 'test-website-id',
57
- items: [{
58
- planId: 'test-plan-id',
59
- quantity: 1
60
- }]
61
- };
62
- const billingAddress = {
63
- firstName: 'Test',
64
- lastName: 'Customer'
65
- };
66
- const instance = (0, _storefrontMock.StorefontTestingInstance)({
67
- options
68
- });
69
- jest.spyOn(instance.storefront.purchase, 'preview');
70
- await (0, _summary.fetchSummary)({
71
- data: {
72
- billingAddress
73
- },
74
- state: instance
75
- });
76
- expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
77
- expect(instance.storefront.purchase.preview).toBeCalledWith({
78
- data: {
79
- items: options.items,
80
- websiteId: options.websiteId,
81
- billingAddress
82
- }
83
- });
84
- });
85
- it('Adds delivery address to preview payload', async () => {
86
- const options = {
87
- websiteId: 'test-website-id',
88
- items: [{
89
- planId: 'test-plan-id',
90
- quantity: 1
91
- }]
92
- };
93
- const deliveryAddress = {
94
- firstName: 'Test',
95
- lastName: 'Customer'
96
- };
97
- const instance = (0, _storefrontMock.StorefontTestingInstance)({
98
- options
99
- });
100
- jest.spyOn(instance.storefront.purchase, 'preview');
101
- await (0, _summary.fetchSummary)({
102
- data: {
103
- deliveryAddress
104
- },
105
- state: instance
106
- });
107
- expect(instance.storefront.purchase.preview).toBeCalledTimes(1);
108
- expect(instance.storefront.purchase.preview).toBeCalledWith({
109
- data: {
110
- items: options.items,
111
- websiteId: options.websiteId,
112
- deliveryAddress
113
- }
114
- });
115
- });
116
- it('should throw errors with no options', async () => {
117
- const noConfigOrOptionsInstance = (0, _storefrontMock.StorefontTestingInstance)({
118
- options: null
119
- });
120
- await (0, _asyncUtilities.expectConfigurationError)((0, _summary.fetchSummary)({
121
- state: noConfigOrOptionsInstance
122
- }));
123
- });
124
- });
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.fetchTransaction = fetchTransaction;
7
-
8
- var _transactionModel = _interopRequireDefault(require("./models/transaction-model"));
9
-
10
- var _index = require("./index");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- async function fetchTransaction({
15
- data = null,
16
- state = null
17
- }) {
18
- return (0, _index.Endpoint)({
19
- state
20
- }, async () => {
21
- state.storefront.setSessionToken(state.options.customerJwt);
22
- const {
23
- fields
24
- } = await state.storefront.transactions.get(data);
25
- return new _transactionModel.default(fields);
26
- });
27
- }
@@ -1,195 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`RebillyInstruments theme builds the theme object 1`] = `
4
- Object {
5
- "borderRadius": "4px",
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: initial;
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": "initial",
192
- "inputSelectionColorText": "initial",
193
- "labels": "floating",
194
- }
195
- `;