@bonlineza/luxity-lib 2.39.4 → 2.39.6
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/Accordion.js +342 -352
- package/AddInterest.js +3109 -3068
- package/AddProductInterest.js +999 -7572
- package/BrandSelector.js +854 -861
- package/Checkbox.js +240 -250
- package/CheckboxButton.js +229 -236
- package/CommunicationPreferenceOptionsRenderer.js +560 -568
- package/CommunicationPreferenceSection.js +651 -659
- package/CommunicationPreferences.js +2394 -2402
- package/ConditionSelector.js +852 -859
- package/CountryCodeSelect.js +79 -6650
- package/CurrencyInputFormatter.js +86 -96
- package/CurrencySelect.js +219 -227
- package/DropdownSelector.js +212 -6821
- package/GALink.js +43 -51
- package/GenderSelector.js +355 -362
- package/GraphQLDropdownSelector.js +5308 -11832
- package/GraphQLMultiSelector.js +593 -601
- package/IconHeader.js +118 -126
- package/IconWrapper.js +17 -25
- package/InterestCatSelector.js +424 -389
- package/InterestItem.js +462 -469
- package/Interests.js +4719 -11243
- package/InterestsSubheading.js +33 -41
- package/InvertedTextButton.js +167 -175
- package/LuxityAppSideNav.js +181 -189
- package/LuxityDesktopHeader.js +1355 -1363
- package/LuxityFooter.js +2228 -2236
- package/LuxityGraphQLDropdownSelector.js +5395 -11919
- package/LuxityGraphQLMultiselector.js +778 -785
- package/LuxityMobileHeader.js +1786 -1794
- package/LuxityPageReady.js +199 -209
- package/LuxityProductInterestItem.js +359 -367
- package/LuxitySideNav.js +665 -673
- package/MaterialSelector.js +5430 -11954
- package/ModelSelector.js +5430 -11954
- package/NotificationDropDown.js +459 -7030
- package/Notify.js +20 -32
- package/OutlinePrimaryButton.js +134 -142
- package/PriceRangeSelector.js +1264 -1265
- package/PrimaryButton.js +129 -137
- package/RadioButtons.js +308 -318
- package/RangeSlider.js +1033 -1039
- package/RareStepFooter.js +257 -264
- package/RareStepHeader.js +801 -808
- package/ReactSelectWrapper.js +33 -6604
- package/SecondaryButton.js +144 -152
- package/ShoeSizeRangeSelector.js +1147 -1153
- package/ShoeSizeSelector.js +1146 -1154
- package/SimpleErrorBoundary.js +130 -138
- package/StyleSelector.js +854 -861
- package/TestComponent.js +15 -0
- package/TextButton.js +135 -143
- package/Tooltip.js +176 -184
- package/Tracking.js +15 -25
- package/WrapperButton.js +50 -58
- package/build/CountryCodeSelect/index.js +18 -0
- package/build/ReactSelectWrapper/index.js +34 -0
- package/build/bundle.css +1 -1
- package/build/bundle.js +10634 -17192
- package/build/constants.js +32 -43
- package/package.json +2 -2
- package/postcss.config.js +6 -0
- package/svg/Accessories.js +34 -42
- package/svg/Account.js +30 -38
- package/svg/Add.js +31 -39
- package/svg/ArrowRight.js +28 -36
- package/svg/Bags.js +40 -48
- package/svg/BurgerMenu.js +24 -32
- package/svg/Calendar.js +98 -106
- package/svg/CalendarCircled.js +100 -108
- package/svg/CheckCircled.js +32 -40
- package/svg/Close.js +29 -37
- package/svg/Clothing.js +36 -44
- package/svg/Dot.js +32 -40
- package/svg/Edit.js +27 -35
- package/svg/Eye.js +28 -36
- package/svg/FileAttach.js +28 -36
- package/svg/FileAttachCircled.js +30 -38
- package/svg/Jewellery.js +56 -0
- package/svg/LightBulb.js +58 -66
- package/svg/Logo.js +132 -140
- package/svg/LuxityMenu.js +28 -36
- package/svg/Minus.js +29 -37
- package/svg/MobileAvatar.js +28 -36
- package/svg/MyOrder.js +36 -44
- package/svg/MyPayment.js +36 -44
- package/svg/MyProfile.js +44 -52
- package/svg/MySale.js +31 -39
- package/svg/Notification.js +30 -38
- package/svg/PointerDown.js +28 -36
- package/svg/Search.js +27 -35
- package/svg/Shoes.js +37 -45
- package/svg/SvgWrapper.js +13 -21
- package/svg/Trash.js +32 -40
- package/svg/Watches.js +47 -55
package/Notify.js
CHANGED
|
@@ -1,35 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react-notify-toast', 'react'], factory) :
|
|
4
|
-
(global = global || self, factory(global.Notify = {}, global['react-notify-toast'], global.React));
|
|
5
|
-
}(this, (function (exports, Notifications, React) { 'use strict';
|
|
1
|
+
import Notifications, { notify } from 'react-notify-toast';
|
|
2
|
+
import React from 'react';
|
|
6
3
|
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
var defaultNotifyTime = 5000;
|
|
5
|
+
var success = function success(message) {
|
|
6
|
+
notify.show(message, 'success', defaultNotifyTime);
|
|
7
|
+
};
|
|
8
|
+
var error = function error(message) {
|
|
9
|
+
notify.show(message, 'error', defaultNotifyTime);
|
|
10
|
+
};
|
|
11
|
+
var warning = function warning(message) {
|
|
12
|
+
notify.show(message, 'warning', defaultNotifyTime);
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* It represents the React Component that contains the notifications.
|
|
16
|
+
* */
|
|
9
17
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
var error = function error(message) {
|
|
15
|
-
Notifications.notify.show(message, 'error', defaultNotifyTime);
|
|
16
|
-
};
|
|
17
|
-
var warning = function warning(message) {
|
|
18
|
-
Notifications.notify.show(message, 'warning', defaultNotifyTime);
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* It represents the React Component that contains the notifications.
|
|
22
|
-
* */
|
|
18
|
+
var LuxityNotifications = function LuxityNotifications(props) {
|
|
19
|
+
return /*#__PURE__*/React.createElement(Notifications, props);
|
|
20
|
+
};
|
|
23
21
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.default = LuxityNotifications;
|
|
29
|
-
exports.error = error;
|
|
30
|
-
exports.success = success;
|
|
31
|
-
exports.warning = warning;
|
|
32
|
-
|
|
33
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
34
|
-
|
|
35
|
-
})));
|
|
22
|
+
export default LuxityNotifications;
|
|
23
|
+
export { error, success, warning };
|
package/OutlinePrimaryButton.js
CHANGED
|
@@ -1,167 +1,159 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
|
|
4
|
-
(global = global || self, global.OutlinePrimaryButton = factory(global.React, global.styled));
|
|
5
|
-
}(this, (function (React, styled) { 'use strict';
|
|
6
|
-
|
|
7
|
-
var React__default = 'default' in React ? React['default'] : React;
|
|
8
|
-
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
|
-
|
|
10
|
-
function _extends() {
|
|
11
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
12
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
-
var source = arguments[i];
|
|
14
|
-
|
|
15
|
-
for (var key in source) {
|
|
16
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
17
|
-
target[key] = source[key];
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
return target;
|
|
23
|
-
};
|
|
24
|
-
return _extends.apply(this, arguments);
|
|
25
|
-
}
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import styled, { css, ThemeProvider } from 'styled-components';
|
|
26
3
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
var key, i;
|
|
4
|
+
function _extends() {
|
|
5
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
6
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
7
|
+
var source = arguments[i];
|
|
32
8
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
9
|
+
for (var key in source) {
|
|
10
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
11
|
+
target[key] = source[key];
|
|
12
|
+
}
|
|
13
|
+
}
|
|
37
14
|
}
|
|
38
15
|
|
|
39
16
|
return target;
|
|
17
|
+
};
|
|
18
|
+
return _extends.apply(this, arguments);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
22
|
+
if (source == null) return {};
|
|
23
|
+
var target = {};
|
|
24
|
+
var sourceKeys = Object.keys(source);
|
|
25
|
+
var key, i;
|
|
26
|
+
|
|
27
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
28
|
+
key = sourceKeys[i];
|
|
29
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
30
|
+
target[key] = source[key];
|
|
40
31
|
}
|
|
41
32
|
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
return target;
|
|
34
|
+
}
|
|
44
35
|
|
|
45
|
-
|
|
36
|
+
function _objectWithoutProperties(source, excluded) {
|
|
37
|
+
if (source == null) return {};
|
|
46
38
|
|
|
47
|
-
|
|
39
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
48
40
|
|
|
49
|
-
|
|
50
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
41
|
+
var key, i;
|
|
51
42
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
55
|
-
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
56
|
-
target[key] = source[key];
|
|
57
|
-
}
|
|
58
|
-
}
|
|
43
|
+
if (Object.getOwnPropertySymbols) {
|
|
44
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
59
45
|
|
|
60
|
-
|
|
46
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
47
|
+
key = sourceSymbolKeys[i];
|
|
48
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
49
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
50
|
+
target[key] = source[key];
|
|
51
|
+
}
|
|
61
52
|
}
|
|
62
53
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
raw = strings.slice(0);
|
|
66
|
-
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
67
56
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
}));
|
|
57
|
+
function _taggedTemplateLiteral(strings, raw) {
|
|
58
|
+
if (!raw) {
|
|
59
|
+
raw = strings.slice(0);
|
|
73
60
|
}
|
|
74
61
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
var theme = {
|
|
80
|
-
breakpoints: ['40em', '52em', '64em'],
|
|
81
|
-
space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
|
|
82
|
-
fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
|
|
83
|
-
marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
|
|
84
|
-
letterSpacings: ['-0.5px', '0px', '+0.5px'],
|
|
85
|
-
radii: ['0px', '2px', '4px', '8px'],
|
|
86
|
-
borderRadius: '6px',
|
|
87
|
-
colors: {
|
|
88
|
-
primary: '#000',
|
|
89
|
-
base: '#4e4949',
|
|
90
|
-
baseLt: '#817c7c',
|
|
91
|
-
borderColor: '#d8d8d8',
|
|
92
|
-
ntrlMin: '#fff',
|
|
93
|
-
ntrlMinTen: '#e6e6e6',
|
|
94
|
-
gray: '#efefef',
|
|
95
|
-
darkerGray: '#454141'
|
|
96
|
-
},
|
|
97
|
-
rareStepColors: {
|
|
98
|
-
primary: '#202b58',
|
|
99
|
-
secondary: '#ef5c2d',
|
|
100
|
-
ntrlMin: '#ffffff',
|
|
101
|
-
ntrl40: '#f4f4f4',
|
|
102
|
-
ntrl50: '#808080',
|
|
103
|
-
ntrl60: '#e8e8e8',
|
|
104
|
-
ntrl70: '#252525',
|
|
105
|
-
ntrlMax: '#000000'
|
|
106
|
-
},
|
|
107
|
-
rareStepFontWeights: {
|
|
108
|
-
normal: 400,
|
|
109
|
-
medium: 500,
|
|
110
|
-
semiBold: 600,
|
|
111
|
-
bold: 700
|
|
112
|
-
},
|
|
113
|
-
rareStepFontSize: {
|
|
114
|
-
h1: '36px',
|
|
115
|
-
h2: '30px',
|
|
116
|
-
h3: '24px',
|
|
117
|
-
h4: '20px',
|
|
118
|
-
h5: '16px',
|
|
119
|
-
h6: '14px',
|
|
120
|
-
footerTitle: '16px'
|
|
121
|
-
},
|
|
122
|
-
rareStepPageSizes: {
|
|
123
|
-
mobile: '500px',
|
|
124
|
-
tablet: '768px',
|
|
125
|
-
desktop: '992px',
|
|
126
|
-
screenl: '1280px',
|
|
127
|
-
screenxl: '1680px',
|
|
128
|
-
screenxxl: '1920px',
|
|
129
|
-
container: '1600px'
|
|
62
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
63
|
+
raw: {
|
|
64
|
+
value: Object.freeze(raw)
|
|
130
65
|
}
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
66
|
+
}));
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
var _templateObject, _templateObject2;
|
|
70
|
+
var disabledButtonStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
71
|
+
var baseButtonStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
|
|
72
|
+
|
|
73
|
+
var theme = {
|
|
74
|
+
breakpoints: ['40em', '52em', '64em'],
|
|
75
|
+
space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
|
|
76
|
+
fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
|
|
77
|
+
marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
|
|
78
|
+
letterSpacings: ['-0.5px', '0px', '+0.5px'],
|
|
79
|
+
radii: ['0px', '2px', '4px', '8px'],
|
|
80
|
+
borderRadius: '6px',
|
|
81
|
+
colors: {
|
|
82
|
+
primary: '#000',
|
|
83
|
+
base: '#4e4949',
|
|
84
|
+
baseLt: '#817c7c',
|
|
85
|
+
borderColor: '#d8d8d8',
|
|
86
|
+
ntrlMin: '#fff',
|
|
87
|
+
ntrlMinTen: '#e6e6e6',
|
|
88
|
+
gray: '#efefef',
|
|
89
|
+
darkerGray: '#454141'
|
|
90
|
+
},
|
|
91
|
+
rareStepColors: {
|
|
92
|
+
primary: '#202b58',
|
|
93
|
+
secondary: '#ef5c2d',
|
|
94
|
+
ntrlMin: '#ffffff',
|
|
95
|
+
ntrl40: '#f4f4f4',
|
|
96
|
+
ntrl50: '#808080',
|
|
97
|
+
ntrl60: '#e8e8e8',
|
|
98
|
+
ntrl70: '#252525',
|
|
99
|
+
ntrlMax: '#000000'
|
|
100
|
+
},
|
|
101
|
+
rareStepFontWeights: {
|
|
102
|
+
normal: 400,
|
|
103
|
+
medium: 500,
|
|
104
|
+
semiBold: 600,
|
|
105
|
+
bold: 700
|
|
106
|
+
},
|
|
107
|
+
rareStepFontSize: {
|
|
108
|
+
h1: '36px',
|
|
109
|
+
h2: '30px',
|
|
110
|
+
h3: '24px',
|
|
111
|
+
h4: '20px',
|
|
112
|
+
h5: '16px',
|
|
113
|
+
h6: '14px',
|
|
114
|
+
footerTitle: '16px'
|
|
115
|
+
},
|
|
116
|
+
rareStepPageSizes: {
|
|
117
|
+
mobile: '500px',
|
|
118
|
+
tablet: '768px',
|
|
119
|
+
desktop: '992px',
|
|
120
|
+
screenl: '1280px',
|
|
121
|
+
screenxl: '1680px',
|
|
122
|
+
screenxxl: '1920px',
|
|
123
|
+
container: '1600px'
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
var themed = (function (Component) {
|
|
128
|
+
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
129
|
+
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
130
|
+
theme: theme
|
|
131
|
+
}, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
|
|
132
|
+
ref: ref
|
|
133
|
+
})));
|
|
141
134
|
});
|
|
135
|
+
});
|
|
142
136
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
var _templateObject$1;
|
|
146
|
-
var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
147
|
-
return props.theme.colors.primary;
|
|
148
|
-
}, function (props) {
|
|
149
|
-
return props.theme.colors.primary;
|
|
150
|
-
}, function (props) {
|
|
151
|
-
return props.theme.colors.primary;
|
|
152
|
-
}, disabledButtonStyle, function (props) {
|
|
153
|
-
return props.theme.colors.primary;
|
|
154
|
-
});
|
|
137
|
+
var _excluded = ["children"];
|
|
155
138
|
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
139
|
+
var _templateObject$1;
|
|
140
|
+
var Button = styled.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
141
|
+
return props.theme.colors.primary;
|
|
142
|
+
}, function (props) {
|
|
143
|
+
return props.theme.colors.primary;
|
|
144
|
+
}, function (props) {
|
|
145
|
+
return props.theme.colors.primary;
|
|
146
|
+
}, disabledButtonStyle, function (props) {
|
|
147
|
+
return props.theme.colors.primary;
|
|
148
|
+
});
|
|
159
149
|
|
|
160
|
-
|
|
161
|
-
|
|
150
|
+
var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
|
|
151
|
+
var children = _ref.children,
|
|
152
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
162
153
|
|
|
163
|
-
|
|
154
|
+
return /*#__PURE__*/React.createElement(Button, restProps, children);
|
|
155
|
+
};
|
|
164
156
|
|
|
165
|
-
|
|
157
|
+
var index = themed(OutlinePrimaryButton);
|
|
166
158
|
|
|
167
|
-
|
|
159
|
+
export default index;
|