@riosst100/pwa-marketplace 2.0.1 → 2.0.3

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 (14) hide show
  1. package/package.json +1 -1
  2. package/src/components/Dropdown/dropdown.js +3 -0
  3. package/src/components/RFQ/modalRfq.js +1 -1
  4. package/src/components/SellerDetail/sellerDetail.js +3 -3
  5. package/src/overwrites/venia-ui/lib/components/Header/accountTrigger.js +1 -1
  6. package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.js +1 -1
  7. package/src/overwrites/venia-ui/lib/components/Header/header.js +4 -4
  8. package/src/overwrites/venia-ui/lib/components/Header/wishlistTrigger.js +1 -1
  9. package/src/overwrites/venia-ui/lib/components/MegaMenu/megaMenuItem.js +2 -2
  10. package/src/overwrites/venia-ui/lib/components/MegaMenu/submenu.module.css +1 -1
  11. package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js +2 -2
  12. package/src/overwrites/venia-ui/lib/components/SearchBar/searchField.js +3 -0
  13. package/src/static-files/favicon.ico +0 -0
  14. 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.1",
4
+ "version": "2.0.3",
5
5
  "main": "src/index.js",
6
6
  "pwa-studio": {
7
7
  "targets": {
package/src/components/Dropdown/dropdown.js CHANGED
@@ -39,6 +39,9 @@ const Dropdown = (props) => {
39
39
  'border-gray-100 border-solid rounded-md min-w-max px-2.5 py-2',
40
40
  className
41
41
  )}
42
+ style={{
43
+ "paddingLeft":"1rem"
44
+ }}
42
45
  >
43
46
  {selected ? selected : placeholder}
44
47
  <ArrowDown2
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="#6243FA"
186
+ color="#ff3b98"
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
@@ -107,7 +107,7 @@ const SellerDetail = props => {
107
107
  <div className='flex flex-wrap items-start gap-4 relative'>
108
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]">
109
109
  <div class="flex items-center justify-center gap-[10px] relative">
110
- <Sms color="#6243FA" size={14} variant="Outline" className='stroke-[#6243FA]' />
110
+ <Sms color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
111
111
  <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-base tracking-[0] leading-[20px] whitespace-nowrap">
112
112
  Message
113
113
  </div>
@@ -141,10 +141,10 @@ const SellerDetail = props => {
141
141
  </span>
142
142
  </Button>
143
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='#6243FA' size={14} variant="Outline" className='stroke-[#6243FA]' />
144
+ <Heart color='#ff3b98' size={14} variant="Outline" className='stroke-[#ff3b98]' />
145
145
  </button>
146
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='#6243FA' size={14} variant="Outline" className='stroke-[#6243FA]' />
147
+ <Share color='#ff3b98' size={14} variant="Outline" className='stroke-[#ff3b98]' />
148
148
  </button>
149
149
  </div>
150
150
  </div>
package/src/overwrites/venia-ui/lib/components/Header/accountTrigger.js CHANGED
@@ -66,7 +66,7 @@ const AccountTrigger = props => {
66
66
  })}
67
67
  shouldIndicateLoading={true}
68
68
  /> */}
69
- <User size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
69
+ <User size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
70
70
  <span className='text-base font-semibold'>
71
71
  {formatMessage({
72
72
  id: 'accountTrigger.buttonFallback',
package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.js CHANGED
@@ -76,7 +76,7 @@ const CartTrigger = props => {
76
76
  data-cy="CartTrigger-trigger"
77
77
  >
78
78
  {/* <Icon src={ShoppingCartIcon} /> */}
79
- <ShoppingCart size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
79
+ <ShoppingCart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
80
80
  {maybeItemCounter}
81
81
  </button>
82
82
  </div>
package/src/overwrites/venia-ui/lib/components/Header/header.js CHANGED
@@ -43,8 +43,8 @@ const Header = props => {
43
43
  const baseUrl = data?.storeConfig?.base_media_url;
44
44
  const imageSource = data?.storeConfig?.header_logo_src;
45
45
  const LogoImageSource = `${baseUrl}/logo/${imageSource}`;
46
- const IMAGE_HEIGHT = data?.storeConfig?.logo_width || 25.23;
47
- const IMAGE_WIDTH = data?.storeConfig?.logo_height || 170;
46
+ const IMAGE_HEIGHT = data?.storeConfig?.logo_width || 28;
47
+ const IMAGE_WIDTH = data?.storeConfig?.logo_height || 190;
48
48
  const IMAGE_ALT = data?.storeConfig?.logo_alt || 'TCG Collective';
49
49
 
50
50
  const classes = useStyle(defaultClasses, props.classes);
@@ -84,7 +84,7 @@ const Header = props => {
84
84
  </div>
85
85
  <header className={cn(rootClass, '!flex flex-col !px-0 border-gray-100 ')} data-cy="Header-root">
86
86
  <div className={cn('middle-header border-b border-gray-100')}>
87
- <div className={cn('w-full max-w-[1210px] px-[15px] py-[20px] mx-[auto] flex justify-between items-center')}>
87
+ <div className={cn('w-full max-w-[1210px] px-[15px] py-[10px] mx-[auto] flex justify-between items-center')}>
88
88
  <div className='flex'>
89
89
  <NavTrigger />
90
90
 
@@ -133,7 +133,7 @@ const Header = props => {
133
133
  </div>
134
134
  <MegaMenu
135
135
  rootClassName={cn('nav-menu w-full max-w-[1210px] px-[15px] mx-[auto] flex-row gap-x-[40px]')}
136
- megaMenuItemClassname={cn('px-0 py-[15px] leading-[20px]')}
136
+ megaMenuItemClassname={cn('px-0 py-[10px] leading-[20px]')}
137
137
  titleClassName={cn('font-medium leading-[20px]')}
138
138
  />
139
139
  </header>
package/src/overwrites/venia-ui/lib/components/Header/wishlistTrigger.js CHANGED
@@ -14,7 +14,7 @@ const wishlistTrigger = () => {
14
14
  className={''}
15
15
  data-cy="wishlistLink"
16
16
  >
17
- <Heart size="25" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
17
+ <Heart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
18
18
  </Link>
19
19
  </div>
20
20
  )
package/src/overwrites/venia-ui/lib/components/MegaMenu/megaMenuItem.js CHANGED
@@ -116,8 +116,8 @@ const MegaMenuItem = props => {
116
116
  handleMenuItemFocus();
117
117
  }}
118
118
  onMouseLeave={e => {
119
- // handleClickOutside(e);
120
- // handleCloseSubMenu();
119
+ handleClickOutside(e);
120
+ handleCloseSubMenu();
121
121
  }}
122
122
  >
123
123
  <Link
package/src/overwrites/venia-ui/lib/components/MegaMenu/submenu.module.css CHANGED
@@ -5,7 +5,7 @@
5
5
  composes: px-3 from global;
6
6
  composes: py-1 from global;
7
7
  composes: right-0 from global;
8
- top: 130px;
8
+ top: 102px;
9
9
  box-shadow: 0 3px rgb(var(--venia-global-color-gray-100));
10
10
  }
11
11
 
package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js CHANGED
@@ -630,7 +630,7 @@ const ProductFullDetail = props => {
630
630
  <div className='flex flex-wrap items-start gap-4 relative'>
631
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]">
632
632
  <div class="flex items-center justify-center gap-[10px] relative">
633
- <Sms color="#6243FA" size={14} variant="Outline" className='stroke-[#6243FA]' />
633
+ <Sms color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
634
634
  <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
635
635
  Message
636
636
  </div>
@@ -646,7 +646,7 @@ const ProductFullDetail = props => {
646
646
  </Link>
647
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]">
648
648
  <div class="flex items-center justify-center gap-[10px] relative">
649
- <Shop color="#6243FA" size={14} variant="Outline" className='stroke-[#6243FA]' />
649
+ <Shop color="#ff3b98" size={14} variant="Outline" className='stroke-[#ff3b98]' />
650
650
  <div class="relative xs_hidden lg_flex w-fit font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
651
651
  Visit Store
652
652
  </div>
package/src/overwrites/venia-ui/lib/components/SearchBar/searchField.js CHANGED
@@ -19,6 +19,9 @@ const SearchField = props => {
19
19
  classes={{
20
20
  root: 'bg-transparent'
21
21
  }}
22
+ style={{
23
+ "paddingRight":"1rem"
24
+ }}
22
25
  >
23
26
  <SearchNormal size="18" color="#280135" variant="Outline" />
24
27
  </Trigger>
package/src/static-files/favicon.ico CHANGED
Binary file
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 = '#6243FA';
4
+ export const blue = '#ff3b98';
5
5
  export const orange = '#F7C317';
6
6
  export const gray100 = '#B9AEC5';
7
7
  export const gray600 = '#1BA387';