@digital-b2c/coreui-kit 0.5.5 → 0.6.0

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.
package/dist/index.css CHANGED
@@ -504,18 +504,65 @@ a:hover {
504
504
  border-radius: 8px;
505
505
  padding: var(--spacing-xl);
506
506
  gap: var(--spacing-2xl);
507
+ width: 100%;
508
+ }
509
+ .Card_module_card.Card_module_dark {
507
510
  background: var(--color-gradient-black);
508
- min-width: 308px;
511
+ }
512
+ .Card_module_card.Card_module_dark .Card_module_content {
513
+ display: flex;
514
+ flex-direction: column;
515
+ gap: var(--spacing-sm);
516
+ }
517
+ .Card_module_card.Card_module_dark .Card_module_content h3 {
518
+ color: var(--color-white);
519
+ }
520
+ .Card_module_card.Card_module_dark .Card_module_content .Card_module_subtitle {
521
+ color: var(--color-light-gray-2);
522
+ }
523
+ .Card_module_card.Card_module_light {
524
+ background: var(--color-white);
525
+ border: 1px solid var(--color-light-gray-2);
526
+ }
527
+ .Card_module_card.Card_module_light .Card_module_content {
528
+ display: flex;
529
+ flex-direction: column;
530
+ justify-content: space-between;
531
+ height: 100%;
532
+ gap: var(--spacing-xl);
533
+ }
534
+ .Card_module_card.Card_module_light .Card_module_content h3 {
535
+ color: var(--color-black);
536
+ }
537
+ .Card_module_card.Card_module_light .Card_module_content .Card_module_subtitle {
538
+ color: var(--color-gray);
539
+ }
540
+ .Card_module_card.Card_module_light .Card_module_content .Card_module_subtitle strong,
541
+ .Card_module_card.Card_module_light .Card_module_content .Card_module_subtitle b {
542
+ font-weight: var(--font-weight-medium);
543
+ color: var(--color-black);
509
544
  }
510
545
  .Card_module_card .Card_module_logo {
511
546
  width: 40px;
512
547
  height: 40px;
513
548
  }
514
- .Card_module_card h3 {
515
- color: var(--color-white);
549
+ .Card_module_card .Card_module_subtitle table {
550
+ width: 100%;
516
551
  }
517
- .Card_module_card .Card_module_subtitle {
518
- color: #cecece;
552
+ .Card_module_card .Card_module_subtitle table tr {
553
+ display: flex;
554
+ justify-content: space-between;
555
+ gap: var(--spacing-sm);
556
+ }
557
+ @media (max-width: 320px) {
558
+ .Card_module_card .Card_module_subtitle table tr {
559
+ flex-direction: column;
560
+ }
561
+ }
562
+ @media (max-width: 768px) {
563
+ .Card_module_card.Card_module_light {
564
+ padding: var(--spacing-md);
565
+ }
519
566
  }
520
567
  a:hover.Card_module_card {
521
568
  text-decoration: none;
@@ -788,13 +835,14 @@ a:hover.Card_module_card {
788
835
  }
789
836
  @media (max-width: 768px) {
790
837
  .CardCollection_module_card-collection {
791
- padding: var(--spacing-lg);
838
+ padding: var(--spacing-lg) var(--spacing-md);
792
839
  }
793
840
  .CardCollection_module_card-collection .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
794
841
  grid-template-columns: 1fr;
795
842
  }
796
843
  .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
797
- grid-template-columns: 1fr;
844
+ display: flex;
845
+ flex-direction: column;
798
846
  }
799
847
  .CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper {
800
848
  overflow-x: auto;
@@ -1409,10 +1457,7 @@ a:hover.Card_module_card {
1409
1457
  color: var(--color-white);
1410
1458
  }
1411
1459
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack h2 {
1412
- color: var(--color-white);
1413
- }
1414
- .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack .subheading {
1415
- color: #cecece;
1460
+ color: var(--color-light-gray-2);
1416
1461
  }
1417
1462
  @media (max-width: 768px) {
1418
1463
  .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_BgColorBlack {
@@ -1443,6 +1488,22 @@ a:hover.Card_module_card {
1443
1488
  flex-direction: column;
1444
1489
  align-items: center;
1445
1490
  }
1491
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light {
1492
+ background-color: var(--color-white);
1493
+ }
1494
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light h2,
1495
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_light .MiniSectionCta_module_subtitle {
1496
+ color: var(--color-black);
1497
+ }
1498
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark {
1499
+ background-color: var(--color-black);
1500
+ }
1501
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark h2 {
1502
+ color: var(--color-white);
1503
+ }
1504
+ .MiniSectionCta_module_miniSectionCta.MiniSectionCta_module_dark .MiniSectionCta_module_subtitle {
1505
+ color: var(--color-light-gray-2);
1506
+ }
1446
1507
  @media (max-width: 768px) {
1447
1508
  .MiniSectionCta_module_miniSectionCta .MiniSectionCta_module_cta {
1448
1509
  width: 100%;