@jetshop/template-trend 5.10.0 → 5.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 (82) hide show
  1. package/.linaria-cache/packages/template-trend/src/components/ContentPage/ContentPage.linaria.css +5 -3
  2. package/.linaria-cache/packages/template-trend/src/components/ContentPage/SubPageNavigation.linaria.css +4 -0
  3. package/.linaria-cache/packages/template-trend/src/components/Layout/Header/ChannelSelector/ChannelSelector.linaria.css +1 -1
  4. package/.linaria-cache/packages/template-trend/src/components/StartPage/Content/StartPageCampaign.linaria.css +1 -1
  5. package/.linaria-cache/packages/template-trend/src/components/StartPage/Content/StartPageHero.linaria.css +1 -1
  6. package/.linaria-cache/packages/template-trend/src/components/StartPage/StartPage.linaria.css +0 -1
  7. package/.linaria-cache/packages/template-trend/src/components/ui/Button.linaria.css +3 -2
  8. package/.linaria-cache/packages/ui/Breadcrumbs/Breadcrumbs.linaria.css +1 -1
  9. package/.linaria-cache/packages/ui/DropdownMenu/DropdownMenu.linaria.css +1 -1
  10. package/.vscode/launch.json +11 -0
  11. package/README.md +118 -1944
  12. package/package.json +5 -5
  13. package/schema.graphql +5 -2
  14. package/src/components/Auth/ForgotPassword.js +3 -8
  15. package/src/components/Auth/README.md +5 -0
  16. package/src/components/Cart/CartButton.js +40 -44
  17. package/src/components/Cart/CartFlyout.js +18 -7
  18. package/src/components/Cart/CartItem.js +12 -15
  19. package/src/components/Cart/{addMultipleToCart.gql → queries/addMultipleToCart.gql} +1 -1
  20. package/src/components/Cart/{addToCart.gql → queries/addToCart.gql} +1 -1
  21. package/src/components/Cart/{CartFragment.gql → queries/cartFragment.gql} +2 -5
  22. package/src/components/Cart/{CartQuery.gql → queries/cartQuery.gql} +1 -1
  23. package/src/components/Cart/{decrementQuantity.gql → queries/decrementQuantity.gql} +1 -1
  24. package/src/components/Cart/{incrementQuantity.gql → queries/incrementQuantity.gql} +1 -1
  25. package/src/components/Cart/{removeFromCart.gql → queries/removeFromCart.gql} +1 -1
  26. package/src/components/CategoryPage/CategoryHeader.js +3 -3
  27. package/src/components/CategoryPage/CategoryPage.js +1 -0
  28. package/src/components/CategoryPage/ProductCard.js +4 -2
  29. package/src/components/CategoryPage/ProductGrid.js +8 -2
  30. package/src/components/CategoryPage/ProductGridWindow.js +22 -14
  31. package/src/components/CategoryPage/README.md +11 -0
  32. package/src/components/CategoryPage/StandardCategoryPage.js +2 -0
  33. package/src/components/CategoryPage/WindowedCategoryPage.js +7 -0
  34. package/src/components/ContentPage/ContentPage.js +69 -38
  35. package/src/components/ContentPage/ContentPageFragment.gql +29 -0
  36. package/src/components/ContentPage/SubPageNavigation.js +206 -0
  37. package/src/components/Layout/Footer/FooterLinks.js +6 -4
  38. package/src/components/Layout/Footer/PagesQuery.gql +9 -0
  39. package/src/components/Layout/Header/AutocompleteQuery.gql +1 -6
  40. package/src/components/Layout/Header/ChannelSelector/ChannelSelector.js +3 -0
  41. package/src/components/Layout/Header/ChannelSelector/ChannelSelectorModal.js +4 -3
  42. package/src/components/Layout/Header/ChannelSelector/Selector.js +2 -0
  43. package/src/components/Layout/Header/RecommendedChannel/RecommendedChannelSelector.js +2 -0
  44. package/src/components/LogOut.loadable.js +10 -0
  45. package/src/components/PreviewRoute.loadable.js +10 -0
  46. package/src/components/ProductList/AddToCart.js +8 -5
  47. package/src/components/ProductList/Favourite.js +2 -2
  48. package/src/components/ProductList/FavouriteCount.js +2 -2
  49. package/src/components/ProductList/Favourites.js +17 -12
  50. package/src/components/ProductList/Lister.js +44 -0
  51. package/src/components/ProductList/Product.js +5 -4
  52. package/src/components/ProductList/ProductLists.gql +8 -5
  53. package/src/components/ProductList/SelectVariant.js +6 -10
  54. package/src/components/ProductList/productListQueries.js +5 -0
  55. package/src/components/ProductPage/AddToCart/AddToCartForm.js +19 -18
  56. package/src/components/ProductPage/AddToCart/ProductToast.js +18 -7
  57. package/src/components/ProductPage/Images/ImageContainer.js +12 -1
  58. package/src/components/ProductPage/PackageProduct/PackageProduct.js +8 -6
  59. package/src/components/ProductPage/ProductInfo.js +1 -1
  60. package/src/components/ProductPage/ProductPage.js +3 -5
  61. package/src/components/ProductPage/ProductPageFragment.gql +1 -0
  62. package/src/components/ProductPage/StockStatus/WarehouseStock.js +15 -17
  63. package/src/components/ProductPage/VariantSelector.js +1 -1
  64. package/src/components/RouteQuery.gql +2 -2
  65. package/src/components/{StartPage → SearchPage}/CategoryList.js +6 -4
  66. package/src/components/SearchPage/EmptySearchResults.js +1 -1
  67. package/src/components/Shop.js +52 -76
  68. package/src/components/StartPage/Content/StartPageHero.js +12 -1
  69. package/src/components/StartPage/ContentItemFragment.gql +6 -1
  70. package/src/components/StartPage/StartPage.js +0 -13
  71. package/src/components/StartPage/StartPageProductGridFragment.gql +1 -0
  72. package/src/components/ui/Button.js +19 -1
  73. package/.linaria-cache/packages/ui/ChannelSelector/Region.linaria.css +0 -3
  74. package/src/components/StartPage/Campaign.js +0 -162
  75. package/src/components/StartPage/CampaignHeader.js +0 -101
  76. package/src/components/StartPage/ExtraDetails.js +0 -72
  77. package/src/components/StartPage/Readme.md +0 -88
  78. package/src/components/StartPage/campaign.json +0 -20
  79. package/src/components/StartPage/campaignHeader.json +0 -5
  80. package/src/components/StartPage/categoryList.json +0 -65
  81. package/src/components/StartPage/extraDetails.json +0 -6
  82. package/src/components/StartPage/title.json +0 -3
@@ -1,3 +1,5 @@
1
- .Header_h1j1g21v{font-size:1.6875rem;font-weight:600;margin:1rem 0 3rem;}
2
- .Content_c1fnqd8r{padding-bottom:1rem;}.Content_c1fnqd8r p{margin-bottom:1rem;}
3
- .MaxWidth_m19kzxi7.MaxWidth_mjqp9b6{max-width:60rem;}
1
+ .Content_c1j1g21v{padding-bottom:1rem;}.Content_c1j1g21v p{margin-bottom:1rem;}
2
+ .container_c1fnqd8r{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}
3
+ .sidebar_s19kzxi7{max-width:288px;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-right:1px solid #dedede;margin-right:2rem;padding:2rem 0;}@media (max-width:799px){.sidebar_s19kzxi7{display:none;}}
4
+ .content_c18mz79g{max-width:60rem;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:2rem 0;}.content_c18mz79g h1{margin-bottom:1rem;}
5
+ .body_bqf7s3s{margin-top:1rem;}
@@ -0,0 +1,4 @@
1
+ .menu_mn7zz18{width:100%;}@media (min-width:50em){.menu_mn7zz18{display:none;}}.menu_mn7zz18 [data-flight-dropdown-button]{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.75em;border:1px solid #dedede;width:100%;text-align:left;background:#FFFFFF;border-radius:3px;outline:none;}.menu_mn7zz18 [data-flight-dropdown-button]:focus{color:#146DE1;}.menu_mn7zz18 [data-flight-dropdown-button][aria-expanded='true']{border-radius:3px 3px 0 0;border-bottom:0;color:#146DE1;}.menu_mn7zz18 [data-flight-dropdown-button][aria-expanded='true'] .carot{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.menu_mn7zz18 [data-flight-dropdown-items]{position:absolute;top:100%;left:0;background:white;display:block;z-index:2;outline:none;width:100%;border:1px solid #dedede;border-top:0;}.menu_mn7zz18 [data-flight-dropdown-item]{line-height:1.5;border:none;cursor:pointer;white-space:normal;padding:0.5em 1em;}.menu_mn7zz18 [data-flight-dropdown-item]:hover{color:blue;}.menu_mn7zz18 [data-flight-dropdown-item] a{-webkit-text-decoration:none;text-decoration:none;color:#000;}.menu_mn7zz18 [data-flight-dropdown-item]:focus{font-weight:bold;background:#f2f2f2;outline:none;position:relative;}.menu_mn7zz18 [data-flight-dropdown-item]:focus:before{content:'';position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#2f80ed;}
2
+ .links_l4wjvty{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
3
+ .link_lkx9gc5{color:#000;-webkit-text-decoration:none;text-decoration:none;margin-bottom:1rem;line-height:1.5;}
4
+ .activeLink_a1iunu17{font-weight:bold;color:#2f80ed;}
@@ -1,2 +1,2 @@
1
1
  .Flyout_f132p8gk{background-color:white;position:absolute;z-index:5;top:calc(100% + ((54px - 100%) / 2));}
2
- .CountryFlag_clyq9il{height:12px;margin-right:5px;}
2
+ .CountryFlag_clyq9il{height:12px;width:12px;margin-right:5px;}
@@ -1,7 +1,7 @@
1
1
  .Container_c1mpoa17{padding-top:60px;padding-bottom:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}@media (max-width:49.99rem){.Container_c1mpoa17{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:40px;padding-bottom:0;}}
2
2
  .Title_t143zagb{font-size:40px;font-weight:900;margin-bottom:18px;}@media (max-width:49.99rem){.Title_t143zagb{font-size:24px;}}
3
3
  .Description_dw9n0yg{width:400px;max-width:100%;margin-bottom:30px;line-height:1.45em;}@media (max-width:49.99rem){.Description_dw9n0yg{font-size:16px;margin-left:auto;margin-right:auto;}}
4
- .StyledButton_sdlteok.TrendLink_t168987g{width:176px;height:56px;}@media (max-width:49.99rem){.StyledButton_sdlteok.TrendLink_t168987g{margin-left:auto;margin-right:auto;}}
4
+ .StyledButton_sdlteok{width:176px;height:56px;}@media (max-width:49.99rem){.StyledButton_sdlteok{margin-left:auto;margin-right:auto;}}
5
5
  @media (min-width:50rem){.Column_c3tz8u6:first-child{margin-right:1rem;}.Column_c3tz8u6:last-child{margin-left:60px;}}
6
6
  .ImageColumn_i1ymieme.Column_c3tz8u6{height:386px;width:50%;}@media (max-width:49.99rem){.ImageColumn_i1ymieme.Column_c3tz8u6{width:100%;padding-bottom:48px;}}
7
7
  .TextColumn_tvojnoy.Column_c3tz8u6{width:50%;}@media (max-width:49.99rem){.TextColumn_tvojnoy.Column_c3tz8u6{width:100%;padding-bottom:48px;text-align:center;}}.TextColumn_tvojnoy.Column_c3tz8u6.rightAlign{text-align:end;}.TextColumn_tvojnoy.Column_c3tz8u6.rightAlign > *{float:right;}
@@ -2,5 +2,5 @@
2
2
  .Container_cisv5dw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:white;height:100%;text-align:center;}
3
3
  .Title_t16em3cz{font-size:64px;font-weight:900;margin-bottom:18px;}@media (max-width:49.99rem){.Title_t16em3cz{font-size:30px;margin-bottom:12px;}}
4
4
  .Description_d10uwce4{width:420px;font-size:20px;max-width:100%;margin-bottom:30px;line-height:1.45em;}@media (max-width:49.99rem){.Description_d10uwce4{width:100%;font-size:16px;padding-left:0.75rem;padding-right:0.75rem;}}
5
- .StyledButton_sxbg28i.TrendLink_t168987g{width:176px;height:46px;}@media (max-width:39.99rem){.StyledButton_sxbg28i.TrendLink_t168987g{width:138px;height:32px;font-size:14px;}}
5
+ .StyledButton_sxbg28i{width:176px;height:46px;}@media (max-width:39.99rem){.StyledButton_sxbg28i{width:138px;height:32px;font-size:14px;}}
6
6
  .heroStyles_htsirq5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
@@ -1,2 +1 @@
1
1
  .StartPageWrapper_s1di7o92{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
2
- .MainSectionWrapper_m16chu9k.MaxWidth_mjqp9b6{width:100%;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;padding-left:1.5rem;padding-right:1.5rem;}@media (max-width:39.99rem){.MainSectionWrapper_m16chu9k.MaxWidth_mjqp9b6{padding-left:0px;padding-right:0px;}}
@@ -1,3 +1,4 @@
1
1
  .Button_bsyf8ar{background-color:#146DE1;border-color:#146DE1;color:white;font-size:16px;border-radius:4px;padding:0.5rem 1rem;height:54px;}.Button_bsyf8ar span{margin-right:12px;}.Button_bsyf8ar svg{fill:white;height:1em;width:1em;margin-right:1em;}@media (min-width:50rem){.Button_bsyf8ar{max-width:100%;}}.Button_bsyf8ar:disabled{border:1px solid #dedede;opacity:0.5;}.Button_bsyf8ar.secondary{background-color:white;border:1px solid #333;color:#333;}.Button_bsyf8ar.secondary circle.path{stroke:black;}
2
- .TrendLink_t168987g{background-color:#146DE1;border-color:#146DE1;color:white;font-size:16px;border-radius:4px;padding:0.5rem 1rem;height:54px;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:54px;}.TrendLink_t168987g span{margin-right:12px;}.TrendLink_t168987g svg{fill:white;height:1em;width:1em;margin-right:1em;}@media (min-width:50rem){.TrendLink_t168987g{max-width:100%;}}.TrendLink_t168987g:disabled{border:1px solid #dedede;opacity:0.5;}.TrendLink_t168987g.secondary{background-color:white;border:1px solid #333;color:#333;}.TrendLink_t168987g.secondary circle.path{stroke:black;}
3
- .StyledSpinner_s15bfm3m.Spinner_s281cpt{height:25px;}.StyledSpinner_s15bfm3m.Spinner_s281cpt circle.path{stroke:white;}
2
+ .TrendABase_t168987g{background-color:#146DE1;border-color:#146DE1;color:white;font-size:16px;border-radius:4px;padding:0.5rem 1rem;height:54px;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:54px;}.TrendABase_t168987g span{margin-right:12px;}.TrendABase_t168987g svg{fill:white;height:1em;width:1em;margin-right:1em;}@media (min-width:50rem){.TrendABase_t168987g{max-width:100%;}}.TrendABase_t168987g:disabled{border:1px solid #dedede;opacity:0.5;}.TrendABase_t168987g.secondary{background-color:white;border:1px solid #333;color:#333;}.TrendABase_t168987g.secondary circle.path{stroke:black;}
3
+ .TrendLinkBase_t15bfm3m{background-color:#146DE1;border-color:#146DE1;color:white;font-size:16px;border-radius:4px;padding:0.5rem 1rem;height:54px;-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:54px;}.TrendLinkBase_t15bfm3m span{margin-right:12px;}.TrendLinkBase_t15bfm3m svg{fill:white;height:1em;width:1em;margin-right:1em;}@media (min-width:50rem){.TrendLinkBase_t15bfm3m{max-width:100%;}}.TrendLinkBase_t15bfm3m:disabled{border:1px solid #dedede;opacity:0.5;}.TrendLinkBase_t15bfm3m.secondary{background-color:white;border:1px solid #333;color:#333;}.TrendLinkBase_t15bfm3m.secondary circle.path{stroke:black;}
4
+ .StyledSpinner_s1yqqynf.Spinner_s281cpt{height:25px;}.StyledSpinner_s1yqqynf.Spinner_s281cpt circle.path{stroke:white;}
@@ -1,2 +1,2 @@
1
- .StyledBreadcrumbs_s11md4e4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-bottom:2rem;}.StyledBreadcrumbs_s11md4e4 a,.StyledBreadcrumbs_s11md4e4 li{color:#707070;font-size:0.75rem;}.StyledBreadcrumbs_s11md4e4.hide-last li:last-child:after{display:none;}
1
+ .StyledBreadcrumbs_s11md4e4{line-height:1.5;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin-bottom:2rem;}.StyledBreadcrumbs_s11md4e4 a,.StyledBreadcrumbs_s11md4e4 li{color:#707070;font-size:0.75rem;}.StyledBreadcrumbs_s11md4e4.hide-last li:last-child:after{display:none;}
2
2
  .Breadcrumb_b17ekgas{white-space:nowrap;}.Breadcrumb_b17ekgas:after{display:inline-block;content:'/';padding:0 0.33em;}
@@ -1,2 +1,2 @@
1
1
  .DropdownMenu0_dv23fto global([data-flight-dropdown-open='false'] [data-flight-dropdown-items]){display:none;}
2
- .styles_ssx52uf{position:relative;}.styles_ssx52uf [data-flight-dropdown-button]{padding:0.5em 1em;border:1px solid #c0c0c0;border-radius:3px;}.styles_ssx52uf [data-flight-dropdown-items]{position:absolute;position:absolute;top:100%;left:0;background:white;white-space:nowrap;display:block;z-index:2;outline:none;}.styles_ssx52uf [data-flight-dropdown-item]{cursor:pointer;border-top:1px solid #c0c0c0;white-space:nowrap;padding:0.5em 1em;}.styles_ssx52uf [data-flight-dropdown-item]:hover{color:blue;}
2
+ .styles_ssx52uf{position:relative;}.styles_ssx52uf [data-flight-dropdown-button]{padding:0.5em 1em;border:1px solid #c0c0c0;border-radius:3px;}.styles_ssx52uf [data-flight-dropdown-items]{position:absolute;top:100%;left:0;background:white;white-space:nowrap;display:block;z-index:2;outline:none;}.styles_ssx52uf [data-flight-dropdown-item]{cursor:pointer;border-top:1px solid #c0c0c0;white-space:nowrap;padding:0.5em 1em;}.styles_ssx52uf [data-flight-dropdown-item]:hover{color:blue;}
@@ -0,0 +1,11 @@
1
+ {
2
+ "configurations": [
3
+ {
4
+ "type": "node-terminal",
5
+ "name": "Run Script: start",
6
+ "request": "launch",
7
+ "command": "yarn run start",
8
+ "cwd": "${workspaceFolder}"
9
+ }
10
+ ]
11
+ }