@grampro/kit 2.4.0 → 2.4.2

package/source/components/accordion/passport.json

@@ -10,7 +10,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/open.ts",
@@ -21,7 +21,7 @@
       "react/context.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:cb253f4bd818d48805735b4f44c3a25fc66c3a074239558ccc97de1b4ed948bb"
+    "sourceHash": "sha256:87a51fb32f4a2b0982da7743b12adcbb8529dc7f02c4811f6213a42f481c8ffc"
   },
   "props": [
     {

package/source/components/accordion/styles.css

@@ -47,12 +47,12 @@
   box-sizing: border-box;
 }
 
-.ac-root[data-size="sm"] {
+.ac-root:where([data-size="sm"]) {
   --ac-px: 10px;
   --ac-py: 8px;
   --ac-font-size: 12px;
 }
-.ac-root[data-size="lg"] {
+.ac-root:where([data-size="lg"]) {
   --ac-px: 18px;
   --ac-py: 16px;
   --ac-font-size: 14px;
@@ -68,35 +68,35 @@
 }
 
 /* Contained: one block with dividers instead of separate cards. */
-.ac-root[data-variant="contained"] {
+.ac-root:where([data-variant="contained"]) {
   gap: 0;
   border: 1px solid var(--ac-border);
   border-radius: var(--ac-radius);
   overflow: hidden;
 }
-.ac-root[data-variant="contained"] .ac-item {
+.ac-root:where([data-variant="contained"]) .ac-item {
   border: 0;
   border-block-end: 1px solid var(--ac-border);
   border-radius: 0;
 }
-.ac-root[data-variant="contained"] .ac-item:last-child {
+.ac-root:where([data-variant="contained"]) .ac-item:last-child {
   border-block-end: 0;
 }
 
 /* Plain: rules only, for a sidebar or a FAQ. */
-.ac-root[data-variant="plain"] {
+.ac-root:where([data-variant="plain"]) {
   gap: 0;
 }
-.ac-root[data-variant="plain"] .ac-item {
+.ac-root:where([data-variant="plain"]) .ac-item {
   border: 0;
   border-block-end: 1px solid var(--ac-border);
   border-radius: 0;
   background: none;
 }
-.ac-root[data-variant="plain"] .ac-header {
+.ac-root:where([data-variant="plain"]) .ac-header {
   padding-inline: 0;
 }
-.ac-root[data-variant="plain"] .ac-body {
+.ac-root:where([data-variant="plain"]) .ac-body {
   padding-inline: 0;
 }
 

package/source/components/alert/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/live.ts",
@@ -19,7 +19,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:fb3baa3da19c07b09a7bebf3c96c8360ce4612c4b882f6dd2f95aa0616b6bead"
+    "sourceHash": "sha256:4c0ffa0d7cacb22dc9f3e577f604e7b692d7a79d7c316c6a74dda8018f383b8b"
   },
   "props": [
     {

package/source/components/alert/styles.css

@@ -58,20 +58,20 @@
   box-sizing: border-box;
 }
 
-.al-root[data-variant="success"] {
+.al-root:where([data-variant="success"]) {
   --al-accent: var(--al-success);
 }
-.al-root[data-variant="warning"] {
+.al-root:where([data-variant="warning"]) {
   --al-accent: var(--al-warning);
 }
-.al-root[data-variant="danger"] {
+.al-root:where([data-variant="danger"]) {
   --al-accent: var(--al-danger);
 }
-.al-root[data-variant="neutral"] {
+.al-root:where([data-variant="neutral"]) {
   --al-accent: var(--al-muted);
 }
 
-.al-root[data-size="sm"] {
+.al-root:where([data-size="sm"]) {
   --al-px: 10px;
   --al-py: 8px;
   --al-font-size: 12px;
@@ -89,7 +89,7 @@
   width: 16px;
   height: 16px;
 }
-.al-root[data-size="sm"] .al-icon > svg {
+.al-root:where([data-size="sm"]) .al-icon > svg {
   width: 14px;
   height: 14px;
 }

package/source/components/avatar/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/identity.ts",
       "core/index.ts",
@@ -20,7 +20,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:b77d7514edf27df52d7bad888ae4ae24cac924a9f748dcce72ae8a92256ab54a"
+    "sourceHash": "sha256:a4c28c560e9abb816f4c55d1bb89fef4d63e7d60b13e86603a32bdb00d195e5c"
   },
   "props": [
     {

package/source/components/avatar/styles.css

@@ -62,28 +62,28 @@
   user-select: none;
   vertical-align: middle;
 }
-.av-root[data-shape="square"] {
+.av-root:where([data-shape="square"]) {
   border-radius: var(--av-radius);
   overflow: visible;
 }
-.av-root[data-shape="square"] .av-image,
-.av-root[data-shape="square"] .av-fallback {
+.av-root:where([data-shape="square"]) .av-image,
+.av-root:where([data-shape="square"]) .av-fallback {
   border-radius: var(--av-radius);
 }
 
-.av-root[data-size="xs"] {
+.av-root:where([data-size="xs"]) {
   --av-size: 20px;
   --av-font-size: 10px;
 }
-.av-root[data-size="sm"] {
+.av-root:where([data-size="sm"]) {
   --av-size: 24px;
   --av-font-size: 11px;
 }
-.av-root[data-size="lg"] {
+.av-root:where([data-size="lg"]) {
   --av-size: 40px;
   --av-font-size: 15px;
 }
-.av-root[data-size="xl"] {
+.av-root:where([data-size="xl"]) {
   --av-size: 56px;
   --av-font-size: 20px;
 }
@@ -124,7 +124,7 @@
   border-radius: 50%;
   background: var(--av-muted);
 }
-.av-root[data-shape="square"] .av-status {
+.av-root:where([data-shape="square"]) .av-status {
   right: -2px;
   bottom: -2px;
 }
@@ -173,43 +173,43 @@
   font-variant-numeric: tabular-nums;
   line-height: 1;
 }
-.av-overflow[data-shape="square"] {
+.av-overflow:where([data-shape="square"]) {
   border-radius: var(--av-radius);
 }
-.av-group[data-size="xs"],
-.av-overflow[data-size="xs"] {
+.av-group:where([data-size="xs"]),
+.av-overflow:where([data-size="xs"]) {
   --av-size: 20px;
   --av-font-size: 10px;
 }
-.av-group[data-size="sm"],
-.av-overflow[data-size="sm"] {
+.av-group:where([data-size="sm"]),
+.av-overflow:where([data-size="sm"]) {
   --av-size: 24px;
   --av-font-size: 11px;
 }
-.av-group[data-size="lg"],
-.av-overflow[data-size="lg"] {
+.av-group:where([data-size="lg"]),
+.av-overflow:where([data-size="lg"]) {
   --av-size: 40px;
   --av-font-size: 15px;
 }
-.av-group[data-size="xl"],
-.av-overflow[data-size="xl"] {
+.av-group:where([data-size="xl"]),
+.av-overflow:where([data-size="xl"]) {
   --av-size: 56px;
   --av-font-size: 20px;
 }
 /* The group's size reaches the avatars inside it, unless one sets its own. */
-.av-group[data-size="xs"] .av-root:not([data-size]) {
+.av-group:where([data-size="xs"]) .av-root:not(:where([data-size])) {
   --av-size: 20px;
   --av-font-size: 10px;
 }
-.av-group[data-size="sm"] .av-root:not([data-size]) {
+.av-group:where([data-size="sm"]) .av-root:not(:where([data-size])) {
   --av-size: 24px;
   --av-font-size: 11px;
 }
-.av-group[data-size="lg"] .av-root:not([data-size]) {
+.av-group:where([data-size="lg"]) .av-root:not(:where([data-size])) {
   --av-size: 40px;
   --av-font-size: 15px;
 }
-.av-group[data-size="xl"] .av-root:not([data-size]) {
+.av-group:where([data-size="xl"]) .av-root:not(:where([data-size])) {
   --av-size: 56px;
   --av-font-size: 20px;
 }

package/source/components/badge/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/count.ts",
       "core/index.ts",
@@ -20,7 +20,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:2f5c5c1d91e4edd8c8c6dc2a14ba66a140b738c9c7b889c7a0a54414513d3f2f"
+    "sourceHash": "sha256:0c10d8dc0e095394f6cb6dc51e86c551c942e3be90c70953479abd2db7d2a9e9"
   },
   "props": [
     {

package/source/components/badge/styles.css

@@ -59,53 +59,53 @@
   box-sizing: border-box;
 }
 
-.bd-root[data-variant="accent"],
-.bd-tag[data-variant="accent"] {
+.bd-root:where([data-variant="accent"]),
+.bd-tag:where([data-variant="accent"]) {
   --bd-accent: var(--bd-accent-color);
 }
-.bd-root[data-variant="success"],
-.bd-tag[data-variant="success"] {
+.bd-root:where([data-variant="success"]),
+.bd-tag:where([data-variant="success"]) {
   --bd-accent: var(--bd-success);
 }
-.bd-root[data-variant="warning"],
-.bd-tag[data-variant="warning"] {
+.bd-root:where([data-variant="warning"]),
+.bd-tag:where([data-variant="warning"]) {
   --bd-accent: var(--bd-warning);
 }
-.bd-root[data-variant="danger"],
-.bd-tag[data-variant="danger"] {
+.bd-root:where([data-variant="danger"]),
+.bd-tag:where([data-variant="danger"]) {
   --bd-accent: var(--bd-danger);
 }
-.bd-root[data-variant="info"],
-.bd-tag[data-variant="info"] {
+.bd-root:where([data-variant="info"]),
+.bd-tag:where([data-variant="info"]) {
   --bd-accent: var(--bd-info);
 }
 
 /* --------------------------------------------------------- appearances */
 
-.bd-root[data-appearance="soft"],
-.bd-tag[data-appearance="soft"] {
+.bd-root:where([data-appearance="soft"]),
+.bd-tag:where([data-appearance="soft"]) {
   background: color-mix(in oklab, var(--bd-accent) 12%, var(--bd-bg));
   color: color-mix(in oklab, var(--bd-accent) 85%, var(--bd-fg));
 }
-.bd-root[data-appearance="solid"],
-.bd-tag[data-appearance="solid"] {
+.bd-root:where([data-appearance="solid"]),
+.bd-tag:where([data-appearance="solid"]) {
   background: var(--bd-accent);
   color: var(--bd-on-accent);
 }
 /* Neutral solid would be black on near-black text; invert it instead. */
-.bd-root[data-variant="neutral"][data-appearance="solid"],
-.bd-tag[data-variant="neutral"][data-appearance="solid"] {
+.bd-root:where([data-variant="neutral"]):where([data-appearance="solid"]),
+.bd-tag:where([data-variant="neutral"]):where([data-appearance="solid"]) {
   background: var(--bd-fg);
   color: var(--bd-bg);
 }
-.bd-root[data-appearance="outline"],
-.bd-tag[data-appearance="outline"] {
+.bd-root:where([data-appearance="outline"]),
+.bd-tag:where([data-appearance="outline"]) {
   border-color: color-mix(in oklab, var(--bd-accent) 40%, var(--bd-border));
   color: color-mix(in oklab, var(--bd-accent) 85%, var(--bd-fg));
 }
 
-.bd-root[data-size="sm"],
-.bd-tag[data-size="sm"] {
+.bd-root:where([data-size="sm"]),
+.bd-tag:where([data-size="sm"]) {
   --bd-height: 17px;
   --bd-px: 6px;
   --bd-font-size: 11px;
@@ -195,8 +195,8 @@
   .bd-tag {
     border-color: CanvasText;
   }
-  .bd-root[data-appearance="solid"],
-  .bd-tag[data-appearance="solid"] {
+  .bd-root:where([data-appearance="solid"]),
+  .bd-tag:where([data-appearance="solid"]) {
     background: Highlight;
     color: HighlightText;
   }

package/source/components/breadcrumb/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/trail.ts",
@@ -18,7 +18,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:f3093ad51f16f3bae86b349a012218e71848f7c7d624d27d41ac578bb55da82c"
+    "sourceHash": "sha256:e58f3eaf22137155f0de8623f06ff1217cb2749ab10bd83bae64e69b739e25a9"
   },
   "props": [
     {

package/source/components/breadcrumb/styles.css

@@ -37,10 +37,10 @@
   box-sizing: border-box;
 }
 
-.bc-root[data-size="sm"] {
+.bc-root:where([data-size="sm"]) {
   --bc-font-size: 12px;
 }
-.bc-root[data-size="lg"] {
+.bc-root:where([data-size="lg"]) {
   --bc-font-size: 14px;
 }
 

package/source/components/button/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/state.ts",
@@ -18,7 +18,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:85b2394bf3f7b37bd6bafd8ea93782b6c68a6ef4c5e207a6d3e6639a8ca23f9f"
+    "sourceHash": "sha256:b10547e2d34ee9c542458b1dc8b6e067878a5b47c364409de7f314412520d8a0"
   },
   "purpose": "Trigger an action. Not for navigation unless `render` supplies a link element.",
   "props": [

package/source/components/button/styles.css

@@ -75,31 +75,31 @@
 
 /* ------------------------------------------------------------ variants */
 
-.bt-root[data-variant="secondary"] {
+.bt-root:where([data-variant="secondary"]) {
   --bt-fill: var(--bt-subtle);
   --bt-fill-hover: color-mix(in oklab, var(--bt-subtle), var(--bt-fg) 8%);
   --bt-ink: var(--bt-fg);
   --bt-line: transparent;
 }
-.bt-root[data-variant="outline"] {
+.bt-root:where([data-variant="outline"]) {
   --bt-fill: var(--bt-bg);
   --bt-fill-hover: var(--bt-hover);
   --bt-ink: var(--bt-fg);
   --bt-line: var(--bt-border);
 }
-.bt-root[data-variant="ghost"] {
+.bt-root:where([data-variant="ghost"]) {
   --bt-fill: transparent;
   --bt-fill-hover: var(--bt-hover);
   --bt-ink: var(--bt-fg);
   --bt-line: transparent;
 }
-.bt-root[data-variant="danger"] {
+.bt-root:where([data-variant="danger"]) {
   --bt-fill: var(--bt-danger);
   --bt-fill-hover: color-mix(in oklab, var(--bt-danger), var(--bt-fg) 12%);
   --bt-ink: var(--bt-danger-fg);
   --bt-line: var(--bt-danger);
 }
-.bt-root[data-variant="link"] {
+.bt-root:where([data-variant="link"]) {
   --bt-fill: transparent;
   --bt-fill-hover: transparent;
   --bt-ink: var(--bt-accent);
@@ -108,19 +108,19 @@
   height: auto;
   text-underline-offset: 3px;
 }
-.bt-root[data-variant="link"]:hover:not([aria-disabled="true"], :disabled) {
+.bt-root:where([data-variant="link"]):hover:not([aria-disabled="true"], :disabled) {
   text-decoration: underline;
 }
 
 /* --------------------------------------------------------------- sizes */
 
-.bt-root[data-size="sm"] {
+.bt-root:where([data-size="sm"]) {
   --bt-height: 30px;
   --bt-px: 10px;
   --bt-gap: 6px;
   --bt-font-size: 12px;
 }
-.bt-root[data-size="lg"] {
+.bt-root:where([data-size="lg"]) {
   --bt-height: 44px;
   --bt-px: 18px;
   --bt-gap: 10px;
@@ -148,11 +148,11 @@
   cursor: progress;
 }
 
-.bt-root[data-icon-only] {
+.bt-root:where([data-icon-only]) {
   width: var(--bt-height);
   padding: 0;
 }
-.bt-root[data-full-width] {
+.bt-root:where([data-full-width]) {
   width: 100%;
 }
 

package/source/components/card/passport.json

@@ -12,7 +12,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/trend.ts",
@@ -22,7 +22,7 @@
       "react/Stat.tsx",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:549ddc0bab6442ba11768f3691605be509042dd42f313fc5d600d45b6aced521"
+    "sourceHash": "sha256:85aa3e707257ced4a3508f5fd5f15cdb4785f82e8ec0166ad80f809d01717912"
   },
   "props": [
     {

package/source/components/card/styles.css

@@ -53,24 +53,24 @@
   background: var(--cd-bg);
   text-decoration: none;
 }
-.cd-root[data-variant="outlined"] {
+.cd-root:where([data-variant="outlined"]) {
   border: 1px solid var(--cd-border);
 }
-.cd-root[data-variant="elevated"] {
+.cd-root:where([data-variant="elevated"]) {
   border: 1px solid transparent;
   box-shadow: var(--cd-shadow);
 }
-.cd-root[data-variant="plain"] {
+.cd-root:where([data-variant="plain"]) {
   background: transparent;
 }
 
-.cd-root[data-padding="none"] {
+.cd-root:where([data-padding="none"]) {
   --cd-px: 0px;
 }
-.cd-root[data-padding="sm"] {
+.cd-root:where([data-padding="sm"]) {
   --cd-px: 12px;
 }
-.cd-root[data-padding="lg"] {
+.cd-root:where([data-padding="lg"]) {
   --cd-px: 24px;
 }
 
@@ -84,7 +84,7 @@
 .cd-root[data-interactive]:hover {
   background: var(--cd-hover);
 }
-.cd-root[data-variant="elevated"][data-interactive]:hover {
+.cd-root:where([data-variant="elevated"])[data-interactive]:hover {
   translate: 0 -1px;
 }
 .cd-root[data-interactive]:focus-visible {
@@ -224,7 +224,7 @@
 }
 
 @media (forced-colors: active) {
-  .cd-root[data-variant="elevated"] {
+  .cd-root:where([data-variant="elevated"]) {
     border-color: CanvasText;
   }
 }

package/source/components/checkbox/passport.json

@@ -10,7 +10,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/group.ts",
       "core/index.ts",
@@ -22,7 +22,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:9e6f5998958b5395575e8e46fcd4439d7848a10cec612a398bcb2bb393a3f77c"
+    "sourceHash": "sha256:1448241ee017e4afcd42e789568f4b37d6e359e83c432771cd189ac6f5fee8a4"
   },
   "props": [
     {

package/source/components/checkbox/styles.css

@@ -48,11 +48,11 @@
   gap: 8px;
   min-width: 0;
 }
-.ck-root[data-size="sm"] {
+.ck-root:where([data-size="sm"]) {
   --ck-size: 14px;
   --ck-font-size: 12px;
 }
-.ck-root[data-size="lg"] {
+.ck-root:where([data-size="lg"]) {
   --ck-size: 20px;
   --ck-font-size: 14px;
   --ck-radius: 5px;
@@ -185,7 +185,7 @@
   flex-direction: column;
   gap: 8px;
 }
-.ck-group[data-orientation="horizontal"] .ck-items {
+.ck-group:where([data-orientation="horizontal"]) .ck-items {
   flex-flow: row wrap;
   gap: 8px 20px;
 }

package/source/components/combobox/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/filter.ts",
       "core/index.ts",
@@ -25,7 +25,7 @@
       "react/props.ts",
       "react/useCombobox.ts"
     ],
-    "sourceHash": "sha256:959aeca51f98f6ec875c1465659f975efcee4b08d739515c8518c17f3b3df354"
+    "sourceHash": "sha256:733078840c82f0d7863a7d5e08827b2166b3233c28a9c9aa4c6b528cc46ed28d"
   },
   "props": [
     {

package/source/components/combobox/styles.css

@@ -53,12 +53,12 @@
   box-sizing: border-box;
 }
 
-.cb-root[data-size="sm"] {
+.cb-root:where([data-size="sm"]) {
   --cb-height: 30px;
   --cb-font-size: 12px;
   --cb-px: 8px;
 }
-.cb-root[data-size="lg"] {
+.cb-root:where([data-size="lg"]) {
   --cb-height: 44px;
   --cb-font-size: 14px;
   --cb-px: 12px;

package/source/components/data-grid/passport.json

@@ -14,7 +14,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "agent/coerce.ts",
       "agent/contract.ts",
@@ -64,7 +64,7 @@
       "react/keyboard.ts",
       "react/locale.ts"
     ],
-    "sourceHash": "sha256:4f6c3db8763142dadb7f8efc55b8663a4e1e7b1316c3448f38d33f75a31a7f31"
+    "sourceHash": "sha256:449643cb8b35e825d74f47eeaffd69937a964e2f67d0ad098e74a050eabe31ab"
   },
   "purpose": "Display and operate on tabular data. Virtualized; holds its own sort, filter, search, selection, column and pagination state in an external store exposed through GridApi.",
   "props": [