@sc-360-v2/storefront-cms-library 0.4.8 → 0.4.10

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.
@@ -2281,76 +2281,66 @@ $dark-color: #343a40;
2281
2281
  }
2282
2282
  }
2283
2283
  &_col_right {
2284
- .chk_currency_inp_sec {
2284
+ .chk_currency_inp {
2285
+ height: 44px;
2286
+ border: 1px solid var(--_gray-200);
2287
+ border-radius: 4px;
2288
+ background-color: var(--_base-white);
2285
2289
  display: flex;
2286
- align-items: end;
2287
- width: 100%;
2288
- text-align: start;
2289
- flex-direction: column;
2290
- .chk_currency_inp {
2291
- height: 44px;
2292
- border: 1px solid var(--_gray-200);
2293
- border-radius: 4px;
2290
+ width: 120px;
2291
+ overflow: hidden;
2292
+ align-items: center;
2293
+ padding-inline: 12px;
2294
+ gap: 12px;
2295
+
2296
+ border-color: var(
2297
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-cr,
2298
+ var(
2299
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-cr,
2300
+ var(--_ctm-dn-an-tb-fm-wr-is-br-cr)
2301
+ )
2302
+ );
2303
+ border-style: var(
2304
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-se,
2305
+ var(
2306
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-se,
2307
+ var(--_ctm-dn-an-tb-fm-wr-is-br-se)
2308
+ )
2309
+ );
2310
+ border-width: var(
2311
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-wh,
2312
+ var(
2313
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-wh,
2314
+ var(--_ctm-dn-an-tb-fm-wr-is-br-wh)
2315
+ )
2316
+ );
2317
+ border-radius: var(
2318
+ --_ctm-mob-dn-an-tb-fm-wr-is-br-rs,
2319
+ var(
2320
+ --_ctm-tab-dn-an-tb-fm-wr-is-br-rs,
2321
+ var(--_ctm-dn-an-tb-fm-wr-is-br-rs)
2322
+ )
2323
+ );
2324
+ padding: var(
2325
+ --_ctm-mob-dn-an-tb-fm-wr-is-pg,
2326
+ var(
2327
+ --_ctm-tab-dn-an-tb-fm-wr-is-pg,
2328
+ var(--_ctm-dn-an-tb-fm-wr-is-pg)
2329
+ )
2330
+ );
2331
+ &:focus-within {
2332
+ border: 1px solid var(--_primary-200);
2333
+ outline: 2px solid var(--_primary-50);
2334
+ }
2335
+ input {
2336
+ height: inherit;
2294
2337
  background-color: var(--_base-white);
2295
- display: flex;
2296
- width: 120px;
2297
- overflow: hidden;
2298
- align-items: center;
2299
- padding-inline: 12px;
2300
- gap: 12px;
2301
-
2302
- border-color: var(
2303
- --_ctm-mob-dn-an-tb-fm-wr-is-br-cr,
2304
- var(
2305
- --_ctm-tab-dn-an-tb-fm-wr-is-br-cr,
2306
- var(--_ctm-dn-an-tb-fm-wr-is-br-cr)
2307
- )
2308
- );
2309
- border-style: var(
2310
- --_ctm-mob-dn-an-tb-fm-wr-is-br-se,
2311
- var(
2312
- --_ctm-tab-dn-an-tb-fm-wr-is-br-se,
2313
- var(--_ctm-dn-an-tb-fm-wr-is-br-se)
2314
- )
2315
- );
2316
- border-width: var(
2317
- --_ctm-mob-dn-an-tb-fm-wr-is-br-wh,
2318
- var(
2319
- --_ctm-tab-dn-an-tb-fm-wr-is-br-wh,
2320
- var(--_ctm-dn-an-tb-fm-wr-is-br-wh)
2321
- )
2322
- );
2323
- border-radius: var(
2324
- --_ctm-mob-dn-an-tb-fm-wr-is-br-rs,
2325
- var(
2326
- --_ctm-tab-dn-an-tb-fm-wr-is-br-rs,
2327
- var(--_ctm-dn-an-tb-fm-wr-is-br-rs)
2328
- )
2329
- );
2330
- padding: var(
2331
- --_ctm-mob-dn-an-tb-fm-wr-is-pg,
2332
- var(
2333
- --_ctm-tab-dn-an-tb-fm-wr-is-pg,
2334
- var(--_ctm-dn-an-tb-fm-wr-is-pg)
2335
- )
2336
- );
2337
- &:focus-within {
2338
- border: 1px solid var(--_primary-200);
2339
- outline: 2px solid var(--_primary-50);
2340
- }
2341
- input {
2342
- height: inherit;
2343
- background-color: var(--_base-white);
2344
- &:disabled {
2345
- opacity: 0.8;
2346
- cursor: not-allowed;
2347
- }
2338
+ &:disabled {
2339
+ opacity: 0.8;
2340
+ cursor: not-allowed;
2348
2341
  }
2349
2342
  }
2350
2343
  }
2351
- .cur_conversion {
2352
- font-size: 12px;
2353
- }
2354
2344
  }
2355
2345
  }
2356
2346
 
@@ -5363,6 +5353,16 @@ $dark-color: #343a40;
5363
5353
  width: 500px;
5364
5354
  .chk_form_field {
5365
5355
  width: 100%;
5356
+ .est__dropdown__button {
5357
+ width: 100%;
5358
+ display: flex;
5359
+ justify-content: space-between;
5360
+ .value__selected {
5361
+ justify-content: flex-start;
5362
+ align-items: center;
5363
+ display: flex;
5364
+ }
5365
+ }
5366
5366
  &.expiry_details {
5367
5367
  width: 80px;
5368
5368
  }
@@ -5798,18 +5798,6 @@ $dark-color: #343a40;
5798
5798
  }
5799
5799
  }
5800
5800
  }
5801
- .chk_payment_cred_section_col_right {
5802
- .chk_currency_inp_sec {
5803
- display: flex;
5804
- align-items: end;
5805
- width: 100%;
5806
- text-align: start;
5807
- flex-direction: column;
5808
- }
5809
- .cur_conversion {
5810
- font-size: 12px;
5811
- }
5812
- }
5813
5801
  }
5814
5802
 
5815
5803
  .chk_payment_remove_card {
@@ -6313,60 +6301,6 @@ $dark-color: #343a40;
6313
6301
  font-weight: 600;
6314
6302
  }
6315
6303
  }
6316
- .chk_payment_cred_section_col_right {
6317
- .chk_currency_inp_sec {
6318
- display: flex;
6319
- align-items: end;
6320
- width: 100%;
6321
- text-align: start;
6322
- flex-direction: column;
6323
- .chk_currency_inp {
6324
- height: 44px;
6325
- border: 1px solid var(--_gray-200);
6326
- border-radius: 4px;
6327
- background-color: var(--_base-white);
6328
- display: flex;
6329
- width: 120px;
6330
- overflow: hidden;
6331
- align-items: center;
6332
- padding-inline: 12px;
6333
- gap: 12px;
6334
-
6335
- border-color: var(
6336
- --_ctm-mob-dn-an-tb-fm-wr-is-br-cr,
6337
- var(--_ctm-tab-dn-an-tb-fm-wr-is-br-cr, var(--_ctm-dn-an-tb-fm-wr-is-br-cr))
6338
- );
6339
- border-style: var(
6340
- --_ctm-mob-dn-an-tb-fm-wr-is-br-se,
6341
- var(--_ctm-tab-dn-an-tb-fm-wr-is-br-se, var(--_ctm-dn-an-tb-fm-wr-is-br-se))
6342
- );
6343
- border-width: var(
6344
- --_ctm-mob-dn-an-tb-fm-wr-is-br-wh,
6345
- var(--_ctm-tab-dn-an-tb-fm-wr-is-br-wh, var(--_ctm-dn-an-tb-fm-wr-is-br-wh))
6346
- );
6347
- border-radius: var(
6348
- --_ctm-mob-dn-an-tb-fm-wr-is-br-rs,
6349
- var(--_ctm-tab-dn-an-tb-fm-wr-is-br-rs, var(--_ctm-dn-an-tb-fm-wr-is-br-rs))
6350
- );
6351
- padding: var(
6352
- --_ctm-mob-dn-an-tb-fm-wr-is-pg,
6353
- var(--_ctm-tab-dn-an-tb-fm-wr-is-pg, var(--_ctm-dn-an-tb-fm-wr-is-pg))
6354
- );
6355
- &:focus-within {
6356
- border: 1px solid var(--_primary-200);
6357
- outline: 2px solid var(--_primary-50);
6358
- }
6359
- input {
6360
- height: inherit;
6361
- background-color: var(--_base-white);
6362
- &:disabled {
6363
- opacity: 0.8;
6364
- cursor: not-allowed;
6365
- }
6366
- }
6367
- }
6368
- }
6369
- }
6370
6304
  }
6371
6305
  .add_new_credit_card {
6372
6306
  display: flex;