@riosst100/pwa-marketplace 2.0.5 → 2.0.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 (11) hide show
  1. package/package.json +1 -1
  2. package/src/components/CrossSeller/verifyIcon.js +1 -1
  3. package/src/components/Pagination/index.js +6 -6
  4. package/src/components/ProductListTab/productListTab.module.css +1 -1
  5. package/src/components/RFQ/modalRfq.js +1 -1
  6. package/src/components/SellerDetail/sellerDetail.js +8 -8
  7. package/src/components/SellerReview/sellerReview.js +5 -5
  8. package/src/components/SellerReviewItem/sellerReviewItem.js +1 -1
  9. package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js +7 -7
  10. package/src/overwrites/venia-ui/lib/components/ProductImageCarousel/thumbnail.module.css +1 -1
  11. package/src/theme/vars.js +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@riosst100/pwa-marketplace",
3
3
  "author": "riosst100@gmail.com",
4
- "version": "2.0.5",
4
+ "version": "2.0.6",
5
5
  "main": "src/index.js",
6
6
  "pwa-studio": {
7
7
  "targets": {
package/src/components/CrossSeller/verifyIcon.js CHANGED
@@ -3,7 +3,7 @@ import React from 'react'
3
3
  const verifyIcon = () => (
4
4
  <>
5
5
  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
6
- <path d="M8.9584 2.04185C9.5334 1.55018 10.4751 1.55018 11.0584 2.04185L12.3751 3.17518C12.6251 3.39185 13.0917 3.56685 13.4251 3.56685H14.8417C15.7251 3.56685 16.4501 4.29185 16.4501 5.17518V6.59185C16.4501 6.91685 16.6251 7.39185 16.8417 7.64185L17.9751 8.95851C18.4667 9.53351 18.4667 10.4752 17.9751 11.0585L16.8417 12.3752C16.6251 12.6252 16.4501 13.0918 16.4501 13.4252V14.8418C16.4501 15.7252 15.7251 16.4502 14.8417 16.4502H13.4251C13.1001 16.4502 12.6251 16.6252 12.3751 16.8418L11.0584 17.9752C10.4834 18.4668 9.54173 18.4668 8.9584 17.9752L7.64173 16.8418C7.39173 16.6252 6.92506 16.4502 6.59173 16.4502H5.15006C4.26673 16.4502 3.54173 15.7252 3.54173 14.8418V13.4168C3.54173 13.0918 3.36673 12.6252 3.1584 12.3752L2.0334 11.0502C1.55007 10.4752 1.55007 9.54185 2.0334 8.96685L3.1584 7.64185C3.36673 7.39185 3.54173 6.92518 3.54173 6.60018V5.16685C3.54173 4.28351 4.26673 3.55851 5.15006 3.55851H6.59173C6.91673 3.55851 7.39173 3.38351 7.64173 3.16685L8.9584 2.04185Z" fill="#4E31DB" stroke="#4E31DB" stroke-linecap="round" stroke-linejoin="round" />
6
+ <path d="M8.9584 2.04185C9.5334 1.55018 10.4751 1.55018 11.0584 2.04185L12.3751 3.17518C12.6251 3.39185 13.0917 3.56685 13.4251 3.56685H14.8417C15.7251 3.56685 16.4501 4.29185 16.4501 5.17518V6.59185C16.4501 6.91685 16.6251 7.39185 16.8417 7.64185L17.9751 8.95851C18.4667 9.53351 18.4667 10.4752 17.9751 11.0585L16.8417 12.3752C16.6251 12.6252 16.4501 13.0918 16.4501 13.4252V14.8418C16.4501 15.7252 15.7251 16.4502 14.8417 16.4502H13.4251C13.1001 16.4502 12.6251 16.6252 12.3751 16.8418L11.0584 17.9752C10.4834 18.4668 9.54173 18.4668 8.9584 17.9752L7.64173 16.8418C7.39173 16.6252 6.92506 16.4502 6.59173 16.4502H5.15006C4.26673 16.4502 3.54173 15.7252 3.54173 14.8418V13.4168C3.54173 13.0918 3.36673 12.6252 3.1584 12.3752L2.0334 11.0502C1.55007 10.4752 1.55007 9.54185 2.0334 8.96685L3.1584 7.64185C3.36673 7.39185 3.54173 6.92518 3.54173 6.60018V5.16685C3.54173 4.28351 4.26673 3.55851 5.15006 3.55851H6.59173C6.91673 3.55851 7.39173 3.38351 7.64173 3.16685L8.9584 2.04185Z" fill="#f76b1c" stroke="#f76b1c" stroke-linecap="round" stroke-linejoin="round" />
7
7
  <path d="M6.9834 10.0001L8.99173 12.0167L13.0167 7.9834" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
8
8
  </svg>
9
9
  </>
package/src/components/Pagination/index.js CHANGED
@@ -12,18 +12,18 @@ const Pagination = ({ totalPages, currentPage, pageSize }) => {
12
12
  }
13
13
  }
14
14
 
15
- const activeClass = "inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] bg-[#6243fa] rounded-[5px] border border-solid border-[#6243fa]";
15
+ const activeClass = "inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] bg-[#f76b1c] rounded-[5px] border border-solid border-[#f76b1c]";
16
16
  const bgClass = "inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]";
17
17
 
18
18
  const activeTextClass = "relative w-fit font-normal text-white text-[14px] tracking-[0] leading-none whitespace-nowrap";
19
- const textClass = "relative w-fit font-normal text-[#6243fa] text-[14px] tracking-[0] leading-none whitespace-nowrap";
19
+ const textClass = "relative w-fit font-normal text-[#f76b1c] text-[14px] tracking-[0] leading-none whitespace-nowrap";
20
20
 
21
21
  return (
22
22
  <>
23
23
  <div className={'inline-flex items-start gap-[10px] relative'}>
24
24
  <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
25
- <div className="relative w-fit font-normal text-[#6243fa] text-[14px] tracking-[0] leading-none whitespace-nowrap">
26
- <ArrowLeft2 size="16" color="#6243fa" variant="Outline" />
25
+ <div className="relative w-fit font-normal text-[#f76b1c] text-[14px] tracking-[0] leading-none whitespace-nowrap">
26
+ <ArrowLeft2 size="16" color="#f76b1c" variant="Outline" />
27
27
  </div>
28
28
  </button>
29
29
  {pageNumbers ? pageNumbers.map((num, index) => (
@@ -36,8 +36,8 @@ const Pagination = ({ totalPages, currentPage, pageSize }) => {
36
36
  </span>
37
37
  )) : ''}
38
38
  <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
39
- <div className="relative w-fit font-normal text-[#6243fa] text-[14px] tracking-[0] leading-none whitespace-nowrap">
40
- <ArrowRight2 size="16" color="#6243fa" variant="Outline" />
39
+ <div className="relative w-fit font-normal text-[#f76b1c] text-[14px] tracking-[0] leading-none whitespace-nowrap">
40
+ <ArrowRight2 size="16" color="#f76b1c" variant="Outline" />
41
41
  </div>
42
42
  </button>
43
43
  </div>
package/src/components/ProductListTab/productListTab.module.css CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  .activeButton {
27
27
  color: white;
28
- background-color: #4E31DB;
28
+ background-color: #f76b1c;
29
29
  }
30
30
 
31
31
  .activeFirstButton {
package/src/components/RFQ/modalRfq.js CHANGED
@@ -183,7 +183,7 @@ const RFQModalForm = (props) => {
183
183
  <input {...getInputProps()} />
184
184
  <DocumentUpload
185
185
  size="32"
186
- color="#ff3b98"
186
+ color="#f76b1c"
187
187
  />
188
188
  <div className='mt-2 text-blue-600'>Drop files or click here to upload</div>
189
189
  </div>
package/src/components/SellerDetail/sellerDetail.js CHANGED
@@ -94,7 +94,7 @@ const SellerDetail = props => {
94
94
  {seller ? seller.name : ''}
95
95
  </div>
96
96
  <div className="flex items-center gap-[5px] relative">
97
- <Verify variant='Bold' color='#4E31DB' size={20} />
97
+ <Verify variant='Bold' color='#f76b1c' size={20} />
98
98
  <div className="relative w-fit font-medium text-[#192221b3] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">
99
99
  Verified
100
100
  </div>
@@ -105,10 +105,10 @@ const SellerDetail = props => {
105
105
  </div>
106
106
  </div>
107
107
  <div className='flex flex-wrap items-start gap-4 relative'>
108
- <button class="flex items-center justify-center gap-[5px] xs_p-[11px] lg_px-[20px] lg_py-[8px] relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
108
+ <button class="flex items-center justify-center gap-[5px] xs_p-[11px] lg_px-[20px] lg_py-[8px] relative bg-white rounded-[30px] border border-solid border-[#f76b1c]">
109
109
  <div class="flex items-center justify-center gap-[10px] relative">
110
- <Sms color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
111
- <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-base tracking-[0] leading-[20px] whitespace-nowrap">
110
+ <Sms color="#f76b1c" size={14} variant="Outline" className='stroke-[#f76b1c]' />
111
+ <div class="relative xs_hidden lg_flex w-fit font-medium text-[#f76b1c] text-base tracking-[0] leading-[20px] whitespace-nowrap">
112
112
  Message
113
113
  </div>
114
114
  </div>
@@ -140,11 +140,11 @@ const SellerDetail = props => {
140
140
  />
141
141
  </span>
142
142
  </Button>
143
- <button class="flex items-center justify-center gap-[5px] p-[11px] relative bg-white rounded-[30px] overflow-hidden border border-solid border-[#6243fa]">
144
- <Heart color='#ff3b98' size={14} variant="Outline" className='stroke-[#ff3b98]' />
143
+ <button class="flex items-center justify-center gap-[5px] p-[11px] relative bg-white rounded-[30px] overflow-hidden border border-solid border-[#f76b1c]">
144
+ <Heart color='#f76b1c' size={14} variant="Outline" className='stroke-[#f76b1c]' />
145
145
  </button>
146
- <button class="flex items-center justify-center gap-[5px] p-[11px] relative bg-white rounded-[30px] overflow-hidden border border-solid border-[#6243fa]">
147
- <Share color='#ff3b98' size={14} variant="Outline" className='stroke-[#ff3b98]' />
146
+ <button class="flex items-center justify-center gap-[5px] p-[11px] relative bg-white rounded-[30px] overflow-hidden border border-solid border-[#f76b1c]">
147
+ <Share color='#f76b1c' size={14} variant="Outline" className='stroke-[#f76b1c]' />
148
148
  </button>
149
149
  </div>
150
150
  </div>
package/src/components/SellerReview/sellerReview.js CHANGED
@@ -51,7 +51,7 @@ const SellerReview = ({ seller }) => {
51
51
  </div>
52
52
  <div className="xs_w-full lg_w-40 h-[6px] relative">
53
53
  <div className="w-full h-[6px] absolute bg-[#E4EBF5] rounded" />
54
- <div className="w-full h-[6px] absolute bg-[#4E31DB] rounded" />
54
+ <div className="w-full h-[6px] absolute bg-[#f76b1c] rounded" />
55
55
  </div>
56
56
  </div>
57
57
  <div className="w-10 text-zinc-900 text-base font-normal leading-[18px]">12</div>
@@ -68,7 +68,7 @@ const SellerReview = ({ seller }) => {
68
68
  </div>
69
69
  <div className="xs_w-full lg_w-40 h-[6px] relative">
70
70
  <div className="w-full h-[6px] absolute bg-[#E4EBF5] rounded" />
71
- <div className="w-[80%] h-[6px] absolute bg-[#4E31DB] rounded" />
71
+ <div className="w-[80%] h-[6px] absolute bg-[#f76b1c] rounded" />
72
72
  </div>
73
73
  </div>
74
74
  <div className="w-10 text-zinc-900 text-base font-normal leading-[18px]">8</div>
@@ -85,7 +85,7 @@ const SellerReview = ({ seller }) => {
85
85
  </div>
86
86
  <div className="xs_w-full lg_w-40 h-[6px] relative">
87
87
  <div className="w-full h-[6px] absolute bg-[#E4EBF5] rounded" />
88
- <div className="w-[45%] h-[6px] absolute bg-[#4E31DB] rounded" />
88
+ <div className="w-[45%] h-[6px] absolute bg-[#f76b1c] rounded" />
89
89
  </div>
90
90
  </div>
91
91
  <div className="w-10 text-zinc-900 text-base font-normal leading-[18px]">5</div>
@@ -102,7 +102,7 @@ const SellerReview = ({ seller }) => {
102
102
  </div>
103
103
  <div className="xs_w-full lg_w-40 h-[6px] relative">
104
104
  <div className="w-full h-[6px] absolute bg-[#E4EBF5] rounded" />
105
- <div className="w-[1%] h-[6px] absolute bg-[#4E31DB] rounded" />
105
+ <div className="w-[1%] h-[6px] absolute bg-[#f76b1c] rounded" />
106
106
  </div>
107
107
  </div>
108
108
  <div className="w-10 text-zinc-900 text-base font-normal leading-[18px]">1</div>
@@ -119,7 +119,7 @@ const SellerReview = ({ seller }) => {
119
119
  </div>
120
120
  <div className="xs_w-full lg_w-40 h-[6px] relative">
121
121
  <div className="w-full h-[6px] absolute bg-[#E4EBF5] rounded" />
122
- <div className="w-[0%] h-[6px] absolute bg-[#4E31DB] rounded" />
122
+ <div className="w-[0%] h-[6px] absolute bg-[#f76b1c] rounded" />
123
123
  </div>
124
124
  </div>
125
125
  <div className="w-10 text-zinc-900 text-base font-normal leading-[18px]">0</div>
package/src/components/SellerReviewItem/sellerReviewItem.js CHANGED
@@ -91,7 +91,7 @@ const SellerReviewItem = ({ review }) => {
91
91
  <div class="flex flex-col items-start gap-[20px] relative self-stretch w-full flex-[0_0_auto]">
92
92
  <div class="inline-flex flex-col items-start gap-[10px] relative flex-[0_0_auto]">
93
93
  <div class="inline-flex items-center gap-[15px] relative flex-[0_0_auto]">
94
- <div class="flex w-[40px] h-[40px] items-center justify-around gap-[10px] p-[10px] relative bg-[#4e31db] rounded-[30px]">
94
+ <div class="flex w-[40px] h-[40px] items-center justify-around gap-[10px] p-[10px] relative bg-[#f76b1c] rounded-[30px]">
95
95
  <div class="relative w-fit font-semibold text-white text-[14px] text-center tracking-[0] leading-[18px] whitespace-nowrap">
96
96
  {review ? getInitialName(review.nickname) : ''}
97
97
  </div>
package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js CHANGED
@@ -620,7 +620,7 @@ const ProductFullDetail = props => {
620
620
  {sellerDetails ? sellerDetails.name : ''}
621
621
  </div>
622
622
  <div className="flex items-center relative">
623
- <Verify variant='Bold' color='#4E31DB' size={20} />
623
+ <Verify variant='Bold' color='#f76b1c' size={20} />
624
624
  </div>
625
625
  </div>
626
626
  <div class="relative w-fit font-normal text-[#999999] text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">
@@ -628,10 +628,10 @@ const ProductFullDetail = props => {
628
628
  </div>
629
629
  </div>
630
630
  <div className='flex flex-wrap items-start gap-4 relative'>
631
- <Link to='/' class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
631
+ <Link to='/' class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#f76b1c]">
632
632
  <div class="flex items-center justify-center gap-[10px] relative">
633
- <Sms color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
634
- <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
633
+ <Sms color="#f76b1c" size={14} variant="Outline" className='stroke-[#f76b1c]' />
634
+ <div class="relative xs_hidden lg_flex w-fit font-medium text-[#f76b1c] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
635
635
  Message
636
636
  </div>
637
637
  </div>
@@ -644,10 +644,10 @@ const ProductFullDetail = props => {
644
644
  </div>
645
645
  </div>
646
646
  </Link>
647
- <Link to={"/seller/"+sellerDetails.url_key} class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
647
+ <Link to={"/seller/"+sellerDetails.url_key} class="flex items-center justify-center gap-[5px] py-1 px-5 relative bg-white rounded-[30px] border border-solid border-[#f76b1c]">
648
648
  <div class="flex items-center justify-center gap-[10px] relative">
649
- <Shop color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
650
- <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
649
+ <Shop color="#f76b1c" size={14} variant="Outline" className='stroke-[#f76b1c]' />
650
+ <div class="relative xs_hidden lg_flex w-fit font-medium text-[#f76b1c] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
651
651
  Visit Store
652
652
  </div>
653
653
  </div>
package/src/overwrites/venia-ui/lib/components/ProductImageCarousel/thumbnail.module.css CHANGED
@@ -39,7 +39,7 @@
39
39
 
40
40
  .rootSelected {
41
41
  composes: root;
42
- box-shadow: 0 0 0 2px #4E31DB;
42
+ box-shadow: 0 0 0 2px #f76b1c;
43
43
  }
44
44
 
45
45
  .root:nth-child(-n+5) {
package/src/theme/vars.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export const textPrimary = '#1B1B1B';
2
2
  export const lightGray = '#E6E9EA';
3
3
  export const darkBlue = '#280135';
4
- export const blue = '#ff3b98';
4
+ export const blue = '#f76b1c';
5
5
  export const orange = '#F7C317';
6
6
  export const gray100 = '#B9AEC5';
7
7
  export const gray600 = '#1BA387';