@gofynd/theme-template 2.0.3 → 2.0.4

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.
@@ -1967,6 +1967,9 @@ h5,
1967
1967
  .sticky-pay-now__checkoutButton___mtO42 {
1968
1968
  gap: 12px;
1969
1969
  }
1970
+ .sticky-pay-now__buttonWidth___nKraw {
1971
+ width: 100%;
1972
+ }
1970
1973
 
1971
1974
  /**color by character**/
1972
1975
  /** Font family **/
@@ -7396,6 +7399,10 @@ h5,
7396
7399
  .checkout-payment-content__container___HusGh {
7397
7400
  background: var(--pageBackground, #f8f8f8);
7398
7401
  }
7402
+ .checkout-payment-content__container___HusGh.checkout-payment-content__unsetBorder___iXIU7 {
7403
+ border: unset;
7404
+ padding-top: 0;
7405
+ }
7399
7406
  @media only screen and (min-width: 769px) {
7400
7407
  .checkout-payment-content__container___HusGh {
7401
7408
  display: flex;
@@ -7530,6 +7537,7 @@ h5,
7530
7537
  font-size: 14px;
7531
7538
  font-weight: 500;
7532
7539
  line-height: 140%;
7540
+ height: 18px;
7533
7541
  }
7534
7542
  @media only screen and (max-width: 768px) {
7535
7543
  .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__link___ZIR_i .checkout-payment-content__modeName___oABQ2 {
@@ -7917,6 +7925,11 @@ h5,
7917
7925
  display: flex;
7918
7926
  flex-direction: column;
7919
7927
  }
7928
+ @media only screen and (max-width: 480px) {
7929
+ .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk.checkout-payment-content__addPaddingBottom___Qc5bl {
7930
+ padding-bottom: 24px;
7931
+ }
7932
+ }
7920
7933
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__cardInputWrapper___YqlSP {
7921
7934
  display: flex;
7922
7935
  flex-direction: column;
@@ -8068,12 +8081,12 @@ h5,
8068
8081
  margin-bottom: 16px;
8069
8082
  }
8070
8083
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__saveNewCard___cPi2y {
8071
- padding: 8px;
8072
- border-radius: 5px;
8084
+ padding: 16px;
8085
+ border-radius: var(--buttonRadius, 0px);
8073
8086
  background-color: var(--primaryColor);
8074
8087
  border: none;
8075
8088
  width: 100%;
8076
- margin-top: 24px;
8089
+ margin-top: 16px;
8077
8090
  font-weight: 600;
8078
8091
  font-size: 14px;
8079
8092
  text-transform: uppercase;
@@ -8082,12 +8095,12 @@ h5,
8082
8095
  line-height: 140%;
8083
8096
  }
8084
8097
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__saveNewCard___cPi2y[disabled] {
8085
- padding: 8px;
8086
- border-radius: 5px;
8098
+ padding: 16px;
8099
+ border-radius: var(--buttonRadius, 0px);
8087
8100
  background-color: var(--primaryColor);
8088
8101
  border: none;
8089
8102
  width: 100%;
8090
- margin-top: 24px;
8103
+ margin-top: 16px;
8091
8104
  font-weight: 600;
8092
8105
  font-size: 14px;
8093
8106
  text-transform: uppercase;
@@ -8258,7 +8271,7 @@ h5,
8258
8271
  .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
8259
8272
  transform: rotate(270deg);
8260
8273
  }
8261
- [dir='rtl'] .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
8274
+ [dir="rtl"] .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
8262
8275
  transform: rotate(90deg);
8263
8276
  }
8264
8277
  .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__otherModeArrow___ulm30 {
@@ -8335,6 +8348,12 @@ h5,
8335
8348
  align-items: center;
8336
8349
  border: 1px solid var(--dividerStokes);
8337
8350
  border-radius: 100px;
8351
+ width: 38px;
8352
+ height: 38px;
8353
+ padding: 8px 4px;
8354
+ }
8355
+ .checkout-payment-content__container___HusGh .checkout-payment-content__upiApp___M2sjF .checkout-payment-content__logo___jNLmQ:last-child {
8356
+ padding: unset;
8338
8357
  }
8339
8358
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiApp___M2sjF .checkout-payment-content__displayName___dLKMP {
8340
8359
  flex: 1;
@@ -8561,7 +8580,8 @@ h5,
8561
8580
  text-transform: uppercase;
8562
8581
  cursor: pointer;
8563
8582
  line-height: 140%;
8564
- margin: 24px 0;
8583
+ margin-top: 16px;
8584
+ margin-bottom: 24px;
8565
8585
  }
8566
8586
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiPay___CycYi .checkout-payment-content__payBtn___dgcAp:hover {
8567
8587
  background-color: var(--buttonPrimaryL1, #71653a);
@@ -8998,7 +9018,7 @@ h5,
8998
9018
  display: flex;
8999
9019
  align-items: center;
9000
9020
  }
9001
- [dir='rtl'] .checkout-payment-content__moreModeIcon___Hjipo {
9021
+ [dir="rtl"] .checkout-payment-content__moreModeIcon___Hjipo {
9002
9022
  transform: rotate(90deg);
9003
9023
  }
9004
9024
  .checkout-payment-content__moreModeIcon___Hjipo svg {
@@ -9096,6 +9116,10 @@ h5,
9096
9116
  display: none;
9097
9117
  }
9098
9118
  }
9119
+ .checkout-payment-content__mopIcon___koORc {
9120
+ width: 24px;
9121
+ height: 24px;
9122
+ }
9099
9123
 
9100
9124
  /**color by character**/
9101
9125
  /** Font family **/
@@ -9799,6 +9823,9 @@ h5,
9799
9823
  .checkout-payment__paymentContainer___1UBn5 {
9800
9824
  margin-top: 20px;
9801
9825
  }
9826
+ .checkout-payment__paymentContainer___1UBn5.checkout-payment__unsetMarginTop___yjz9p {
9827
+ margin-top: unset !important;
9828
+ }
9802
9829
  @media only screen and (max-width: 480px) {
9803
9830
  .checkout-payment__paymentContainer___1UBn5 {
9804
9831
  margin-top: 12px;
@@ -9828,15 +9855,33 @@ h5,
9828
9855
  line-height: 140%;
9829
9856
  color: var(--textHeading);
9830
9857
  }
9858
+ .checkout-payment__paymentContainer___1UBn5 .checkout-payment__reviewHeaderUnselect___KZS1G .checkout-payment__unsetPaddingLeft___MfCqa {
9859
+ padding-left: 0 !important;
9860
+ }
9831
9861
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s {
9832
9862
  display: flex;
9833
9863
  align-items: center;
9834
9864
  padding: 24px;
9835
9865
  border-radius: 8px 8px 0 0;
9836
9866
  border: 1px solid var(--dividerStokes);
9867
+ background-color: var(--pageBackground, #f8f8f8);
9868
+ }
9869
+ .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s.checkout-payment__unsetBorder___lrZnv {
9870
+ border: unset !important;
9871
+ }
9872
+ @media only screen and (min-width: 769px) {
9873
+ .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s.checkout-payment__unsetBorder___lrZnv {
9874
+ padding-bottom: 16px !important;
9875
+ }
9876
+ }
9877
+ @media only screen and (max-width: 480px) {
9878
+ .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s.checkout-payment__unsetBorder___lrZnv {
9879
+ border-bottom: 1px solid var(--dividerStokes) !important;
9880
+ }
9837
9881
  }
9838
9882
  @media only screen and (max-width: 768px) {
9839
9883
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s {
9884
+ padding: 16px;
9840
9885
  border-radius: 0;
9841
9886
  }
9842
9887
  }
@@ -9859,6 +9904,9 @@ h5,
9859
9904
  padding-inline-start: 15px;
9860
9905
  }
9861
9906
  }
9907
+ .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s .checkout-payment__unsetPaddingLeft___MfCqa {
9908
+ padding-left: 0 !important;
9909
+ }
9862
9910
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentFailedHeader___hxZJR {
9863
9911
  border-width: 0 1px 1px 1px;
9864
9912
  border-color: var(--dividerStokes);