@kanso-labs/kanso-ui 0.40.7 → 0.40.8

package/dist/styles.css

@@ -271,6 +271,10 @@
     margin-block: auto;
   }
 
+  .x1fh6m6z {
+    margin-block: -4px;
+  }
+
   .x8yh5r3 {
     margin-block: 4px;
   }
@@ -291,6 +295,10 @@
     margin-inline: auto;
   }
 
+  .xfll3lq {
+    margin-inline: -4px;
+  }
+
   .xnx04jz {
     margin-inline: calc(var(--x6borv4) * -1);
   }
@@ -339,6 +347,10 @@
     padding-block: 22px;
   }
 
+  .x12ulsxz {
+    padding-block: 4px;
+  }
+
   .x1t0vds8 {
     padding-block: 6px;
   }
@@ -395,6 +407,10 @@
     padding-inline: 48px;
   }
 
+  .xfn1xvj {
+    padding-inline: 4px;
+  }
+
   .x1dao9b2 {
     padding-inline: 64px;
   }
@@ -2125,6 +2141,10 @@
     margin-inline-end: var(--xbmbo34);
   }
 
+  .x18xomjl {
+    margin-inline-start: -12px;
+  }
+
   .xvc5jky {
     margin-inline-start: auto;
   }
@@ -2306,6 +2326,10 @@
     padding-inline-start: var(--x6borv4);
   }
 
+  .xdxifnh {
+    padding-inline-start: var(--xod9tvo);
+  }
+
   .x67bb7w {
     pointer-events: auto;
   }
@@ -2398,9 +2422,9 @@
     text-align: start;
   }
 
-  .xfhk6l2 {
-    -webkit-text-decoration-color: color-mix(in srgb,var(--x1cjupv7) 45%,transparent);
-    text-decoration-color: color-mix(in srgb,var(--x1cjupv7) 45%,transparent);
+  .x1q3xnwu {
+    -webkit-text-decoration-color: color-mix(in srgb,var(--x1cjupv7) 70%,transparent);
+    text-decoration-color: color-mix(in srgb,var(--x1cjupv7) 70%,transparent);
   }
 
   .x1g6epwz {
@@ -2408,6 +2432,11 @@
     text-decoration-color: color-mix(in srgb,var(--xn0syi6) calc(var(--xu361ij) * 100%),var(--x1dzgr7y));
   }
 
+  .xv4vikv {
+    -webkit-text-decoration-color: var(--x1cjupv7);
+    text-decoration-color: var(--x1cjupv7);
+  }
+
   .x1dbr5dg {
     -webkit-text-decoration-color: var(--x1ridy1o);
     text-decoration-color: var(--x1ridy1o);
@@ -2867,17 +2896,8 @@
     border-start-end-radius: var(--x3hih16);
   }
 
-  .x1aetzt3:hover {
-    color: var(--x1cjupv7);
-  }
-
-  .x1rdisx9:hover {
-    -webkit-text-decoration-color: var(--x1cjupv7);
-    text-decoration-color: var(--x1cjupv7);
-  }
-
-  .x1sur9pj:hover {
-    text-decoration-line: underline;
+  .x1cmy3ng:empty {
+    position: absolute;
   }
 
   .x83qkoq:active {
@@ -2995,6 +3015,10 @@
       border-inline-start-width: 1px;
     }
 
+    .xs5hli.xs5hli {
+      color: canvastext;
+    }
+
     .x1bhcspo.x1bhcspo {
       color: graytext;
     }
@@ -3488,6 +3512,10 @@
     margin-bottom: calc(-1 * var(--xod9tvo));
   }
 
+  .x1jblbm6 {
+    margin-bottom: calc((var(--xol8812) - var(--x67cwyw)) / 2);
+  }
+
   .xqa3g7y {
     margin-bottom: calc(var(--xqgx294) - var(--xbmbo34));
   }
@@ -3516,6 +3544,10 @@
     margin-top: calc(-1 * var(--xod9tvo));
   }
 
+  .x6rec7h {
+    margin-top: calc((var(--xol8812) - var(--x67cwyw)) / 2);
+  }
+
   .x1yhnu8z {
     margin-top: var(--x196ey9q);
   }
@@ -4200,6 +4232,12 @@
 }
 
 @layer kanso.priority7 {
+  @media (width >= 600px) {
+    .xcspwbw.xcspwbw {
+      align-self: flex-start;
+    }
+  }
+
   @media (width < 600px) {
     .x18ihq2d.x18ihq2d {
       animation-name: x15b941j-B;
@@ -4370,7 +4408,15 @@
     .x1v0tev1.x1v0tev1 {
       inset-inline-end: 0 !important;
     }
+  }
 
+  @media (width >= 600px) {
+    .x19sl9hu.x19sl9hu {
+      inset-inline-start: 0;
+    }
+  }
+
+  @media (width < 600px) {
     .x12sfaok.x12sfaok {
       inset-inline-start: 0 !important;
     }
@@ -4389,6 +4435,10 @@
   }
 
   @media (width >= 600px) {
+    .xhi6r6q.xhi6r6q {
+      margin-inline-start: -12px;
+    }
+
     .x1t601oj.x1t601oj {
       outline-style: none;
     }
@@ -4396,6 +4446,10 @@
     .xxgb522.xxgb522 {
       outline-style: solid;
     }
+
+    .x15m4ytg.x15m4ytg {
+      position: relative;
+    }
   }
 
   @media (width < 600px) {
@@ -4481,10 +4535,6 @@
       height: 100dvh;
     }
 
-    .xxcmccx.xxcmccx {
-      height: 56px;
-    }
-
     .xzcdm5u.xzcdm5u {
       height: 72px;
     }
@@ -4518,7 +4568,7 @@
     inset-block: calc((var(--x1ww3f7m) - 48px) / 2 - 1px);
   }
 
-  .xun2zgk:before {
+  .xfmxh57:after, .xun2zgk:before {
     inset-block: min(0px, 50% - 24px);
   }
 
@@ -4526,7 +4576,7 @@
     inset-inline: -14px;
   }
 
-  .xm4btww:before {
+  .xb7ltuz:after, .xm4btww:before {
     inset-inline: 0;
   }
 
@@ -4563,18 +4613,22 @@
       min-height: 0;
     }
 
-    .xxzqys8.xxzqys8 {
-      min-width: auto;
+    .xnvi70j.xnvi70j {
+      min-height: 56px;
     }
 
-    .x11d16zi.x11d16zi {
-      padding-bottom: 0;
+    .xxzqys8.xxzqys8 {
+      min-width: auto;
     }
 
     .x9xqwrn.x9xqwrn {
       padding-bottom: env(safe-area-inset-bottom, 0px);
     }
 
+    .x1pr6p50.x1pr6p50 {
+      padding-bottom: var(--xbmbo34);
+    }
+
     .x19b5e0v.x19b5e0v {
       padding-left: env(safe-area-inset-left, 0px);
     }
@@ -4595,6 +4649,10 @@
       padding-top: var(--x196ey9q);
     }
 
+    .xs3zajk.xs3zajk {
+      padding-top: var(--xbmbo34);
+    }
+
     .xbvrusa.xbvrusa {
       top: 0 !important;
     }
@@ -4685,6 +4743,14 @@
   }
 }
 
+@layer kanso.priority10 {
+  @media (width >= 600px) {
+    .x1ktxc2h.x1ktxc2h:after {
+      content: "";
+    }
+  }
+}
+
 @property --x-blockSize {
   syntax: "*";
   inherits: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.40.7",
+  "version": "0.40.8",
   "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
   "keywords": [
     "react",
@@ -84,7 +84,7 @@
     "@commitlint/cli": "21.2.3",
     "@commitlint/config-conventional": "21.2.3",
     "@eslint/js": "10.0.1",
-    "@kanso-labs/unplugin-style-dictionary": "0.10.24",
+    "@kanso-labs/unplugin-style-dictionary": "0.10.25",
     "@microsoft/api-extractor": "7.59.4",
     "@rolldown/plugin-babel": "0.2.4",
     "@storybook/addon-a11y": "10.6.1",