@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.
- package/dist/index.js +88 -107
- package/dist/index.min.js +88 -0
- package/package.json +17 -6
- package/rollup.config.js +84 -0
- package/src/functions/mount/fetch-data.js +13 -1
- package/src/functions/mount/index.js +6 -42
- package/src/functions/mount/setup-framepay-theme.js +2 -2
- package/src/functions/mount/setup-options.js +3 -0
- package/src/functions/mount/setup-user-flow.js +49 -0
- package/src/functions/purchase.js +1 -1
- package/src/functions/setup.js +1 -1
- package/src/functions/show.spec.js +1 -1
- package/src/i18n/en.json +3 -0
- package/src/i18n/index.js +1 -1
- package/src/index.js +1 -61
- package/src/instance.js +65 -0
- package/src/{index.spec.js → instance.spec.js} +2 -1
- package/src/loader/index.js +21 -1
- package/src/storefront/models/ready-to-pay-model.js +13 -2
- package/src/storefront/plans.js +8 -4
- package/src/storefront/plans.spec.js +8 -2
- package/src/storefront/products.js +8 -4
- package/src/storefront/products.spec.js +8 -2
- package/src/storefront/ready-to-pay.js +5 -4
- package/src/style/base/__snapshots__/theme.spec.js.snap +34 -2
- package/src/style/base/default-theme.js +106 -3
- package/src/style/components/button.js +17 -1
- package/src/style/components/forms/label.js +0 -5
- package/src/style/components/loader.js +2 -1
- package/src/style/payment-instruments/payment-card.js +2 -1
- package/src/style/utils/remove-empty-null.js +9 -9
- package/src/style/vendor/postmate.js +13 -0
- package/src/style/views/confirmation.js +2 -1
- package/src/views/common/iframe/base-iframe.js +2 -0
- package/src/views/common/iframe/event-listeners.js +10 -0
- package/src/views/common/iframe/method-iframe.js +3 -1
- package/src/views/confirmation.js +1 -0
- package/src/views/method-selector/express-methods/{google-pay.js → index.js} +3 -2
- package/src/views/method-selector/mount-express-methods.js +6 -18
- package/src/views/result.js +1 -0
- package/tests/mocks/rebilly-instruments-mock.js +2 -2
- package/dist/events/base-event.js +0 -66
- package/dist/events/events.spec.js +0 -18
- package/dist/events/index.js +0 -22
- package/dist/functions/destroy.js +0 -34
- package/dist/functions/destroy.spec.js +0 -69
- package/dist/functions/mount/fetch-data.js +0 -187
- package/dist/functions/mount/fetch-data.spec.js +0 -189
- package/dist/functions/mount/index.js +0 -218
- package/dist/functions/mount/mount.spec.js +0 -64
- package/dist/functions/mount/setup-element.js +0 -40
- package/dist/functions/mount/setup-framepay-theme.js +0 -95
- package/dist/functions/mount/setup-framepay.js +0 -46
- package/dist/functions/mount/setup-i18n.js +0 -33
- package/dist/functions/mount/setup-options.js +0 -99
- package/dist/functions/mount/setup-options.spec.js +0 -66
- package/dist/functions/mount/setup-storefront.js +0 -34
- package/dist/functions/mount/setup-styles.js +0 -43
- package/dist/functions/on.js +0 -40
- package/dist/functions/on.spec.js +0 -55
- package/dist/functions/purchase.js +0 -158
- package/dist/functions/purchase.spec.js +0 -74
- package/dist/functions/setup.js +0 -85
- package/dist/functions/setup.spec.js +0 -87
- package/dist/functions/show.js +0 -55
- package/dist/functions/show.spec.js +0 -61
- package/dist/functions/update.js +0 -74
- package/dist/functions/update.spec.js +0 -86
- package/dist/i18n/en.json +0 -22
- package/dist/i18n/es.json +0 -22
- package/dist/i18n/i18n.spec.js +0 -22
- package/dist/i18n/index.js +0 -72
- package/dist/index.spec.js +0 -35
- package/dist/loader/index.js +0 -94
- package/dist/loader/loader.spec.js +0 -69
- package/dist/storefront/index.js +0 -73
- package/dist/storefront/invoices.js +0 -27
- package/dist/storefront/models/base-model.js +0 -18
- package/dist/storefront/models/invoice-model.js +0 -14
- package/dist/storefront/models/plan-model.js +0 -14
- package/dist/storefront/models/product-model.js +0 -14
- package/dist/storefront/models/ready-to-pay-model.js +0 -46
- package/dist/storefront/models/summary-model.js +0 -79
- package/dist/storefront/models/transaction-model.js +0 -31
- package/dist/storefront/payment-instruments.js +0 -47
- package/dist/storefront/payment-instruments.spec.js +0 -55
- package/dist/storefront/plans.js +0 -37
- package/dist/storefront/plans.spec.js +0 -64
- package/dist/storefront/products.js +0 -40
- package/dist/storefront/products.spec.js +0 -65
- package/dist/storefront/purchase.js +0 -43
- package/dist/storefront/purchase.spec.js +0 -48
- package/dist/storefront/ready-to-pay.js +0 -58
- package/dist/storefront/ready-to-pay.spec.js +0 -69
- package/dist/storefront/storefront.spec.js +0 -15
- package/dist/storefront/summary.js +0 -55
- package/dist/storefront/summary.spec.js +0 -124
- package/dist/storefront/transactions.js +0 -27
- package/dist/style/base/__snapshots__/theme.spec.js.snap +0 -195
- package/dist/style/base/default-theme.js +0 -699
- package/dist/style/base/index.js +0 -104
- package/dist/style/base/theme.js +0 -41
- package/dist/style/base/theme.spec.js +0 -19
- package/dist/style/browserslist.js +0 -8
- package/dist/style/components/address.js +0 -64
- package/dist/style/components/button.js +0 -71
- package/dist/style/components/divider.js +0 -48
- package/dist/style/components/forms/checkbox.js +0 -86
- package/dist/style/components/forms/field.js +0 -65
- package/dist/style/components/forms/form.js +0 -28
- package/dist/style/components/forms/input.js +0 -86
- package/dist/style/components/forms/label.js +0 -69
- package/dist/style/components/forms/select.js +0 -95
- package/dist/style/components/forms/validation.js +0 -81
- package/dist/style/components/icons.js +0 -22
- package/dist/style/components/index.js +0 -57
- package/dist/style/components/loader.js +0 -50
- package/dist/style/components/methods.js +0 -108
- package/dist/style/components/overlay.js +0 -33
- package/dist/style/helpers/index.js +0 -59
- package/dist/style/index.js +0 -50
- package/dist/style/payment-instruments/content.js +0 -17
- package/dist/style/payment-instruments/index.js +0 -20
- package/dist/style/payment-instruments/payment-card.js +0 -35
- package/dist/style/utils/border.js +0 -47
- package/dist/style/utils/color-values.js +0 -58
- package/dist/style/utils/remove-empty-null.js +0 -20
- package/dist/style/vendor/framepay.js +0 -37
- package/dist/style/vendor/postmate.js +0 -17
- package/dist/style/views/confirmation.js +0 -85
- package/dist/style/views/index.js +0 -29
- package/dist/style/views/method-selector.js +0 -20
- package/dist/style/views/modal.js +0 -93
- package/dist/style/views/result.js +0 -61
- package/dist/style/views/summary.js +0 -127
- package/dist/utils/add-dom-element.js +0 -26
- package/dist/utils/format-currency.js +0 -15
- package/dist/utils/has-valid-css-selector.js +0 -11
- package/dist/utils/index.js +0 -55
- package/dist/utils/is-dom-element.js +0 -10
- package/dist/utils/process-property-as-dom-element.js +0 -38
- package/dist/utils/sleep.js +0 -10
- package/dist/views/__snapshots__/summary.spec.js.snap +0 -246
- package/dist/views/common/iframe/base-iframe.js +0 -59
- package/dist/views/common/iframe/event-listeners.js +0 -50
- package/dist/views/common/iframe/index.js +0 -19
- package/dist/views/common/iframe/method-iframe.js +0 -33
- package/dist/views/common/iframe/modal-iframe.js +0 -84
- package/dist/views/common/iframe/view-iframe.js +0 -31
- package/dist/views/common/render-utilities.js +0 -11
- package/dist/views/confirmation.js +0 -92
- package/dist/views/method-selector/__snapshots__/method-selector.spec.js.snap +0 -3
- package/dist/views/method-selector/express-methods/apple-pay.js +0 -92
- package/dist/views/method-selector/express-methods/google-pay.js +0 -31
- package/dist/views/method-selector/express-methods/paypal.js +0 -19
- package/dist/views/method-selector/generate-digital-wallet.js +0 -68
- package/dist/views/method-selector/generate-digital-wallet.spec.js +0 -135
- package/dist/views/method-selector/get-method-data.js +0 -25
- package/dist/views/method-selector/get-payment-methods.js +0 -66
- package/dist/views/method-selector/get-payment-methods.spec.js +0 -46
- package/dist/views/method-selector/index.js +0 -122
- package/dist/views/method-selector/method-selector.spec.js +0 -124
- package/dist/views/method-selector/mount-express-methods.js +0 -69
- package/dist/views/method-selector/mount-methods.js +0 -74
- package/dist/views/modal.js +0 -88
- package/dist/views/result.js +0 -40
- package/dist/views/summary.js +0 -215
- package/dist/views/summary.spec.js +0 -134
- 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
|
-
`;
|