@bonlineza/luxity-lib 2.10.0 → 2.12.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 (35) hide show
  1. package/Accordion.js +34 -0
  2. package/AddInterest.js +9722 -1798
  3. package/BrandSelector.js +11260 -387
  4. package/Checkbox.js +34 -0
  5. package/CheckboxButton.js +34 -0
  6. package/GenderSelector.js +34 -0
  7. package/GraphQLDropdownSelector.js +11869 -0
  8. package/GraphQLMultiSelector.js +34 -0
  9. package/IconHeader.js +34 -0
  10. package/InterestCatSelector.js +34 -0
  11. package/InterestItem.js +51 -1
  12. package/Interests.js +2679 -1947
  13. package/InvertedTextButton.js +34 -0
  14. package/LuxityGraphQLDropdownSelector.js +11869 -0
  15. package/LuxityGraphQLMultiselector.js +34 -0
  16. package/MaterialSelector.js +11869 -0
  17. package/ModelSelector.js +11869 -0
  18. package/NotificationDropDown.js +34 -0
  19. package/OutlinePrimaryButton.js +34 -0
  20. package/PriceRangeSelector.js +34 -0
  21. package/PrimaryButton.js +34 -0
  22. package/README.md +2 -0
  23. package/RadioButtons.js +34 -0
  24. package/RangeSlider.js +34 -0
  25. package/RareStepFooter.js +232 -0
  26. package/RareStepHeader.js +436 -0
  27. package/RareStepLoginModal.js +15 -0
  28. package/SecondaryButton.js +34 -0
  29. package/ShoeSizeSelector.js +34 -0
  30. package/StyleSelector.js +34 -0
  31. package/TextButton.js +34 -0
  32. package/Tooltip.js +34 -0
  33. package/build/bundle.js +893 -76
  34. package/package.json +1 -1
  35. package/svg/RareStepLogo.js +8 -0
package/GraphQLMultiSelector.js CHANGED
@@ -412,6 +412,40 @@
412
412
  ntrlMinTen: '#e6e6e6',
413
413
  gray: '#efefef',
414
414
  darkerGray: '#454141'
415
+ },
416
+ rareStepColors: {
417
+ primary: '#202b58',
418
+ secondary: '#ef5c2d',
419
+ ntrlMin: '#ffffff',
420
+ ntrl40: '#f4f4f4',
421
+ ntrl50: '#808080',
422
+ ntrl60: '#e8e8e8',
423
+ ntrl70: '#252525',
424
+ ntrlMax: '#000000'
425
+ },
426
+ rareStepFontWeights: {
427
+ normal: 400,
428
+ medium: 500,
429
+ semiBold: 600,
430
+ bold: 700
431
+ },
432
+ rareStepFontSize: {
433
+ h1: '36px',
434
+ h2: '30px',
435
+ h3: '24px',
436
+ h4: '20px',
437
+ h5: '16px',
438
+ h6: '14px',
439
+ footerTitle: '18px'
440
+ },
441
+ rareStepPageSizes: {
442
+ mobile: '500px',
443
+ tablet: '768px',
444
+ desktop: '992px',
445
+ screenl: '1280px',
446
+ screenxl: '1680px',
447
+ screenxxl: '1920px',
448
+ container: '1600px'
415
449
  }
416
450
  };
417
451
 
package/IconHeader.js CHANGED
@@ -60,6 +60,40 @@
60
60
  ntrlMinTen: '#e6e6e6',
61
61
  gray: '#efefef',
62
62
  darkerGray: '#454141'
63
+ },
64
+ rareStepColors: {
65
+ primary: '#202b58',
66
+ secondary: '#ef5c2d',
67
+ ntrlMin: '#ffffff',
68
+ ntrl40: '#f4f4f4',
69
+ ntrl50: '#808080',
70
+ ntrl60: '#e8e8e8',
71
+ ntrl70: '#252525',
72
+ ntrlMax: '#000000'
73
+ },
74
+ rareStepFontWeights: {
75
+ normal: 400,
76
+ medium: 500,
77
+ semiBold: 600,
78
+ bold: 700
79
+ },
80
+ rareStepFontSize: {
81
+ h1: '36px',
82
+ h2: '30px',
83
+ h3: '24px',
84
+ h4: '20px',
85
+ h5: '16px',
86
+ h6: '14px',
87
+ footerTitle: '18px'
88
+ },
89
+ rareStepPageSizes: {
90
+ mobile: '500px',
91
+ tablet: '768px',
92
+ desktop: '992px',
93
+ screenl: '1280px',
94
+ screenxl: '1680px',
95
+ screenxxl: '1920px',
96
+ container: '1600px'
63
97
  }
64
98
  };
65
99
 
package/InterestCatSelector.js CHANGED
@@ -285,6 +285,40 @@
285
285
  ntrlMinTen: '#e6e6e6',
286
286
  gray: '#efefef',
287
287
  darkerGray: '#454141'
288
+ },
289
+ rareStepColors: {
290
+ primary: '#202b58',
291
+ secondary: '#ef5c2d',
292
+ ntrlMin: '#ffffff',
293
+ ntrl40: '#f4f4f4',
294
+ ntrl50: '#808080',
295
+ ntrl60: '#e8e8e8',
296
+ ntrl70: '#252525',
297
+ ntrlMax: '#000000'
298
+ },
299
+ rareStepFontWeights: {
300
+ normal: 400,
301
+ medium: 500,
302
+ semiBold: 600,
303
+ bold: 700
304
+ },
305
+ rareStepFontSize: {
306
+ h1: '36px',
307
+ h2: '30px',
308
+ h3: '24px',
309
+ h4: '20px',
310
+ h5: '16px',
311
+ h6: '14px',
312
+ footerTitle: '18px'
313
+ },
314
+ rareStepPageSizes: {
315
+ mobile: '500px',
316
+ tablet: '768px',
317
+ desktop: '992px',
318
+ screenl: '1280px',
319
+ screenxl: '1680px',
320
+ screenxxl: '1920px',
321
+ container: '1600px'
288
322
  }
289
323
  };
290
324
 
package/InterestItem.js CHANGED
@@ -305,6 +305,40 @@
305
305
  ntrlMinTen: '#e6e6e6',
306
306
  gray: '#efefef',
307
307
  darkerGray: '#454141'
308
+ },
309
+ rareStepColors: {
310
+ primary: '#202b58',
311
+ secondary: '#ef5c2d',
312
+ ntrlMin: '#ffffff',
313
+ ntrl40: '#f4f4f4',
314
+ ntrl50: '#808080',
315
+ ntrl60: '#e8e8e8',
316
+ ntrl70: '#252525',
317
+ ntrlMax: '#000000'
318
+ },
319
+ rareStepFontWeights: {
320
+ normal: 400,
321
+ medium: 500,
322
+ semiBold: 600,
323
+ bold: 700
324
+ },
325
+ rareStepFontSize: {
326
+ h1: '36px',
327
+ h2: '30px',
328
+ h3: '24px',
329
+ h4: '20px',
330
+ h5: '16px',
331
+ h6: '14px',
332
+ footerTitle: '18px'
333
+ },
334
+ rareStepPageSizes: {
335
+ mobile: '500px',
336
+ tablet: '768px',
337
+ desktop: '992px',
338
+ screenl: '1280px',
339
+ screenxl: '1680px',
340
+ screenxxl: '1920px',
341
+ container: '1600px'
308
342
  }
309
343
  };
310
344
 
@@ -445,6 +479,22 @@
445
479
  return /*#__PURE__*/React__default.createElement("span", {
446
480
  key: "".concat(style.name, "-").concat(data.id)
447
481
  }, style.name);
482
+ }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
483
+ className: "interest-item__container_heading"
484
+ }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Models:"), /*#__PURE__*/React__default.createElement("div", {
485
+ className: "list-items"
486
+ }, data.luxity_models != null && data.luxity_models.length > 0 ? data.luxity_models.map(function (model) {
487
+ return /*#__PURE__*/React__default.createElement("span", {
488
+ key: "".concat(model.name, "-").concat(data.id)
489
+ }, model.name);
490
+ }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
491
+ className: "interest-item__container_heading"
492
+ }, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Materials:"), /*#__PURE__*/React__default.createElement("div", {
493
+ className: "list-items"
494
+ }, data.luxity_materials != null && data.luxity_materials.length > 0 ? data.luxity_materials.map(function (material) {
495
+ return /*#__PURE__*/React__default.createElement("span", {
496
+ key: "".concat(material.name, "-").concat(data.id)
497
+ }, material.name);
448
498
  }) : 'All')), /*#__PURE__*/React__default.createElement("div", {
449
499
  className: "interest-item__container_heading ".concat(data.category_type === interestCategories.SHOES ? '' : 'no-shoe-size-section')
450
500
  }, data.category_type === interestCategories.SHOES ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(InterestItemTitle, null, "Shoe Size:"), /*#__PURE__*/React__default.createElement("div", {
@@ -471,7 +521,7 @@
471
521
  var SheoSizeContentDiv = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
472
522
  var InterestItemTitle = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
473
523
  var InterestItemContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
474
- var InterestItemContent = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
524
+ var InterestItemContent = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 8);\n margin-left: ", ";\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
475
525
  return props.theme.colors.borderColor;
476
526
  }, function (props) {
477
527
  return props.theme.marginPaddings[1];