@vsn-ux/gaia-styles 0.5.19 → 0.6.1

package/dist/base.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 body, :host {
   font-family: Inter, ui-sans-serif, system-ui, sans-serif;
   font-feature-settings: 'liga' 1, 'calt' 1;

package/dist/components/avatar.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-avatar {
   display: inline-flex;
   height: calc(0.25rem * 10);
@@ -33,7 +34,7 @@
     var(--ga-text-2xl-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-2xl-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-2xl-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   }
 }
@@ -46,3 +47,11 @@
   syntax: "*";
   inherits: false;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-font-weight: initial;
+    }
+  }
+}

package/dist/components/badge.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-badge {
   display: inline-block;
   border-radius: calc(infinity * 1px);
@@ -32,33 +33,33 @@
       color: var(--ga-color-text-action);
     }
     &.ga-badge--information {
-      background-color: var(--ga-color-utility-blue-light);
+      background-color: var(--ga-color-utility-blue-accent);
       color: var(--ga-color-text-information);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       --tw-ring-color: var(--ga-color-border-information);
       --tw-ring-inset: inset;
     }
     &.ga-badge--error {
-      background-color: var(--ga-color-utility-red-light);
+      background-color: var(--ga-color-utility-red-accent);
       color: var(--ga-color-text-error);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       --tw-ring-color: var(--ga-color-border-error);
       --tw-ring-inset: inset;
     }
     &.ga-badge--warning {
-      background-color: var(--ga-color-utility-orange-light);
+      background-color: var(--ga-color-utility-orange-accent);
       color: var(--ga-color-text-warning);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       --tw-ring-color: var(--ga-color-border-warning);
       --tw-ring-inset: inset;
     }
     &.ga-badge--success {
-      background-color: var(--ga-color-utility-green-light);
+      background-color: var(--ga-color-utility-green-accent);
       color: var(--ga-color-text-success);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       --tw-ring-color: var(--ga-color-border-success);
       --tw-ring-inset: inset;
@@ -68,7 +69,7 @@
       color: var(--ga-color-text-disable-selected);
     }
     &.ga-badge--disabled-inverted {
-      background-color: var(--ga-color-icon-pictograms-pictogram-fill);
+      background-color: var(--ga-color-icon-on-primary);
       color: var(--ga-color-text-disabled);
     }
   }
@@ -83,7 +84,7 @@
     }
     &.ga-badge--muted {
       background-color: var(--ga-color-icon-on-primary);
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       --tw-ring-color: var(--ga-color-text-disabled);
       --tw-ring-inset: inset;
@@ -104,7 +105,7 @@
       background-color: var(--ga-color-icon-on-disabled);
     }
     &.ga-badge--disabled-inverted {
-      background-color: var(--ga-color-icon-pictograms-pictogram-fill);
+      background-color: var(--ga-color-icon-on-primary);
     }
   }
 }
@@ -125,6 +126,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-inset-shadow {
   syntax: "*";
   inherits: false;
@@ -134,6 +140,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-ring-color {
   syntax: "*";
   inherits: false;
@@ -171,3 +182,25 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}

package/dist/components/button.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-button {
   display: inline-flex;
   height: calc(0.25rem * 10);
@@ -16,13 +17,18 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   --tw-leading: calc(0.25rem * 1);
   line-height: calc(0.25rem * 1);
   --tw-font-weight: 500;
   font-weight: 500;
   white-space: nowrap;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+  transition-duration: var(--ga-duration-instant);
+  transition-timing-function: var(--ga-easing-standard);
   .ga-icon {
     color: var(--ga-color-icon-action);
   }
@@ -48,7 +54,7 @@
       background-color: var(--ga-color-surface-action-hover);
     }
     &:active {
-      background-color: var(--ga-color-primary-70);
+      background-color: var(--ga-color-surface-action);
     }
     &:disabled {
       background-color: var(--ga-color-surface-disabled);
@@ -149,3 +155,13 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-outline-style: solid;
+      --tw-border-style: solid;
+    }
+  }
+}

package/dist/components/calendar.css

@@ -1,11 +1,10 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-calendar {
   width: calc(0.25rem * 70);
   background-color: #fff;
   --tw-numeric-figure: lining-nums;
-  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   --tw-slashed-zero: slashed-zero;
-  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
   .ga-calendar__header {
@@ -33,7 +32,7 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-font-weight: 600;
     font-weight: 600;
@@ -49,6 +48,11 @@
   }
   .ga-calendar__navigation-button {
     cursor: pointer;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       @media (hover: hover) {
         color: var(--ga-color-icon-action-hover);
@@ -95,13 +99,18 @@
     var(--ga-text-lg-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-lg-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-lg-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.25rem * 10);
     line-height: calc(0.25rem * 10);
     --tw-font-weight: 500;
     font-weight: 500;
     color: var(--ga-color-text-action);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:not(.ga-calendar__year--disabled, .ga-calendar__month--disabled):hover {
       color: var(--ga-color-text-action-hover);
       text-decoration-line: underline;
@@ -116,7 +125,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
       letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
       color: var(--ga-color-text-on-action);
     }
@@ -141,9 +150,14 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     color: var(--ga-color-text-body);
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover {
       background-color: var(--ga-color-surface-action-hover-2);
       color: var(--ga-color-text-action-hover);
@@ -151,12 +165,12 @@
     &.ga-calendar__day--current::after {
       position: absolute;
       bottom: calc(0.25rem * 2);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
       height: calc(0.25rem * 0.5);
       width: calc(0.25rem * 5);
-      --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);
-      transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
       border-radius: var(--ga-radius);
       background-color: var(--ga-color-surface-action);
       --tw-content: '';
@@ -165,12 +179,12 @@
     &.ga-calendar__day--special::after {
       position: absolute;
       bottom: calc(0.25rem * 2);
-      left: calc(1/2 * 100%);
+      left: calc(1 / 2 * 100%);
       height: calc(0.25rem * 1);
       width: calc(0.25rem * 1);
-      --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);
-      transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
+      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
       border-radius: calc(infinity * 1px);
       background-color: var(--ga-color-surface-action);
       --tw-content: '';
@@ -213,7 +227,7 @@
       border-block-style: var(--tw-border-style);
       border-block-width: 1px;
       border-color: var(--ga-color-border-success);
-      background-color: var(--ga-color-success-light);
+      background-color: var(--ga-color-success-accent);
       color: var(--ga-color-text-body);
     }
     &.ga-calendar__day--selected-range-end {
@@ -258,7 +272,7 @@
     var(--ga-text-xs-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-xs-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-xs-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-font-weight: 500;
     font-weight: 500;
@@ -310,27 +324,22 @@
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
-  initial-value: rotateX(0);
 }
 @property --tw-rotate-y {
   syntax: "*";
   inherits: false;
-  initial-value: rotateY(0);
 }
 @property --tw-rotate-z {
   syntax: "*";
   inherits: false;
-  initial-value: rotateZ(0);
 }
 @property --tw-skew-x {
   syntax: "*";
   inherits: false;
-  initial-value: skewX(0);
 }
 @property --tw-skew-y {
   syntax: "*";
   inherits: false;
-  initial-value: skewY(0);
 }
 @property --tw-content {
   syntax: "*";
@@ -342,3 +351,26 @@
   inherits: false;
   initial-value: solid;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
+      --tw-font-weight: initial;
+      --tw-leading: initial;
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-content: "";
+      --tw-border-style: solid;
+    }
+  }
+}

package/dist/components/card.css

@@ -1,10 +1,11 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-card {
   display: inline-block;
   border-radius: var(--ga-radius);
   border-style: var(--tw-border-style);
   border-width: 1px;
-  border-color: var(--ga-color-border-primary);
+  border-color: var(--ga-color-border-tertiary);
   background-color: #fff;
   padding: calc(0.25rem * 4);
   font-size: calc(
@@ -14,19 +15,34 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
   letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
   &.ga-card--selectable {
+    position: relative;
     cursor: pointer;
+    transition-property: color,background-color,border-color,box-shadow;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-instant);
+    transition-timing-function: var(--ga-easing-standard);
     &:hover:not(.ga-card--selected) {
       border-color: var(--ga-color-border-action-hover);
       background-color: var(--ga-color-surface-action-hover-2);
+      --tw-shadow: var(--ga-shadow-north);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
     &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: var(--ga-color-border-focus);
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+    &:focus-visible::after {
+      position: absolute;
+      inset: calc(5px * -1);
+      border-style: var(--tw-border-style);
+      border-width: 2px;
+      border-color: var(--ga-color-border-focus);
+      --tw-content: '';
+      content: var(--tw-content);
     }
   }
   &.ga-card--disabled {
@@ -44,8 +60,95 @@
   inherits: false;
   initial-value: solid;
 }
-@property --tw-outline-style {
+@property --tw-shadow {
   syntax: "*";
   inherits: false;
-  initial-value: solid;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-content {
+  syntax: "*";
+  inherits: false;
+  initial-value: "";
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-content: "";
+    }
+  }
 }

package/dist/components/checkbox.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-checkbox {
   position: relative;
   display: inline-flex;
@@ -15,6 +16,11 @@
     border-width: 2px;
     border-color: var(--ga-color-border-action);
     color: #fff;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, ease);
+    transition-duration: var(--tw-duration, 0s);
+    transition-duration: var(--ga-duration-fast);
+    transition-timing-function: var(--ga-easing-standard);
     .ga-checkbox__marker__indicator-checked, .ga-checkbox__marker__indicator-indeterminate {
       display: none;
     }
@@ -82,7 +88,7 @@
     var(--ga-text-md-line-height) * var(--ga-base-scaling-factor, 1)
   ));
     letter-spacing: var(--tw-tracking, calc(
-    var(--ga-text-md-tracking) * var(--ga-base-scaling-factor, 1)
+    var(--ga-text-md-letter-spacing) * var(--ga-base-scaling-factor, 1)
   ));
     --tw-leading: calc(0.25rem * 4);
     line-height: calc(0.25rem * 4);
@@ -105,3 +111,12 @@
   syntax: "*";
   inherits: false;
 }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-outline-style: solid;
+      --tw-leading: initial;
+    }
+  }
+}

package/dist/components/container.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
 .ga-container {
   margin-inline: calc(0.25rem * 4);
 }

package/dist/components/datepicker.css

@@ -1,4 +1,5 @@
-/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+@layer properties;
 .ga-datepicker {
   border-radius: var(--ga-radius);
   border-style: var(--tw-border-style);
@@ -6,6 +7,8 @@
   border-color: var(--ga-color-border-primary);
   background-color: var(--ga-color-surface-primary);
   padding: calc(0.25rem * 4);
+  --tw-shadow: var(--ga-shadow-north);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   .ga-datepicker__footer {
     margin-top: calc(0.25rem * 2);
   }
@@ -28,3 +31,89 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-border-style: solid;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+    }
+  }
+}