@maboussoleaidant/design-system 0.1.19 → 0.1.21

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.
@@ -544,7 +544,7 @@
544
544
  font-style: normal;
545
545
  font-weight: 400;
546
546
  font-display: swap;
547
- src: url("/assets/fonts/OpenSans-Regular.woff2") format("woff2");
547
+ src: url("../assets/fonts/OpenSans-Regular.woff2") format("woff2");
548
548
  }
549
549
 
550
550
  @font-face {
@@ -552,7 +552,7 @@
552
552
  font-style: normal;
553
553
  font-weight: 600;
554
554
  font-display: swap;
555
- src: url("/assets/fonts/OpenSans-SemiBold.woff2") format("woff2");
555
+ src: url("../assets/fonts/OpenSans-SemiBold.woff2") format("woff2");
556
556
  }
557
557
 
558
558
  @font-face {
@@ -560,7 +560,7 @@
560
560
  font-style: normal;
561
561
  font-weight: 700;
562
562
  font-display: swap;
563
- src: url("/assets/fonts/OpenSans-Bold.woff2") format("woff2");
563
+ src: url("../assets/fonts/OpenSans-Bold.woff2") format("woff2");
564
564
  }
565
565
 
566
566
  @font-face {
@@ -568,7 +568,7 @@
568
568
  font-style: normal;
569
569
  font-weight: 800;
570
570
  font-display: swap;
571
- src: url("/assets/fonts/OpenSans-ExtraBold.woff2") format("woff2");
571
+ src: url("../assets/fonts/OpenSans-ExtraBold.woff2") format("woff2");
572
572
  }
573
573
 
574
574
  /* ===========================================
@@ -581,7 +581,7 @@
581
581
  font-style: normal;
582
582
  font-weight: 400;
583
583
  font-display: swap;
584
- src: url("/assets/fonts/Congenial.woff2") format("woff2");
584
+ src: url("../assets/fonts/Congenial.woff2") format("woff2");
585
585
  }
586
586
 
587
587
  @font-face {
@@ -589,7 +589,7 @@
589
589
  font-style: normal;
590
590
  font-weight: 500;
591
591
  font-display: swap;
592
- src: url("/assets/fonts/Congenial-Medium.woff2") format("woff2");
592
+ src: url("../assets/fonts/Congenial-Medium.woff2") format("woff2");
593
593
  }
594
594
 
595
595
  @font-face {
@@ -597,7 +597,7 @@
597
597
  font-style: normal;
598
598
  font-weight: 700;
599
599
  font-display: swap;
600
- src: url("/assets/fonts/Congenial-Bold.woff2") format("woff2");
600
+ src: url("../assets/fonts/Congenial-Bold.woff2") format("woff2");
601
601
  }
602
602
 
603
603
  /**
@@ -621,7 +621,7 @@
621
621
  font-style: normal;
622
622
  font-weight: 100 700;
623
623
  font-display: block;
624
- src: url('/assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');
624
+ src: url('../assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');
625
625
  }
626
626
 
627
627
  /* ===========================================
@@ -1364,9 +1364,7 @@ a:hover {
1364
1364
  =========================================== */
1365
1365
  .mba-btn-pin {
1366
1366
  display: inline-flex;
1367
- width: 40px;
1368
- height: 40px;
1369
- padding: 0;
1367
+ padding: var(--mba-space-xs);
1370
1368
  justify-content: center;
1371
1369
  align-items: center;
1372
1370
  border: 1px solid var(--mba-color-primary-500);
@@ -1380,9 +1378,9 @@ a:hover {
1380
1378
  }
1381
1379
 
1382
1380
  .mba-btn-pin .mba-icon {
1383
- font-size: 20px;
1384
- width: 20px;
1385
- height: 20px;
1381
+ font-size: var(--mba-font-size-md);
1382
+ width: var(--mba-font-size-md);
1383
+ height: var(--mba-font-size-md);
1386
1384
  }
1387
1385
 
1388
1386
  .mba-btn-pin:focus {
@@ -1638,6 +1636,7 @@ a:hover {
1638
1636
  padding: var(--mba-space-sm);
1639
1637
  }
1640
1638
 
1639
+
1641
1640
  /* ===========================================
1642
1641
  CARD PARTS
1643
1642
  =========================================== */
@@ -1645,7 +1644,8 @@ a:hover {
1645
1644
  display: flex;
1646
1645
  justify-content: space-between;
1647
1646
  align-items: center;
1648
- gap: var(--mba-space-sm);
1647
+ gap: var(--mba-space-lg);
1648
+ height: 100%;
1649
1649
  }
1650
1650
 
1651
1651
  .mba-card__content {
@@ -3608,6 +3608,9 @@ button.mba-input-icon__icon:hover {
3608
3608
  * - .mba-wave--top - Inversée (pour haut de section)
3609
3609
  * - .mba-wave--bottom - Normale (défaut)
3610
3610
  * - .mba-wave--lavender - Couleur lavender
3611
+ * - .mba-wave--narcisse - Couleur narcisse
3612
+ * - .mba-wave--bleuet - Couleur bleuet
3613
+ * - .mba-wave--oranger - Couleur oranger
3611
3614
  * - .mba-wave--white - Couleur blanche
3612
3615
  * - .mba-wave--beige - Couleur beige
3613
3616
  *
@@ -3659,6 +3662,18 @@ button.mba-input-icon__icon:hover {
3659
3662
  background-color: var(--mba-color-pastel-lavender);
3660
3663
  }
3661
3664
 
3665
+ .mba-wave--narcisse {
3666
+ background-color: var(--mba-color-pastel-narcisse);
3667
+ }
3668
+
3669
+ .mba-wave--bleuet {
3670
+ background-color: var(--mba-color-pastel-bleuet);
3671
+ }
3672
+
3673
+ .mba-wave--oranger {
3674
+ background-color: var(--mba-color-pastel-oranger);
3675
+ }
3676
+
3662
3677
  .mba-wave--white {
3663
3678
  background-color: var(--mba-color-white);
3664
3679
  }