@maboussoleaidant/design-system 0.1.36 → 0.1.37

package/dist/mba-tailwind.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 :root {
@@ -58,6 +58,10 @@
   --mba-color-pastel-lavender-dark: #CAC8FF;
   --mba-color-pastel-narcisse-dark: #FFEBC3;
   --mba-color-pastel-oranger-dark: #FFDBC8;
+  --mba-color-tag-bleuet: #E0E9F8;
+  --mba-color-tag-lavender: #E3E1F8;
+  --mba-color-tag-oranger: #FCEAE0;
+  --mba-color-tag-narcisse: #F8EEDA;
   --mba-color-beige: #F9F5F0;
   --mba-gradient-sunset: linear-gradient(117deg, #C7E5FA 4.74%, #E9CDF3 49.92%, #FBE4C1 95.1%);
   --mba-color-background: var(--mba-color-white);
@@ -1983,6 +1987,135 @@ video {
     gap: var(--mba-space-xxs);
   }
 }
+@layer components {
+  .mba-tab {
+    position: relative;
+    isolation: isolate;
+    display: inline-flex;
+    width: fit-content;
+    height: 38px;
+    padding: var(--mba-space-xs) var(--mba-space-sm);
+    justify-content: center;
+    align-items: center;
+    gap: var(--mba-space-xs);
+    font-family: var(--mba-font-family-text);
+    font-size: var(--mba-font-size-xs);
+    font-weight: var(--mba-font-weight-semibold);
+    line-height: var(--mba-leading-snug);
+    text-decoration: none;
+    border: 1px solid transparent;
+    border-radius: var(--mba-radius-full);
+    cursor: pointer;
+    transition: color var(--mba-transition-base);
+    user-select: none;
+    white-space: nowrap;
+    background-color: transparent;
+    color: var(--mba-color-primary-900);
+  }
+  .mba-tab::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    z-index: -1;
+    border-radius: inherit;
+    background-color: var(--mba-color-primary-500);
+    transform: scale(0);
+    transform-origin: center;
+    transition: transform var(--mba-transition-base);
+  }
+  .mba-tab.is-active,
+.mba-tab[aria-pressed="true"],
+.mba-tab[aria-selected="true"] {
+    color: var(--mba-color-white);
+  }
+  .mba-tab.is-active::before,
+.mba-tab[aria-pressed="true"]::before,
+.mba-tab[aria-selected="true"]::before {
+    transform: scale(1);
+  }
+  .mba-tab-partner::before {
+    background-color: var(--mba-color-primary-pro-800);
+  }
+  .mba-tab:disabled,
+.mba-tab.is-disabled {
+    background-color: var(--mba-color-grey-50);
+    color: var(--mba-color-grey-400);
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+  .mba-tabs {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--mba-space-sm);
+  }
+}
+@layer components {
+  .mba-tag {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--mba-space-xxs);
+    width: fit-content;
+    max-width: 100%;
+    padding: var(--mba-space-xxs) var(--mba-space-xs);
+    border-radius: var(--mba-radius-xs);
+    font-family: var(--mba-font-family-text);
+    font-weight: var(--mba-font-weight-semibold);
+    font-size: var(--mba-font-size-xxs);
+    line-height: normal;
+    white-space: nowrap;
+    color: var(--mba-color-grey-800);
+    background-color: var(--mba-color-primary-100);
+  }
+  .mba-tag .material-symbols-rounded {
+    font-size: 16px;
+    flex-shrink: 0;
+    color: inherit;
+  }
+  .mba-tag--sm {
+    font-size: var(--mba-font-size-xxxs);
+  }
+  .mba-tag--rounded {
+    border-radius: var(--mba-radius-md);
+  }
+  .mba-tag--primary {
+    background-color: var(--mba-color-primary-100);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--bleuet {
+    background-color: var(--mba-color-tag-bleuet);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--lavender {
+    background-color: var(--mba-color-tag-lavender);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--oranger {
+    background-color: var(--mba-color-tag-oranger);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--narcisse {
+    background-color: var(--mba-color-tag-narcisse);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--grey {
+    background-color: var(--mba-color-grey-50);
+    color: var(--mba-color-grey-800);
+  }
+  .mba-tag--red {
+    background-color: var(--mba-color-error-100);
+    color: var(--mba-color-error-800);
+  }
+  .mba-tag--green {
+    background-color: var(--mba-color-success-100);
+    color: var(--mba-color-success-800);
+  }
+  .mba-tag--yellow {
+    background-color: var(--mba-color-warning-100);
+    color: var(--mba-color-warning-800);
+  }
+}
 @layer components {
   .mba-header {
     --mba-header-height: 64px;
@@ -3549,6 +3682,9 @@ video {
   }
 }
 @layer utilities {
+  .\@container {
+    container-type: inline-size;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -3567,17 +3703,29 @@ video {
   .sticky {
     position: sticky;
   }
+  .-top-lg {
+    top: calc(var(--spacing-lg) * -1);
+  }
   .top-1\/2 {
-    top: calc(1/2 * 100%);
+    top: calc(1 / 2 * 100%);
+  }
+  .-right-xl {
+    right: calc(var(--spacing-xl) * -1);
   }
   .right-sm {
     right: var(--spacing-sm);
   }
+  .-bottom-md {
+    bottom: calc(var(--spacing-md) * -1);
+  }
   .bottom-md {
     bottom: var(--spacing-md);
   }
+  .-left-xl {
+    left: calc(var(--spacing-xl) * -1);
+  }
   .left-1\/2 {
-    left: calc(1/2 * 100%);
+    left: calc(1 / 2 * 100%);
   }
   .left-sm {
     left: var(--spacing-sm);
@@ -3783,6 +3931,9 @@ video {
   .max-w-\[690px\] {
     max-width: 690px;
   }
+  .max-w-\[738px\] {
+    max-width: 738px;
+  }
   .max-w-lg {
     max-width: var(--max-width-lg);
   }
@@ -3798,6 +3949,9 @@ video {
   .max-w-xs {
     max-width: var(--max-width-xs);
   }
+  .min-w-0 {
+    min-width: var(--spacing-0);
+  }
   .min-w-10 {
     min-width: var(--spacing-10);
   }
@@ -3820,11 +3974,11 @@ video {
     flex: 1;
   }
   .-translate-x-1\/2 {
-    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
   .transform {
@@ -3914,6 +4068,9 @@ video {
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .rounded {
+    border-radius: 0.25rem;
+  }
   .rounded-2xs {
     border-radius: var(--radius-2xs);
   }
@@ -4068,6 +4225,9 @@ video {
       background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
     }
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-4 {
     padding: var(--spacing-4);
   }
@@ -4207,6 +4367,9 @@ video {
   .whitespace-pre {
     white-space: pre;
   }
+  .whitespace-pre-line {
+    white-space: pre-line;
+  }
   .text-\[var\(--mba-color-primary-900\)\] {
     color: var(--mba-color-primary-900);
   }
@@ -4378,6 +4541,36 @@ video {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .\@max-lg\:hidden {
+    @container (width < 32rem) {
+      display: none;
+    }
+  }
+  .\@lg\:flex-1 {
+    @container (width >= 32rem) {
+      flex: 1;
+    }
+  }
+  .\@lg\:flex-\[1\.4\] {
+    @container (width >= 32rem) {
+      flex: 1.4;
+    }
+  }
+  .\@lg\:flex-row {
+    @container (width >= 32rem) {
+      flex-direction: row;
+    }
+  }
+  .\@lg\:items-center {
+    @container (width >= 32rem) {
+      align-items: center;
+    }
+  }
+  .\@lg\:text-left {
+    @container (width >= 32rem) {
+      text-align: left;
+    }
+  }
 }
 @property --tw-translate-x {
   syntax: "*";