@gofynd/theme-template 3.2.0 → 3.2.2

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 (93) hide show
  1. package/dist/components/accordion/accordion.css +25 -0
  2. package/dist/components/accordion/accordion.js +1 -1
  3. package/dist/components/address-form/address-form.css +15 -15
  4. package/dist/components/address-form/form-input-selector.css +13 -13
  5. package/dist/components/core/fy-button/fy-button.css +5 -5
  6. package/dist/components/core/fy-dropdown/fy-dropdown.css +3 -3
  7. package/dist/components/core/fy-input/fy-input.css +4 -4
  8. package/dist/components/core/fy-input-group/fy-input-group.css +2 -2
  9. package/dist/components/filter-modal/filter-modal.css +5 -5
  10. package/dist/components/form-builder/form-builder.css +18 -18
  11. package/dist/components/index.css +27 -27
  12. package/dist/components/index.js +1 -1
  13. package/dist/components/location-modal/location-modal.css +9 -9
  14. package/dist/components/order-shipment/order-shipment.css +25 -0
  15. package/dist/components/order-shipment/order-shipment.js +1 -1
  16. package/dist/components/product-card/product-card.css +5 -5
  17. package/dist/components/range-slider/range-slider.css +5 -5
  18. package/dist/components/reasons-list/reason-item/reason-item.css +1 -1
  19. package/dist/components/reasons-list/reasons-list.css +1 -1
  20. package/dist/components/shipment-item/shipment-item.css +1 -1
  21. package/dist/components/shipments-update-item/shipments-update-item.css +1 -1
  22. package/dist/index.css +115 -90
  23. package/dist/index.js +1 -1
  24. package/dist/page-layouts/auth/account-locked/account-locked.css +5 -5
  25. package/dist/page-layouts/auth/mobile-number/mobile-number.css +4 -4
  26. package/dist/page-layouts/auth/verify-both/verify-both.css +3 -3
  27. package/dist/page-layouts/cart/Components/chip-item/chip-item.css +30 -5
  28. package/dist/page-layouts/cart/Components/chip-item/chip-item.js +1 -1
  29. package/dist/page-layouts/cart/Components/comment/comment.css +1 -1
  30. package/dist/page-layouts/cart/Components/coupon/coupon.css +1 -1
  31. package/dist/page-layouts/cart/Components/coupon/coupon.js +1 -1
  32. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.css +18 -18
  33. package/dist/page-layouts/cart/Components/gst-card/gst-card.css +2 -2
  34. package/dist/page-layouts/cart/Components/gst-card/gst-card.js +1 -1
  35. package/dist/page-layouts/compare/compare.css +5 -5
  36. package/dist/page-layouts/login/component/login-otp/login-otp.css +7 -7
  37. package/dist/page-layouts/login/component/login-password/login-password.css +7 -7
  38. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.css +16 -16
  39. package/dist/page-layouts/plp/Components/delivery-info/delivery-info.css +12 -12
  40. package/dist/page-layouts/plp/Components/filter-item/filter-item.css +5 -5
  41. package/dist/page-layouts/plp/Components/filter-list/filter-list.css +5 -5
  42. package/dist/page-layouts/single-checkout/address/single-address-content.css +2 -2
  43. package/dist/page-layouts/single-checkout/address/single-address.css +17 -17
  44. package/dist/page-layouts/single-checkout/payment/card-form.css +12 -12
  45. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css +12 -12
  46. package/dist/page-layouts/single-checkout/payment/checkout-payment-failure.css +1 -1
  47. package/dist/page-layouts/single-checkout/payment/checkout-payment.css +14 -14
  48. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  49. package/dist/pages/cart/cart.css +53 -28
  50. package/dist/pages/cart/cart.js +1 -1
  51. package/dist/pages/cart/index.css +53 -28
  52. package/dist/pages/cart/index.js +1 -1
  53. package/dist/pages/checkout/checkout.css +33 -33
  54. package/dist/pages/checkout/checkout.js +1 -1
  55. package/dist/pages/checkout/index.css +33 -33
  56. package/dist/pages/checkout/index.js +1 -1
  57. package/dist/pages/contact-us/contact-us.css +9 -9
  58. package/dist/pages/contact-us/contact-us.js +1 -1
  59. package/dist/pages/contact-us/index.css +9 -9
  60. package/dist/pages/contact-us/index.js +1 -1
  61. package/dist/pages/edit-profile/edit-profile.css +13 -13
  62. package/dist/pages/edit-profile/index.css +13 -13
  63. package/dist/pages/forgot-password/forget-password.css +6 -6
  64. package/dist/pages/forgot-password/index.css +6 -6
  65. package/dist/pages/index.css +115 -90
  66. package/dist/pages/index.js +1 -1
  67. package/dist/pages/login/index.css +10 -10
  68. package/dist/pages/login/login.css +10 -10
  69. package/dist/pages/order/index.css +9 -9
  70. package/dist/pages/order/order-tracking-details/order-tracking-details.css +35 -10
  71. package/dist/pages/order/order-tracking-details/order-tracking-details.js +1 -1
  72. package/dist/pages/order/order-tracking.css +9 -9
  73. package/dist/pages/order-status/index.css +5 -5
  74. package/dist/pages/order-status/order-status.css +5 -5
  75. package/dist/pages/product-listing/index.css +17 -17
  76. package/dist/pages/product-listing/product-listing.css +17 -17
  77. package/dist/pages/profile/components/add-email-modal/add-email-modal.css +9 -9
  78. package/dist/pages/profile/components/add-phone-modal/add-phone-modal.css +14 -14
  79. package/dist/pages/profile/components/confirm-modal/confirm-modal.css +5 -5
  80. package/dist/pages/profile/components/empty-state/empty-state.css +5 -5
  81. package/dist/pages/profile/email/email.css +9 -9
  82. package/dist/pages/profile/email/index.css +9 -9
  83. package/dist/pages/profile/index.css +10 -10
  84. package/dist/pages/profile/phone/index.css +14 -14
  85. package/dist/pages/profile/phone/phone.css +14 -14
  86. package/dist/pages/profile/profile-details.css +10 -10
  87. package/dist/pages/register/index.css +15 -15
  88. package/dist/pages/register/register.css +15 -15
  89. package/dist/pages/set-password/index.css +5 -5
  90. package/dist/pages/set-password/set-password.css +5 -5
  91. package/dist/pages/wishlist/index.css +16 -16
  92. package/dist/pages/wishlist/wishlist.css +16 -16
  93. package/package.json +1 -1
@@ -350,7 +350,7 @@ h5,
350
350
  margin-inline-end: 14px;
351
351
  }
352
352
  .cart__cartMainContainer___LF2fx .cart__errContainer___nWJ_s .cart__errMsg___pDbyV {
353
- color: var(--errorText, #b24141);
353
+ color: var(--errorText, #ff3333);
354
354
  flex-grow: 1;
355
355
  font-weight: 600;
356
356
  font-size: 12px;
@@ -939,7 +939,7 @@ h5,
939
939
  }
940
940
  .delivery-location__pincodeModal___KAYH1 .delivery-location__modalBody___RfoHR .delivery-location__modalPincodeContainer___G5DG2 .delivery-location__errorText___KQJXL {
941
941
  flex-basis: 100%;
942
- color: var(--errorText, #b24141);
942
+ color: var(--errorText, #ff3333);
943
943
  line-height: 140%;
944
944
  font-size: 12px;
945
945
  font-weight: 400;
@@ -1033,7 +1033,7 @@ h5,
1033
1033
  background-color: var(--pageBackground, #f8f8f8);
1034
1034
  }
1035
1035
  .delivery-location__addressModal___w8rJu .delivery-location__modalBody___RfoHR .delivery-location__pincodeBox___cp1ra .delivery-location__errorText___KQJXL {
1036
- color: var(--errorText, #b24141);
1036
+ color: var(--errorText, #ff3333);
1037
1037
  line-height: 140%;
1038
1038
  font-size: 12px;
1039
1039
  font-weight: 400;
@@ -1206,7 +1206,7 @@ h5,
1206
1206
  }
1207
1207
  .delivery-location__addrErrText___Vs74R {
1208
1208
  margin-inline-start: 25px;
1209
- color: var(--errorText, #b24141);
1209
+ color: var(--errorText, #ff3333);
1210
1210
  font-weight: 400;
1211
1211
  font-size: 12px;
1212
1212
  margin-top: 8px;
@@ -2518,7 +2518,7 @@ h5,
2518
2518
  justify-content: space-between;
2519
2519
  }
2520
2520
  .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__labelClassName___vSawZ span {
2521
- color: var(--errorText, #b24141);
2521
+ color: var(--errorText, #ff3333);
2522
2522
  }
2523
2523
  .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__formItemDiv___ciw5I:nth-child(odd) {
2524
2524
  margin-inline-end: 8px;
@@ -2529,7 +2529,7 @@ h5,
2529
2529
  }
2530
2530
  }
2531
2531
  .address-form__addressFormWrapper___M0Ler .address-form__formError___uBC6H {
2532
- color: var(--errorText, #b24141);
2532
+ color: var(--errorText, #ff3333);
2533
2533
  width: max-content;
2534
2534
  font-size: 12px;
2535
2535
  font-weight: 400;
@@ -3186,7 +3186,7 @@ h5,
3186
3186
  position: relative;
3187
3187
  }
3188
3188
  .fy-input__inputContainer___Du9V3 .fy-input__error___wplxk {
3189
- color: var(--errorText, #b24141);
3189
+ color: var(--errorText, #ff3333);
3190
3190
  padding-top: 5px;
3191
3191
  font-weight: 400;
3192
3192
  font-size: 12px;
@@ -3197,10 +3197,10 @@ h5,
3197
3197
  line-height: 21px;
3198
3198
  }
3199
3199
  .fy-input__label___YQgmr span {
3200
- color: var(--errorText, #b24141);
3200
+ color: var(--errorText, #ff3333);
3201
3201
  }
3202
3202
  .fy-input__required___MaAlL {
3203
- color: var(--errorText, #b24141);
3203
+ color: var(--errorText, #ff3333);
3204
3204
  }
3205
3205
  .fy-input__floating___jgtoq {
3206
3206
  position: absolute;
@@ -3247,7 +3247,7 @@ h5,
3247
3247
  border-color: var(--buttonPrimary, #4e3f09);
3248
3248
  }
3249
3249
  .fy-input__inputError___KsMkv {
3250
- border-color: var(--errorText, #b24141) !important;
3250
+ border-color: var(--errorText, #ff3333) !important;
3251
3251
  }
3252
3252
  .fy-input__no-border____9qYF {
3253
3253
  border: none;
@@ -3650,7 +3650,7 @@ h5,
3650
3650
  position: relative;
3651
3651
  }
3652
3652
  .fy-input-group__inputGroupContainer___DUhUi .fy-input-group__error___oRFgR {
3653
- color: var(--errorText, #b24141);
3653
+ color: var(--errorText, #ff3333);
3654
3654
  font-weight: 400;
3655
3655
  font-size: 12px;
3656
3656
  padding-top: 5px;
@@ -3661,7 +3661,7 @@ h5,
3661
3661
  line-height: 21px;
3662
3662
  }
3663
3663
  .fy-input-group__required___A8_zF {
3664
- color: var(--errorText, #b24141);
3664
+ color: var(--errorText, #ff3333);
3665
3665
  }
3666
3666
  .fy-input-group__fyInput___ufjFf {
3667
3667
  accent-color: var(--buttonPrimary, #4e3f09);
@@ -4028,13 +4028,13 @@ h5,
4028
4028
  position: relative;
4029
4029
  }
4030
4030
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__error___HSxiT {
4031
- color: var(--errorText, #b24141);
4031
+ color: var(--errorText, #ff3333);
4032
4032
  font-weight: 400;
4033
4033
  font-size: 12px;
4034
4034
  padding-top: 5px;
4035
4035
  }
4036
4036
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__required___h4JQY {
4037
- color: var(--errorText, #b24141);
4037
+ color: var(--errorText, #ff3333);
4038
4038
  }
4039
4039
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH {
4040
4040
  box-sizing: border-box;
@@ -4052,7 +4052,7 @@ h5,
4052
4052
  cursor: not-allowed;
4053
4053
  }
4054
4054
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH.fy-dropdown__dropDownError___IqJV1 {
4055
- border-color: var(--errorText, #b24141);
4055
+ border-color: var(--errorText, #ff3333);
4056
4056
  }
4057
4057
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH .fy-dropdown__dropdownButton___SqCaQ {
4058
4058
  border-radius: 3px;
@@ -4467,7 +4467,7 @@ h5,
4467
4467
  flex-direction: column;
4468
4468
  }
4469
4469
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__errorText___lRww6 {
4470
- color: var(--errorText, #b24141);
4470
+ color: var(--errorText, #ff3333);
4471
4471
  font-size: 12px;
4472
4472
  font-style: normal;
4473
4473
  font-weight: 400;
@@ -4475,14 +4475,14 @@ h5,
4475
4475
  margin-top: 5px;
4476
4476
  }
4477
4477
  .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT label {
4478
- color: var(--errorText, #b24141);
4478
+ color: var(--errorText, #ff3333);
4479
4479
  font-size: 12px;
4480
4480
  font-style: normal;
4481
4481
  font-weight: 400;
4482
4482
  line-height: 16.8px;
4483
4483
  }
4484
4484
  .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT .mobile-number__mobileNumberInput___iRnFG {
4485
- border: 1px solid var(--errorText, #b24141);
4485
+ border: 1px solid var(--errorText, #ff3333);
4486
4486
  }
4487
4487
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv {
4488
4488
  height: auto;
@@ -4506,7 +4506,7 @@ h5,
4506
4506
  opacity: 0.3;
4507
4507
  }
4508
4508
  .mobile-number__required___yHCeh {
4509
- color: var(--errorText, #b24141);
4509
+ color: var(--errorText, #ff3333);
4510
4510
  }
4511
4511
  .mobile-number__countryDropdown___GP6Fo {
4512
4512
  background-color: aquamarine;
@@ -5327,7 +5327,7 @@ h5,
5327
5327
  font-size: 12px;
5328
5328
  font-weight: 600;
5329
5329
  margin-inline-start: 14px;
5330
- color: var(--errorText, #b24141);
5330
+ color: var(--errorText, #ff3333);
5331
5331
  }
5332
5332
  .coupon__modalContent___BJog_ .coupon__modalBody___vZ3YF .coupon__couponInputBox___mlvGS {
5333
5333
  position: relative;
@@ -6070,7 +6070,7 @@ h5,
6070
6070
  .comment__commentOuterBox___tyEJJ .comment__inputBox___hqxzy .comment__commentError___qZ8ZF {
6071
6071
  font-weight: 400;
6072
6072
  font-size: 10px;
6073
- color: var(--errorText, #b24141);
6073
+ color: var(--errorText, #ff3333);
6074
6074
  padding-top: 12px;
6075
6075
  padding-inline-end: 12px;
6076
6076
  padding-bottom: 0px;
@@ -6559,7 +6559,7 @@ h5,
6559
6559
  outline: none;
6560
6560
  }
6561
6561
  .gst-card__gstContainer___LJVYg .gst-card__inputBox___mMywn .gst-card__errorBox___F_YRZ {
6562
- border: var(--errorText, #b24141);
6562
+ border: var(--errorText, #ff3333);
6563
6563
  }
6564
6564
  .gst-card__gstContainer___LJVYg .gst-card__inputBox___mMywn .gst-card__crossBtn___ERJyk {
6565
6565
  position: absolute;
@@ -6567,7 +6567,7 @@ h5,
6567
6567
  cursor: pointer;
6568
6568
  }
6569
6569
  .gst-card__colorErrorNormal___qjGLA {
6570
- color: var(--errorText, #b24141);
6570
+ color: var(--errorText, #ff3333);
6571
6571
  }
6572
6572
  .gst-card__colorSuccessNormal___cN34g {
6573
6573
  color: var(--successText, #1c958f);
@@ -7490,7 +7490,7 @@ h5,
7490
7490
  padding: 4px 12px;
7491
7491
  border-radius: 4px;
7492
7492
  line-height: 140%;
7493
- color: var(--errorText, #b24141);
7493
+ color: var(--errorText, #ff3333);
7494
7494
  background-color: var(--errorBackground, #e6d5d5);
7495
7495
  }
7496
7496
  @media only screen and (max-width: 480px) {
@@ -7619,7 +7619,7 @@ h5,
7619
7619
  cursor: pointer;
7620
7620
  }
7621
7621
  .chip-item__new-cart-red-color___z29C0 {
7622
- color: var(--errorText, #b24141);
7622
+ color: var(--errorText, #ff3333);
7623
7623
  }
7624
7624
  .chip-item__outOfStock___PBJRq {
7625
7625
  opacity: 0.4;
@@ -7742,7 +7742,7 @@ h5,
7742
7742
  height: 22px;
7743
7743
  font-weight: 600;
7744
7744
  font-size: 12px;
7745
- color: var(--errorText, #b24141);
7745
+ color: var(--errorText, #ff3333);
7746
7746
  line-height: 140%;
7747
7747
  }
7748
7748
  .chip-item__sModalContainer___ARs9G .chip-item__sizeModalFooter___W87OT {
@@ -7775,9 +7775,9 @@ h5,
7775
7775
  padding: 6px 16px 8px;
7776
7776
  display: flex;
7777
7777
  align-items: center;
7778
- color: var(--errorText, #b24141);
7778
+ color: var(--errorText, #ff3333);
7779
7779
  background: var(--errorBackground, #e6d5d5);
7780
- border: 1px solid var(--errorText, #b24141);
7780
+ border: 1px solid var(--errorText, #ff3333);
7781
7781
  border-radius: 4px;
7782
7782
  line-height: 140%;
7783
7783
  height: 36px;
@@ -9062,6 +9062,31 @@ h5,
9062
9062
  .accordion__accordionContentImageItem____FBCe {
9063
9063
  display: flex;
9064
9064
  align-items: center;
9065
+ position: relative;
9066
+ cursor: pointer;
9067
+ }
9068
+ .accordion__accordionContentImageItem____FBCe .accordion__imagePreview___FOjGs {
9069
+ position: absolute;
9070
+ left: -155%;
9071
+ top: -100px;
9072
+ z-index: 20;
9073
+ }
9074
+ @media only screen and (min-width: 769px) {
9075
+ .accordion__accordionContentImageItem____FBCe .accordion__imagePreview___FOjGs {
9076
+ display: none;
9077
+ }
9078
+ }
9079
+ .accordion__accordionContentImageItem____FBCe .accordion__largePreviewImg___P4ud_ {
9080
+ width: 73px;
9081
+ height: 92px;
9082
+ border-radius: 4px;
9083
+ background: lightgray 50% / cover no-repeat;
9084
+ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
9085
+ pointer-events: none;
9086
+ }
9087
+ /* Show on hover */
9088
+ .accordion__accordionContentImageItem____FBCe:hover .accordion__imagePreview___FOjGs {
9089
+ display: block;
9065
9090
  }
9066
9091
  .accordion__accordionContentImg___lbTPr {
9067
9092
  border-radius: 50%;