@weareconceptstudio/account 0.2.5 → 0.2.7

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 (41) hide show
  1. package/dist/components/AccountButton/style.js +112 -41
  2. package/dist/components/AccountContainer/index.d.ts +9 -2
  3. package/dist/components/AccountContainer/index.js +3 -2
  4. package/dist/components/TotalCheckout/FreeShippingComp/index.d.ts +8 -0
  5. package/dist/components/TotalCheckout/FreeShippingComp/index.js +22 -0
  6. package/dist/components/TotalCheckout/FreeShippingComp/style.d.ts +2 -0
  7. package/dist/components/TotalCheckout/FreeShippingComp/style.js +101 -0
  8. package/dist/components/TotalCheckout/PromoCodeComp/index.d.ts +5 -0
  9. package/dist/components/TotalCheckout/PromoCodeComp/index.js +29 -0
  10. package/dist/components/TotalCheckout/PromoCodeComp/style.d.ts +2 -0
  11. package/dist/components/TotalCheckout/PromoCodeComp/style.js +127 -0
  12. package/dist/components/TotalCheckout/PromoCodeComp/utils.d.ts +10 -0
  13. package/dist/components/TotalCheckout/PromoCodeComp/utils.js +14 -0
  14. package/dist/components/TotalCheckout/index.js +10 -4
  15. package/dist/modules/account/AccountTemplate/style.js +8 -6
  16. package/dist/modules/auth/ForgotPasswordTemplate/index.js +62 -45
  17. package/dist/modules/auth/ForgotPasswordTemplate/style.js +17 -9
  18. package/dist/modules/auth/ResetPasswordTemplate/style.js +5 -3
  19. package/dist/modules/auth/SignInTemplate/style.js +10 -6
  20. package/dist/modules/auth/VerifyEmailAddressTemplate/style.js +5 -3
  21. package/dist/modules/cart/CartTemplate/index.js +2 -2
  22. package/dist/modules/cart/CartTemplate/style.js +7 -5
  23. package/dist/modules/cart/SimpleItems/Item/index.js +1 -1
  24. package/dist/modules/cart/SimpleItems/ItemMobile/index.js +1 -1
  25. package/dist/modules/cart/SimpleItems/style.js +43 -4
  26. package/dist/modules/checkout/CheckoutTemplate/index.js +2 -2
  27. package/dist/modules/order/OrderIndividualTemplate/index.js +2 -10
  28. package/dist/modules/order/OrderedItems/index.d.ts +2 -1
  29. package/dist/modules/order/OrderedItems/index.js +11 -5
  30. package/dist/modules/order/OrderedItems/style.js +55 -28
  31. package/dist/styles/helperClass.js +8 -0
  32. package/dist/styles/theme.js +1 -0
  33. package/dist/styles/variables.js +2 -0
  34. package/dist/translations/en.d.ts +3 -0
  35. package/dist/translations/en.js +3 -0
  36. package/dist/translations/hy.d.ts +3 -0
  37. package/dist/translations/hy.js +3 -0
  38. package/dist/translations/index.d.ts +9 -0
  39. package/dist/translations/ru.d.ts +3 -0
  40. package/dist/translations/ru.js +3 -0
  41. package/package.json +1 -1
package/dist/modules/order/OrderedItems/style.js CHANGED
@@ -43,6 +43,21 @@ const OrderedItemsStyle = styled.div `
43
43
 
44
44
  margin-top: var(--account_orderItemsMarginTop);
45
45
 
46
+ .order-flex-block {
47
+ display: flex;
48
+ flex-wrap: wrap;
49
+ align-items: center;
50
+ justify-content: space-between;
51
+ gap: var(--sp1x);
52
+ }
53
+
54
+ .ordered-item-mobile-title {
55
+ a,
56
+ button {
57
+ text-align: left;
58
+ }
59
+ }
60
+
46
61
  .line {
47
62
  width: 100%;
48
63
  border-bottom: 2px solid var(--account_primaryColor1);
@@ -230,11 +245,13 @@ const OrderedItemsStyle = styled.div `
230
245
  }
231
246
  }
232
247
 
233
- @media (hover: hover) {
234
- &:hover {
235
- color: var(--account_primaryColor6);
236
- background-color: var(--account_backgroundColor);
237
- border: 2px solid var(--account_primaryColor6);
248
+ @media (pointer: fine) {
249
+ @media (hover: hover) {
250
+ &:hover {
251
+ color: var(--account_primaryColor6);
252
+ background-color: var(--account_backgroundColor);
253
+ border: 2px solid var(--account_primaryColor6);
254
+ }
238
255
  }
239
256
  }
240
257
  }
@@ -281,10 +298,12 @@ const OrderedItemsStyle = styled.div `
281
298
  color: var(--account_primaryColor1);
282
299
  border: 2px solid var(--account_primaryColor1);
283
300
 
284
- @media (hover: hover) {
285
- &:hover {
286
- background-color: var(--account_primaryColor1);
287
- color: var(--account_backgroundColor);
301
+ @media (pointer: fine) {
302
+ @media (hover: hover) {
303
+ &:hover {
304
+ background-color: var(--account_primaryColor1);
305
+ color: var(--account_backgroundColor);
306
+ }
288
307
  }
289
308
  }
290
309
  }
@@ -298,11 +317,13 @@ const OrderedItemsStyle = styled.div `
298
317
  background-color: var(--account_primaryColor1);
299
318
  border: 2px solid var(--account_primaryColor1);
300
319
 
301
- @media (hover: hover) {
302
- &:hover {
303
- color: var(--account_primaryColor1);
304
- background-color: var(--account_backgroundColor);
305
- border: 2px solid var(--account_primaryColor1);
320
+ @media (pointer: fine) {
321
+ @media (hover: hover) {
322
+ &:hover {
323
+ color: var(--account_primaryColor1);
324
+ background-color: var(--account_backgroundColor);
325
+ border: 2px solid var(--account_primaryColor1);
326
+ }
306
327
  }
307
328
  }
308
329
  }
@@ -708,11 +729,13 @@ const OrderedItemsStyle = styled.div `
708
729
  }
709
730
  }
710
731
 
711
- @media (hover: hover) {
712
- &:hover {
713
- color: var(--account_primaryColor6);
714
- background-color: var(--account_backgroundColor);
715
- border: 2px solid var(--account_primaryColor6);
732
+ @media (pointer: fine) {
733
+ @media (hover: hover) {
734
+ &:hover {
735
+ color: var(--account_primaryColor6);
736
+ background-color: var(--account_backgroundColor);
737
+ border: 2px solid var(--account_primaryColor6);
738
+ }
716
739
  }
717
740
  }
718
741
  }
@@ -745,10 +768,12 @@ const OrderedItemsStyle = styled.div `
745
768
  color: var(--account_primaryColor1);
746
769
  border: 2px solid var(--account_primaryColor1);
747
770
 
748
- @media (hover: hover) {
749
- &:hover {
750
- background-color: var(--account_primaryColor1);
751
- color: var(--account_backgroundColor);
771
+ @media (pointer: fine) {
772
+ @media (hover: hover) {
773
+ &:hover {
774
+ background-color: var(--account_primaryColor1);
775
+ color: var(--account_backgroundColor);
776
+ }
752
777
  }
753
778
  }
754
779
  }
@@ -766,11 +791,13 @@ const OrderedItemsStyle = styled.div `
766
791
  background-color: var(--account_primaryColor1);
767
792
  border: 2px solid var(--account_primaryColor1);
768
793
 
769
- @media (hover: hover) {
770
- &:hover {
771
- color: var(--account_primaryColor1);
772
- background-color: var(--account_backgroundColor);
773
- border: 2px solid var(--account_primaryColor1);
794
+ @media (pointer: fine) {
795
+ @media (hover: hover) {
796
+ &:hover {
797
+ color: var(--account_primaryColor1);
798
+ background-color: var(--account_backgroundColor);
799
+ border: 2px solid var(--account_primaryColor1);
800
+ }
774
801
  }
775
802
  }
776
803
  }
package/dist/styles/helperClass.js CHANGED
@@ -260,6 +260,14 @@ const AccountHelperClass = createGlobalStyle `${css `
260
260
  }
261
261
  }
262
262
 
263
+ .account-surface-color {
264
+ color: var(--account_surfaceColor);
265
+
266
+ &-bg {
267
+ background-color: var(--account_surfaceColor);
268
+ }
269
+ }
270
+
263
271
  .account-font-regular {
264
272
  font-family: var(--account_Font);
265
273
  font-weight: 400;
package/dist/styles/theme.js CHANGED
@@ -35,6 +35,7 @@ export default (props) => ({
35
35
  account_secondaryColor7: '#FFDAD8',
36
36
  account_secondaryColor8: '#D7DBF5',
37
37
  account_secondaryColor9: '#B067CC',
38
+ account_surfaceColor: '#F7F7F7',
38
39
  //! Error Color
39
40
  account_errorColor: '#DE554E',
40
41
  account_errorColorBg: 'rgba(222, 85, 78, 0.1)',
package/dist/styles/variables.js CHANGED
@@ -52,6 +52,8 @@ const AccountVariables = createGlobalStyle `${css `
52
52
  --account_errorColorBg: ${(props) => props.theme.account.colors.account_errorColorBg};
53
53
  --account_successColor: ${(props) => props.theme.account.colors.account_successColor};
54
54
  --account_successColorBg: ${(props) => props.theme.account.colors.account_successColorBg};
55
+
56
+ --account_surfaceColor: ${(props) => props.theme.account.colors.account_surfaceColor};
55
57
  }
56
58
 
57
59
  /* //! 2560 */
package/dist/translations/en.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  recoveryText: string;
15
15
  tryAgainText: string;
16
16
  tryAgain: string;
17
+ resendNewLink: string;
17
18
  successfullyMessage: string;
18
19
  registration: string;
19
20
  alreadyHaveAnAccount: string;
@@ -169,5 +170,7 @@ declare const _default: {
169
170
  reorder: string;
170
171
  backToShop: string;
171
172
  forgotErrorDescription: string;
173
+ gotPromotionCode: string;
174
+ promoCodePlaceholder: string;
172
175
  };
173
176
  export default _default;
package/dist/translations/en.js CHANGED
@@ -14,6 +14,7 @@ export default {
14
14
  recoveryText: 'We sent a recovery link to you at',
15
15
  tryAgainText: 'If you didn’t receive the email please',
16
16
  tryAgain: 'try again.',
17
+ resendNewLink: 'Resend a new link',
17
18
  successfullyMessage: 'Your password has successfully changed.',
18
19
  registration: 'Registration',
19
20
  alreadyHaveAnAccount: 'Already have an account?',
@@ -181,4 +182,6 @@ export default {
181
182
  reorder: 'Reorder',
182
183
  backToShop: 'Back to shop',
183
184
  forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
185
+ gotPromotionCode: '+ Got a promotion code?',
186
+ promoCodePlaceholder: 'Type your code',
184
187
  };
package/dist/translations/hy.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  recoveryText: string;
15
15
  tryAgainText: string;
16
16
  tryAgain: string;
17
+ resendNewLink: string;
17
18
  successfullyMessage: string;
18
19
  registration: string;
19
20
  alreadyHaveAnAccount: string;
@@ -169,5 +170,7 @@ declare const _default: {
169
170
  reorder: string;
170
171
  backToShop: string;
171
172
  forgotErrorDescription: string;
173
+ gotPromotionCode: string;
174
+ promoCodePlaceholder: string;
172
175
  };
173
176
  export default _default;
package/dist/translations/hy.js CHANGED
@@ -14,6 +14,7 @@ export default {
14
14
  recoveryText: 'We sent a recovery link to you at',
15
15
  tryAgainText: 'If you didn’t receive the email please',
16
16
  tryAgain: 'try again.',
17
+ resendNewLink: 'Resend a new link',
17
18
  successfullyMessage: 'Your password has successfully changed.',
18
19
  registration: 'Registration',
19
20
  alreadyHaveAnAccount: 'Already have an account?',
@@ -181,4 +182,6 @@ export default {
181
182
  reorder: 'Reorder',
182
183
  backToShop: 'Back to shop',
183
184
  forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
185
+ gotPromotionCode: '+ Got a promotion code?',
186
+ promoCodePlaceholder: 'Type your code',
184
187
  };
package/dist/translations/index.d.ts CHANGED
@@ -15,6 +15,7 @@ declare const _default: {
15
15
  recoveryText: string;
16
16
  tryAgainText: string;
17
17
  tryAgain: string;
18
+ resendNewLink: string;
18
19
  successfullyMessage: string;
19
20
  registration: string;
20
21
  alreadyHaveAnAccount: string;
@@ -170,6 +171,8 @@ declare const _default: {
170
171
  reorder: string;
171
172
  backToShop: string;
172
173
  forgotErrorDescription: string;
174
+ gotPromotionCode: string;
175
+ promoCodePlaceholder: string;
173
176
  };
174
177
  hy: {
175
178
  editCart: string;
@@ -187,6 +190,7 @@ declare const _default: {
187
190
  recoveryText: string;
188
191
  tryAgainText: string;
189
192
  tryAgain: string;
193
+ resendNewLink: string;
190
194
  successfullyMessage: string;
191
195
  registration: string;
192
196
  alreadyHaveAnAccount: string;
@@ -342,6 +346,8 @@ declare const _default: {
342
346
  reorder: string;
343
347
  backToShop: string;
344
348
  forgotErrorDescription: string;
349
+ gotPromotionCode: string;
350
+ promoCodePlaceholder: string;
345
351
  };
346
352
  ru: {
347
353
  editCart: string;
@@ -359,6 +365,7 @@ declare const _default: {
359
365
  recoveryText: string;
360
366
  tryAgainText: string;
361
367
  tryAgain: string;
368
+ resendNewLink: string;
362
369
  successfullyMessage: string;
363
370
  registration: string;
364
371
  alreadyHaveAnAccount: string;
@@ -514,6 +521,8 @@ declare const _default: {
514
521
  reorder: string;
515
522
  backToShop: string;
516
523
  forgotErrorDescription: string;
524
+ gotPromotionCode: string;
525
+ promoCodePlaceholder: string;
517
526
  };
518
527
  };
519
528
  export default _default;
package/dist/translations/ru.d.ts CHANGED
@@ -14,6 +14,7 @@ declare const _default: {
14
14
  recoveryText: string;
15
15
  tryAgainText: string;
16
16
  tryAgain: string;
17
+ resendNewLink: string;
17
18
  successfullyMessage: string;
18
19
  registration: string;
19
20
  alreadyHaveAnAccount: string;
@@ -169,5 +170,7 @@ declare const _default: {
169
170
  reorder: string;
170
171
  backToShop: string;
171
172
  forgotErrorDescription: string;
173
+ gotPromotionCode: string;
174
+ promoCodePlaceholder: string;
172
175
  };
173
176
  export default _default;
package/dist/translations/ru.js CHANGED
@@ -14,6 +14,7 @@ export default {
14
14
  recoveryText: 'We sent a recovery link to you at',
15
15
  tryAgainText: 'If you didn’t receive the email please',
16
16
  tryAgain: 'try again.',
17
+ resendNewLink: 'Resend a new link',
17
18
  successfullyMessage: 'Your password has successfully changed.',
18
19
  registration: 'Registration',
19
20
  alreadyHaveAnAccount: 'Already have an account?',
@@ -181,4 +182,6 @@ export default {
181
182
  reorder: 'Reorder',
182
183
  backToShop: 'Back to shop',
183
184
  forgotErrorDescription: 'You will receive an email with a recovery link code within 1 minute․',
185
+ gotPromotionCode: '+ Got a promotion code?',
186
+ promoCodePlaceholder: 'Type your code',
184
187
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weareconceptstudio/account",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "description": "Concept Studio Account",
5
5
  "author": "Concept Studio",
6
6
  "license": "ISC",