@maboussoleaidant/design-system 0.1.19 → 0.1.20

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.
@@ -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
  }