@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.
Files changed (96) hide show
  1. package/Accordion.js +342 -352
  2. package/AddInterest.js +3109 -3068
  3. package/AddProductInterest.js +999 -7572
  4. package/BrandSelector.js +854 -861
  5. package/Checkbox.js +240 -250
  6. package/CheckboxButton.js +229 -236
  7. package/CommunicationPreferenceOptionsRenderer.js +560 -568
  8. package/CommunicationPreferenceSection.js +651 -659
  9. package/CommunicationPreferences.js +2394 -2402
  10. package/ConditionSelector.js +852 -859
  11. package/CountryCodeSelect.js +79 -6650
  12. package/CurrencyInputFormatter.js +86 -96
  13. package/CurrencySelect.js +219 -227
  14. package/DropdownSelector.js +212 -6821
  15. package/GALink.js +43 -51
  16. package/GenderSelector.js +355 -362
  17. package/GraphQLDropdownSelector.js +5308 -11832
  18. package/GraphQLMultiSelector.js +593 -601
  19. package/IconHeader.js +118 -126
  20. package/IconWrapper.js +17 -25
  21. package/InterestCatSelector.js +424 -389
  22. package/InterestItem.js +462 -469
  23. package/Interests.js +4719 -11243
  24. package/InterestsSubheading.js +33 -41
  25. package/InvertedTextButton.js +167 -175
  26. package/LuxityAppSideNav.js +181 -189
  27. package/LuxityDesktopHeader.js +1355 -1363
  28. package/LuxityFooter.js +2228 -2236
  29. package/LuxityGraphQLDropdownSelector.js +5395 -11919
  30. package/LuxityGraphQLMultiselector.js +778 -785
  31. package/LuxityMobileHeader.js +1786 -1794
  32. package/LuxityPageReady.js +199 -209
  33. package/LuxityProductInterestItem.js +359 -367
  34. package/LuxitySideNav.js +665 -673
  35. package/MaterialSelector.js +5430 -11954
  36. package/ModelSelector.js +5430 -11954
  37. package/NotificationDropDown.js +459 -7030
  38. package/Notify.js +20 -32
  39. package/OutlinePrimaryButton.js +134 -142
  40. package/PriceRangeSelector.js +1264 -1265
  41. package/PrimaryButton.js +129 -137
  42. package/RadioButtons.js +308 -318
  43. package/RangeSlider.js +1033 -1039
  44. package/RareStepFooter.js +257 -264
  45. package/RareStepHeader.js +801 -808
  46. package/ReactSelectWrapper.js +33 -6604
  47. package/SecondaryButton.js +144 -152
  48. package/ShoeSizeRangeSelector.js +1147 -1153
  49. package/ShoeSizeSelector.js +1146 -1154
  50. package/SimpleErrorBoundary.js +130 -138
  51. package/StyleSelector.js +854 -861
  52. package/TestComponent.js +15 -0
  53. package/TextButton.js +135 -143
  54. package/Tooltip.js +176 -184
  55. package/Tracking.js +15 -25
  56. package/WrapperButton.js +50 -58
  57. package/build/CountryCodeSelect/index.js +18 -0
  58. package/build/ReactSelectWrapper/index.js +34 -0
  59. package/build/bundle.css +1 -1
  60. package/build/bundle.js +10634 -17192
  61. package/build/constants.js +32 -43
  62. package/package.json +2 -2
  63. package/postcss.config.js +6 -0
  64. package/svg/Accessories.js +34 -42
  65. package/svg/Account.js +30 -38
  66. package/svg/Add.js +31 -39
  67. package/svg/ArrowRight.js +28 -36
  68. package/svg/Bags.js +40 -48
  69. package/svg/BurgerMenu.js +24 -32
  70. package/svg/Calendar.js +98 -106
  71. package/svg/CalendarCircled.js +100 -108
  72. package/svg/CheckCircled.js +32 -40
  73. package/svg/Close.js +29 -37
  74. package/svg/Clothing.js +36 -44
  75. package/svg/Dot.js +32 -40
  76. package/svg/Edit.js +27 -35
  77. package/svg/Eye.js +28 -36
  78. package/svg/FileAttach.js +28 -36
  79. package/svg/FileAttachCircled.js +30 -38
  80. package/svg/Jewellery.js +56 -0
  81. package/svg/LightBulb.js +58 -66
  82. package/svg/Logo.js +132 -140
  83. package/svg/LuxityMenu.js +28 -36
  84. package/svg/Minus.js +29 -37
  85. package/svg/MobileAvatar.js +28 -36
  86. package/svg/MyOrder.js +36 -44
  87. package/svg/MyPayment.js +36 -44
  88. package/svg/MyProfile.js +44 -52
  89. package/svg/MySale.js +31 -39
  90. package/svg/Notification.js +30 -38
  91. package/svg/PointerDown.js +28 -36
  92. package/svg/Search.js +27 -35
  93. package/svg/Shoes.js +37 -45
  94. package/svg/SvgWrapper.js +13 -21
  95. package/svg/Trash.js +32 -40
  96. package/svg/Watches.js +47 -55
@@ -1,47 +1,39 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
3
- typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
4
- (global = global || self, global.InterestsSubheading = factory(global.React, global.styled));
5
- }(this, (function (React, styled) { 'use strict';
1
+ import React from 'react';
2
+ import styled from 'styled-components';
6
3
 
7
- React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
8
- styled = styled && Object.prototype.hasOwnProperty.call(styled, 'default') ? styled['default'] : styled;
9
-
10
- function _taggedTemplateLiteral(strings, raw) {
11
- if (!raw) {
12
- raw = strings.slice(0);
13
- }
14
-
15
- return Object.freeze(Object.defineProperties(strings, {
16
- raw: {
17
- value: Object.freeze(raw)
18
- }
19
- }));
4
+ function _taggedTemplateLiteral(strings, raw) {
5
+ if (!raw) {
6
+ raw = strings.slice(0);
20
7
  }
21
8
 
22
- var _templateObject, _templateObject2;
23
- var Title = styled.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
24
- return props.theme.fontSizes[2];
25
- });
26
- var InterestsSubheadingContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"])), function (props) {
27
- return props.theme.marginPaddings[1];
28
- }, function (props) {
29
- return props.theme.colors.primary;
30
- }, function (props) {
31
- return props.theme.marginPaddings[3];
32
- }, function (props) {
33
- return props.theme.marginPaddings[3];
34
- });
9
+ return Object.freeze(Object.defineProperties(strings, {
10
+ raw: {
11
+ value: Object.freeze(raw)
12
+ }
13
+ }));
14
+ }
35
15
 
36
- var InterestsSubheading = function InterestsSubheading(_ref) {
37
- var title = _ref.title,
38
- children = _ref.children,
39
- className = _ref.className;
40
- return /*#__PURE__*/React.createElement(InterestsSubheadingContainer, {
41
- className: className
42
- }, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement("div", null, children));
43
- };
16
+ var _templateObject, _templateObject2;
17
+ var Title = styled.h1(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
18
+ return props.theme.fontSizes[2];
19
+ });
20
+ var InterestsSubheadingContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"])), function (props) {
21
+ return props.theme.marginPaddings[1];
22
+ }, function (props) {
23
+ return props.theme.colors.primary;
24
+ }, function (props) {
25
+ return props.theme.marginPaddings[3];
26
+ }, function (props) {
27
+ return props.theme.marginPaddings[3];
28
+ });
44
29
 
45
- return InterestsSubheading;
30
+ var InterestsSubheading = function InterestsSubheading(_ref) {
31
+ var title = _ref.title,
32
+ children = _ref.children,
33
+ className = _ref.className;
34
+ return /*#__PURE__*/React.createElement(InterestsSubheadingContainer, {
35
+ className: className
36
+ }, /*#__PURE__*/React.createElement(Title, null, title), /*#__PURE__*/React.createElement("div", null, children));
37
+ };
46
38
 
47
- })));
39
+ export default InterestsSubheading;
@@ -1,194 +1,186 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
3
- typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
4
- (global = global || self, global.InvertedTextButton = 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
- }
1
+ import React, { forwardRef } from 'react';
2
+ import styled, { css, ThemeProvider } from 'styled-components';
21
3
 
22
- return target;
23
- };
24
- return _extends.apply(this, arguments);
25
- }
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];
26
8
 
27
- function _objectWithoutPropertiesLoose(source, excluded) {
28
- if (source == null) return {};
29
- var target = {};
30
- var sourceKeys = Object.keys(source);
31
- var key, i;
32
-
33
- for (i = 0; i < sourceKeys.length; i++) {
34
- key = sourceKeys[i];
35
- if (excluded.indexOf(key) >= 0) continue;
36
- target[key] = source[key];
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
- function _objectWithoutProperties(source, excluded) {
43
- if (source == null) return {};
33
+ return target;
34
+ }
44
35
 
45
- var target = _objectWithoutPropertiesLoose(source, excluded);
36
+ function _objectWithoutProperties(source, excluded) {
37
+ if (source == null) return {};
46
38
 
47
- var key, i;
39
+ var target = _objectWithoutPropertiesLoose(source, excluded);
48
40
 
49
- if (Object.getOwnPropertySymbols) {
50
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
41
+ var key, i;
51
42
 
52
- for (i = 0; i < sourceSymbolKeys.length; i++) {
53
- key = sourceSymbolKeys[i];
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
- return target;
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
- function _taggedTemplateLiteral(strings, raw) {
64
- if (!raw) {
65
- raw = strings.slice(0);
66
- }
54
+ return target;
55
+ }
67
56
 
68
- return Object.freeze(Object.defineProperties(strings, {
69
- raw: {
70
- value: Object.freeze(raw)
71
- }
72
- }));
57
+ function _taggedTemplateLiteral(strings, raw) {
58
+ if (!raw) {
59
+ raw = strings.slice(0);
73
60
  }
74
61
 
75
- var _templateObject, _templateObject2;
76
- var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- var baseButtonStyle = styled.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"])));
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
- var themed = (function (Component) {
134
- return /*#__PURE__*/React.forwardRef(function (props, ref) {
135
- return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
136
- theme: theme
137
- }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
138
- ref: ref
139
- })));
140
- });
141
- });
142
-
143
- var _excluded = ["children"];
144
-
145
- var _templateObject$1;
146
- var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
147
- return props.theme.colors.base;
148
- }, function (props) {
149
- return props.theme.colors.primary;
150
- }, disabledButtonStyle, function (props) {
151
- return props.theme.colors.base;
152
- });
153
-
154
- var TextButton = function TextButton(_ref) {
155
- var children = _ref.children,
156
- restProps = _objectWithoutProperties(_ref, _excluded);
157
-
158
- return /*#__PURE__*/React__default.createElement(Button, restProps, children);
159
- };
160
-
161
- TextButton.defaultProps = {
162
- type: 'button'
163
- };
164
- var TextButton$1 = themed(TextButton);
165
-
166
- var _excluded$1 = ["children"];
167
-
168
- var _templateObject$2;
169
- var Button$1 = styled__default(TextButton$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
170
- return props.theme.colors.ntrlMin;
171
- }, function (props) {
172
- return props.theme.colors.primary;
173
- }, function (props) {
174
- return props.theme.colors.base;
175
- }, function (props) {
176
- return props.theme.colors.ntrlMin;
177
- }, function (props) {
178
- return props.theme.colors.ntrlMin;
179
- }, function (props) {
180
- return props.theme.colors.primary;
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
+ })));
181
134
  });
182
-
183
- var InvertedTextButton = function InvertedTextButton(_ref) {
184
- var children = _ref.children,
185
- restProps = _objectWithoutProperties(_ref, _excluded$1);
186
-
187
- return /*#__PURE__*/React__default.createElement(Button$1, restProps, children);
188
- };
189
-
190
- var index = themed(InvertedTextButton);
191
-
192
- return index;
193
-
194
- })));
135
+ });
136
+
137
+ var _excluded = ["children"];
138
+
139
+ var _templateObject$1;
140
+ var Button = styled.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
141
+ return props.theme.colors.base;
142
+ }, function (props) {
143
+ return props.theme.colors.primary;
144
+ }, disabledButtonStyle, function (props) {
145
+ return props.theme.colors.base;
146
+ });
147
+
148
+ var TextButton = function TextButton(_ref) {
149
+ var children = _ref.children,
150
+ restProps = _objectWithoutProperties(_ref, _excluded);
151
+
152
+ return /*#__PURE__*/React.createElement(Button, restProps, children);
153
+ };
154
+
155
+ TextButton.defaultProps = {
156
+ type: 'button'
157
+ };
158
+ var TextButton$1 = themed(TextButton);
159
+
160
+ var _excluded$1 = ["children"];
161
+
162
+ var _templateObject$2;
163
+ var Button$1 = styled(TextButton$1)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
164
+ return props.theme.colors.ntrlMin;
165
+ }, function (props) {
166
+ return props.theme.colors.primary;
167
+ }, function (props) {
168
+ return props.theme.colors.base;
169
+ }, function (props) {
170
+ return props.theme.colors.ntrlMin;
171
+ }, function (props) {
172
+ return props.theme.colors.ntrlMin;
173
+ }, function (props) {
174
+ return props.theme.colors.primary;
175
+ });
176
+
177
+ var InvertedTextButton = function InvertedTextButton(_ref) {
178
+ var children = _ref.children,
179
+ restProps = _objectWithoutProperties(_ref, _excluded$1);
180
+
181
+ return /*#__PURE__*/React.createElement(Button$1, restProps, children);
182
+ };
183
+
184
+ var index = themed(InvertedTextButton);
185
+
186
+ export default index;