@bonlineza/luxity-lib 2.39.6 → 2.39.8

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 (92) hide show
  1. package/Accordion.js +352 -342
  2. package/AddInterest.js +3179 -3136
  3. package/AddProductInterest.js +7584 -1011
  4. package/BrandSelector.js +861 -854
  5. package/Checkbox.js +250 -240
  6. package/CheckboxButton.js +236 -229
  7. package/CommunicationPreferenceOptionsRenderer.js +568 -560
  8. package/CommunicationPreferenceSection.js +659 -651
  9. package/CommunicationPreferences.js +2402 -2394
  10. package/ConditionSelector.js +859 -852
  11. package/CountryCodeSelect.js +6650 -79
  12. package/CurrencyInputFormatter.js +96 -86
  13. package/CurrencySelect.js +227 -219
  14. package/DropdownSelector.js +6820 -211
  15. package/GALink.js +51 -43
  16. package/GenderSelector.js +362 -355
  17. package/GraphQLDropdownSelector.js +11914 -5307
  18. package/GraphQLMultiSelector.js +601 -593
  19. package/IconHeader.js +126 -118
  20. package/IconWrapper.js +25 -17
  21. package/InterestCatSelector.js +432 -424
  22. package/InterestItem.js +470 -462
  23. package/Interests.js +11324 -4717
  24. package/InterestsSubheading.js +41 -33
  25. package/InvertedTextButton.js +175 -167
  26. package/LuxityAppSideNav.js +189 -181
  27. package/LuxityDesktopHeader.js +1363 -1355
  28. package/LuxityFooter.js +2236 -2228
  29. package/LuxityGraphQLDropdownSelector.js +11999 -5392
  30. package/LuxityGraphQLMultiselector.js +785 -778
  31. package/LuxityMobileHeader.js +1794 -1786
  32. package/LuxityPageReady.js +209 -199
  33. package/LuxityProductInterestItem.js +367 -359
  34. package/LuxitySideNav.js +673 -665
  35. package/MaterialSelector.js +12029 -5422
  36. package/ModelSelector.js +12029 -5422
  37. package/NotificationDropDown.js +7029 -459
  38. package/Notify.js +32 -20
  39. package/OutlinePrimaryButton.js +142 -134
  40. package/PriceRangeSelector.js +1277 -1264
  41. package/PrimaryButton.js +137 -129
  42. package/RadioButtons.js +318 -308
  43. package/RangeSlider.js +1039 -1033
  44. package/RareStepFooter.js +264 -257
  45. package/RareStepHeader.js +808 -801
  46. package/ReactSelectWrapper.js +6604 -33
  47. package/SecondaryButton.js +152 -144
  48. package/ShoeSizeRangeSelector.js +1153 -1147
  49. package/ShoeSizeSelector.js +1198 -1146
  50. package/SimpleErrorBoundary.js +138 -130
  51. package/StyleSelector.js +861 -854
  52. package/TextButton.js +143 -135
  53. package/Tooltip.js +184 -176
  54. package/Tracking.js +25 -15
  55. package/WrapperButton.js +58 -50
  56. package/build/bundle.css +1 -1
  57. package/build/bundle.js +17272 -10631
  58. package/build/constants.js +45 -32
  59. package/package.json +3 -2
  60. package/svg/Accessories.js +42 -34
  61. package/svg/Account.js +38 -30
  62. package/svg/Add.js +39 -31
  63. package/svg/ArrowRight.js +36 -28
  64. package/svg/Bags.js +48 -40
  65. package/svg/BurgerMenu.js +32 -24
  66. package/svg/Calendar.js +106 -98
  67. package/svg/CalendarCircled.js +108 -100
  68. package/svg/CheckCircled.js +40 -32
  69. package/svg/Close.js +37 -29
  70. package/svg/Clothing.js +44 -36
  71. package/svg/Dot.js +40 -32
  72. package/svg/Edit.js +35 -27
  73. package/svg/Eye.js +36 -28
  74. package/svg/FileAttach.js +36 -28
  75. package/svg/FileAttachCircled.js +38 -30
  76. package/svg/Jewellery.js +57 -49
  77. package/svg/LightBulb.js +66 -58
  78. package/svg/Logo.js +140 -132
  79. package/svg/LuxityMenu.js +36 -28
  80. package/svg/Minus.js +37 -29
  81. package/svg/MobileAvatar.js +36 -28
  82. package/svg/MyOrder.js +44 -36
  83. package/svg/MyPayment.js +44 -36
  84. package/svg/MyProfile.js +52 -44
  85. package/svg/MySale.js +39 -31
  86. package/svg/Notification.js +38 -30
  87. package/svg/PointerDown.js +36 -28
  88. package/svg/Search.js +35 -27
  89. package/svg/Shoes.js +45 -37
  90. package/svg/SvgWrapper.js +21 -13
  91. package/svg/Trash.js +40 -32
  92. package/svg/Watches.js +55 -47
package/Notify.js CHANGED
@@ -1,23 +1,35 @@
1
- import Notifications, { notify } from 'react-notify-toast';
2
- import React from 'react';
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react-notify-toast'), require('react')) :
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';
3
6
 
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
- * */
7
+ var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
8
+ React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
17
9
 
18
- var LuxityNotifications = function LuxityNotifications(props) {
19
- return /*#__PURE__*/React.createElement(Notifications, props);
20
- };
10
+ var defaultNotifyTime = 5000;
11
+ var success = function success(message) {
12
+ Notifications.notify.show(message, 'success', defaultNotifyTime);
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
+ * */
21
23
 
22
- export default LuxityNotifications;
23
- export { error, success, warning };
24
+ var LuxityNotifications = function LuxityNotifications(props) {
25
+ return /*#__PURE__*/React.createElement(Notifications__default, props);
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
+ })));
@@ -1,159 +1,167 @@
1
- import React, { forwardRef } from 'react';
2
- import styled, { css, ThemeProvider } from 'styled-components';
3
-
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];
8
-
9
- for (var key in source) {
10
- if (Object.prototype.hasOwnProperty.call(source, key)) {
11
- target[key] = source[key];
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.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
+ }
12
19
  }
13
20
  }
21
+
22
+ return target;
23
+ };
24
+ return _extends.apply(this, arguments);
25
+ }
26
+
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];
14
37
  }
15
38
 
16
39
  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];
31
40
  }
32
41
 
33
- return target;
34
- }
42
+ function _objectWithoutProperties(source, excluded) {
43
+ if (source == null) return {};
35
44
 
36
- function _objectWithoutProperties(source, excluded) {
37
- if (source == null) return {};
45
+ var target = _objectWithoutPropertiesLoose(source, excluded);
38
46
 
39
- var target = _objectWithoutPropertiesLoose(source, excluded);
47
+ var key, i;
40
48
 
41
- var key, i;
49
+ if (Object.getOwnPropertySymbols) {
50
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
42
51
 
43
- if (Object.getOwnPropertySymbols) {
44
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
45
-
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];
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
+ }
51
58
  }
59
+
60
+ return target;
52
61
  }
53
62
 
54
- return target;
55
- }
63
+ function _taggedTemplateLiteral(strings, raw) {
64
+ if (!raw) {
65
+ raw = strings.slice(0);
66
+ }
56
67
 
57
- function _taggedTemplateLiteral(strings, raw) {
58
- if (!raw) {
59
- raw = strings.slice(0);
68
+ return Object.freeze(Object.defineProperties(strings, {
69
+ raw: {
70
+ value: Object.freeze(raw)
71
+ }
72
+ }));
60
73
  }
61
74
 
62
- return Object.freeze(Object.defineProperties(strings, {
63
- raw: {
64
- value: Object.freeze(raw)
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'
65
130
  }
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
- })));
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
+ });
134
141
  });
135
- });
136
142
 
137
- var _excluded = ["children"];
143
+ var _excluded = ["children"];
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
+ });
138
155
 
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
- });
156
+ var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
157
+ var children = _ref.children,
158
+ restProps = _objectWithoutProperties(_ref, _excluded);
149
159
 
150
- var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
151
- var children = _ref.children,
152
- restProps = _objectWithoutProperties(_ref, _excluded);
160
+ return /*#__PURE__*/React__default.createElement(Button, restProps, children);
161
+ };
153
162
 
154
- return /*#__PURE__*/React.createElement(Button, restProps, children);
155
- };
163
+ var index = themed(OutlinePrimaryButton);
156
164
 
157
- var index = themed(OutlinePrimaryButton);
165
+ return index;
158
166
 
159
- export default index;
167
+ })));