@grampro/kit 2.4.0 → 2.4.2

package/source/components/data-grid/styles.css

@@ -88,7 +88,7 @@
 .dg-button:hover {
   background: var(--dg-hover);
 }
-.dg-button[data-variant="primary"] {
+.dg-button:where([data-variant="primary"]) {
   background: var(--dg-accent);
   border-color: var(--dg-accent);
   color: var(--dg-accent-fg);
@@ -347,23 +347,23 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-:is(.dg-cell, .dg-header-cell)[data-align="center"] {
+:is(.dg-cell, .dg-header-cell):where([data-align="center"]) {
   justify-content: center;
 }
-:is(.dg-cell, .dg-header-cell)[data-align="end"] {
+:is(.dg-cell, .dg-header-cell):where([data-align="end"]) {
   justify-content: flex-end;
 }
-.dg-cell[data-align="end"] {
+.dg-cell:where([data-align="end"]) {
   font-variant-numeric: tabular-nums;
 }
 :is(.dg-cell, .dg-header-cell)[data-pinned] {
   position: sticky;
   z-index: 1;
 }
-:is(.dg-cell, .dg-header-cell)[data-pinned="left"][data-pin-edge] {
+:is(.dg-cell, .dg-header-cell)[data-pinned="left"]:where([data-pin-edge]) {
   box-shadow: 4px 0 6px -4px var(--dg-pin-shadow);
 }
-:is(.dg-cell, .dg-header-cell)[data-pinned="right"][data-pin-edge] {
+:is(.dg-cell, .dg-header-cell)[data-pinned="right"]:where([data-pin-edge]) {
   box-shadow: -4px 0 6px -4px var(--dg-pin-shadow);
 }
 :is(.dg-cell, .dg-header-cell):focus {
@@ -449,7 +449,7 @@
 .dg-header-cell[data-sortable] {
   cursor: pointer;
 }
-.dg-header-cell[data-align="end"] .dg-header-menu {
+.dg-header-cell:where([data-align="end"]) .dg-header-menu {
   order: -1;
   margin-inline: 0 auto;
 }

package/source/components/date-picker/passport.json

@@ -10,7 +10,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/calendar.ts",
       "core/format.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useDatePicker.ts"
     ],
-    "sourceHash": "sha256:3dba4cc6b29876969fcc114163bd9efae4ebcf6257e23b258d4f12f643115b78"
+    "sourceHash": "sha256:e62de2f8c322abc9558a7b9c7e06dadd61da0b442cb3ac7e4ba5bf099ec92251"
   },
   "props": [
     {

package/source/components/date-picker/styles.css

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

package/source/components/dialog/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/api.ts",
       "core/dialog.ts",
@@ -23,7 +23,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:054631ef8ddc464b32edabedea2cf26e4aa7e57a18d596dc6a65081e790283b1"
+    "sourceHash": "sha256:e1a5fb2962bcc8ad8bcb77130a33caa782e47627bbe3e84875303839ef63a407"
   },
   "props": [
     {

package/source/components/dialog/styles.css

@@ -103,19 +103,19 @@
   overflow: hidden;
 }
 
-.dl-root[data-size="md"] {
+.dl-root:where([data-size="md"]) {
   --dl-width: 540px;
 }
-.dl-root[data-intent="info"] {
+.dl-root:where([data-intent="info"]) {
   --dl-intent: var(--dl-info);
 }
-.dl-root[data-intent="success"] {
+.dl-root:where([data-intent="success"]) {
   --dl-intent: var(--dl-success);
 }
-.dl-root[data-intent="warning"] {
+.dl-root:where([data-intent="warning"]) {
   --dl-intent: var(--dl-warning);
 }
-.dl-root[data-intent="danger"] {
+.dl-root:where([data-intent="danger"]) {
   --dl-intent: var(--dl-danger);
 }
 
@@ -220,20 +220,20 @@
 .dl-button:hover:not([aria-disabled="true"]) {
   background: var(--dl-hover);
 }
-.dl-button[data-variant="primary"] {
+.dl-button:where([data-variant="primary"]) {
   border-color: var(--dl-accent);
   background: var(--dl-accent);
   color: var(--dl-accent-fg);
 }
-.dl-button[data-variant="danger"] {
+.dl-button:where([data-variant="danger"]) {
   border-color: var(--dl-danger);
   background: var(--dl-danger);
   color: var(--dl-danger-fg);
 }
-.dl-button[data-variant="primary"]:hover:not([aria-disabled="true"]) {
+.dl-button:where([data-variant="primary"]):hover:not([aria-disabled="true"]) {
   background: color-mix(in oklab, var(--dl-accent), var(--dl-fg) 12%);
 }
-.dl-button[data-variant="danger"]:hover:not([aria-disabled="true"]) {
+.dl-button:where([data-variant="danger"]):hover:not([aria-disabled="true"]) {
   background: color-mix(in oklab, var(--dl-danger), var(--dl-fg) 12%);
 }
 .dl-button:focus-visible {

package/source/components/file-uploader/passport.json

@@ -13,7 +13,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/format.ts",
       "core/index.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useFileUploader.ts"
     ],
-    "sourceHash": "sha256:d85d7df07faeb3fb3b3232252614d118584a76ae20b65530e27a3f2ad6fbf8ed"
+    "sourceHash": "sha256:ff19deac106eaffa0aa59740e3d0505ed592c05d20efabda6858549cf66c24c9"
   },
   "props": [
     {

package/source/components/file-uploader/styles.css

@@ -51,12 +51,12 @@
   box-sizing: border-box;
 }
 
-.fu-root[data-size="sm"] {
+.fu-root:where([data-size="sm"]) {
   --fu-font-size: 12px;
   --fu-dropzone-py: 12px;
   --fu-thumb-size: 32px;
 }
-.fu-root[data-size="lg"] {
+.fu-root:where([data-size="lg"]) {
   --fu-font-size: 14px;
   --fu-dropzone-py: 32px;
   --fu-thumb-size: 48px;
@@ -208,22 +208,22 @@
   height: 100%;
   object-fit: cover;
 }
-.fu-thumb[data-kind="image"] {
+.fu-thumb:where([data-kind="image"]) {
   --fu-kind: light-dark(#2563eb, #60a5fa);
 }
-.fu-thumb[data-kind="video"] {
+.fu-thumb:where([data-kind="video"]) {
   --fu-kind: light-dark(#9333ea, #c084fc);
 }
-.fu-thumb[data-kind="audio"] {
+.fu-thumb:where([data-kind="audio"]) {
   --fu-kind: light-dark(#d97706, #fbbf24);
 }
-.fu-thumb[data-kind="pdf"] {
+.fu-thumb:where([data-kind="pdf"]) {
   --fu-kind: light-dark(#dc2626, #f87171);
 }
-.fu-thumb[data-kind="spreadsheet"] {
+.fu-thumb:where([data-kind="spreadsheet"]) {
   --fu-kind: light-dark(#16a34a, #4ade80);
 }
-.fu-thumb[data-kind="document"] {
+.fu-thumb:where([data-kind="document"]) {
   --fu-kind: light-dark(#0891b2, #22d3ee);
 }
 
@@ -348,12 +348,12 @@
 .fu-button:hover:not(:disabled) {
   background: var(--fu-hover);
 }
-.fu-button[data-variant="primary"] {
+.fu-button:where([data-variant="primary"]) {
   border-color: var(--fu-accent);
   background: var(--fu-accent);
   color: var(--fu-accent-fg);
 }
-.fu-button[data-variant="primary"]:hover:not(:disabled) {
+.fu-button:where([data-variant="primary"]):hover:not(:disabled) {
   background: color-mix(in oklab, var(--fu-accent), var(--fu-fg) 12%);
 }
 .fu-button:focus-visible {

package/source/components/input/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/count.ts",
       "core/index.ts",
@@ -23,7 +23,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:e5922c1ed929a76a4eadd29199b1e7fdae1350dc2500372db966677de64c5d96"
+    "sourceHash": "sha256:7d4ea32ab677cecb76b21be80500913ef55deb8cee9d37bec78ffccdc65a7aee"
   },
   "props": [
     {

package/source/components/input/styles.css

@@ -50,13 +50,13 @@
   box-sizing: border-box;
 }
 
-.in-root[data-size="sm"] {
+.in-root:where([data-size="sm"]) {
   --in-height: 30px;
   --in-font-size: 12px;
   --in-px: 8px;
   --in-cell: 34px;
 }
-.in-root[data-size="lg"] {
+.in-root:where([data-size="lg"]) {
   --in-height: 44px;
   --in-font-size: 14px;
   --in-px: 12px;
@@ -160,7 +160,7 @@
   color: var(--in-muted);
   white-space: nowrap;
 }
-.in-adornment[data-side="trailing"] {
+.in-adornment:where([data-side="trailing"]) {
   padding-inline-end: 4px;
 }
 

package/source/components/menu/passport.json

@@ -16,7 +16,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/navigation.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useMenuKeys.ts"
     ],
-    "sourceHash": "sha256:694bed6a5743fac9406d91991fc23d4ce046ab1ed5f21be668f1971ccf6a15d4"
+    "sourceHash": "sha256:24ca0df1711359290751825aa544cf50059149ffd5668f0f761d647b96c0293a"
   },
   "props": [
     {

package/source/components/menu/styles.css

@@ -76,7 +76,7 @@
     translate: 0 -2px;
   }
 }
-.mn-root[data-side="top"]:popover-open {
+.mn-root:where([data-side="top"]):popover-open {
   animation-name: mn-in-top;
 }
 @keyframes mn-in-top {
@@ -121,7 +121,7 @@
   color: var(--mn-muted);
   cursor: not-allowed;
 }
-.mn-item[data-destructive]:not([data-disabled]) {
+.mn-item:where([data-destructive]):not([data-disabled]) {
   color: var(--mn-danger);
 }
 
@@ -139,7 +139,7 @@
   align-items: center;
   color: var(--mn-muted);
 }
-.mn-item[data-destructive] .mn-icon {
+.mn-item:where([data-destructive]) .mn-icon {
   color: inherit;
 }
 

package/source/components/modal/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/dismiss.ts",
       "core/index.ts",
@@ -19,7 +19,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:910a347e2afc5b243068783ae93ebef3fa8595aa9dd4df3531aca3c754c84248"
+    "sourceHash": "sha256:184d3ca90cdec9fcc2b0f4d3267f8a968200dbf8cdd6d5678c243f16aca46d79"
   },
   "props": [
     {

package/source/components/modal/styles.css

@@ -100,16 +100,16 @@
 
 /* --------------------------------------------------------------- sizes */
 
-.md-root[data-size="sm"] {
+.md-root:where([data-size="sm"]) {
   --md-width: 400px;
 }
-.md-root[data-size="lg"] {
+.md-root:where([data-size="lg"]) {
   --md-width: 720px;
 }
-.md-root[data-size="xl"] {
+.md-root:where([data-size="xl"]) {
   --md-width: 960px;
 }
-.md-root[data-size="full"] {
+.md-root:where([data-size="full"]) {
   --md-width: 100vw;
   --md-gutter: 0px;
   height: 100dvh;
@@ -120,28 +120,28 @@
 
 /* ----------------------------------------------------------- placement */
 
-.md-root[data-placement="top"] {
+.md-root:where([data-placement="top"]) {
   margin-top: min(10vh, 80px);
 }
 
-.md-root:is([data-placement="left"], [data-placement="right"]) {
+.md-root:is(:where([data-placement="left"]), :where([data-placement="right"])) {
   --md-gutter: 0px;
   height: 100dvh;
   max-height: 100dvh;
   border-block: 0;
   border-radius: 0;
 }
-.md-root[data-placement="left"] {
+.md-root:where([data-placement="left"]) {
   --md-enter: -100% 0;
   margin: 0 auto 0 0;
   border-inline-start: 0;
 }
-.md-root[data-placement="right"] {
+.md-root:where([data-placement="right"]) {
   --md-enter: 100% 0;
   margin: 0 0 0 auto;
   border-inline-end: 0;
 }
-.md-root[data-placement="bottom"] {
+.md-root:where([data-placement="bottom"]) {
   --md-enter: 0 100%;
   width: 100vw;
   max-height: min(var(--md-width), 90dvh);

package/source/components/number-input/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/format.ts",
       "core/index.ts",
@@ -21,7 +21,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:fa17fae49c7798036270d688f61b0e968b2dd6cb438f62031a7502a8cc586e28"
+    "sourceHash": "sha256:5e9d1f41cb6c46b3dac44ab3689d03432abd1ddbbdf4736a87add2454239c505"
   },
   "props": [
     {

package/source/components/number-input/styles.css

@@ -49,12 +49,12 @@
   box-sizing: border-box;
 }
 
-.nm-root[data-size="sm"] {
+.nm-root:where([data-size="sm"]) {
   --nm-height: 30px;
   --nm-px: 8px;
   --nm-font-size: 12px;
 }
-.nm-root[data-size="lg"] {
+.nm-root:where([data-size="lg"]) {
   --nm-height: 44px;
   --nm-px: 12px;
   --nm-font-size: 14px;
@@ -133,7 +133,7 @@
   color: var(--nm-muted);
   white-space: nowrap;
 }
-.nm-adornment[data-side="trailing"] {
+.nm-adornment:where([data-side="trailing"]) {
   padding-inline-end: 2px;
 }
 

package/source/components/popover/passport.json

@@ -8,7 +8,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/types.ts",
@@ -17,7 +17,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:5cbc02914b3192d61aeb706d8d3d439a41ef8bb985d90c0864a330167ffb0b2c"
+    "sourceHash": "sha256:63d921d8dbc2f2b2c7e0d564a11c6dd67f7a86f2eee61fb4f6889aa6d8b7a2de"
   },
   "props": [
     {

package/source/components/popover/styles.css

@@ -79,7 +79,7 @@
     translate: 0 -2px;
   }
 }
-.pv-root[data-side="top"]:popover-open {
+.pv-root:where([data-side="top"]):popover-open {
   animation-name: pv-in-top;
 }
 @keyframes pv-in-top {
@@ -88,7 +88,7 @@
     translate: 0 2px;
   }
 }
-.pv-root[data-side="left"]:popover-open {
+.pv-root:where([data-side="left"]):popover-open {
   animation-name: pv-in-left;
 }
 @keyframes pv-in-left {
@@ -97,7 +97,7 @@
     translate: 2px 0;
   }
 }
-.pv-root[data-side="right"]:popover-open {
+.pv-root:where([data-side="right"]):popover-open {
   animation-name: pv-in-right;
 }
 @keyframes pv-in-right {

package/source/components/progress/passport.json

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

package/source/components/progress/styles.css

@@ -42,16 +42,16 @@
   box-sizing: border-box;
 }
 
-.pr-root[data-variant="success"],
-.pr-circle[data-variant="success"] {
+.pr-root:where([data-variant="success"]),
+.pr-circle:where([data-variant="success"]) {
   --pr-bar: var(--pr-success);
 }
-.pr-root[data-variant="warning"],
-.pr-circle[data-variant="warning"] {
+.pr-root:where([data-variant="warning"]),
+.pr-circle:where([data-variant="warning"]) {
   --pr-bar: var(--pr-warning);
 }
-.pr-root[data-variant="danger"],
-.pr-circle[data-variant="danger"] {
+.pr-root:where([data-variant="danger"]),
+.pr-circle:where([data-variant="danger"]) {
   --pr-bar: var(--pr-danger);
 }
 
@@ -63,11 +63,11 @@
   gap: 6px;
   min-width: 0;
 }
-.pr-root[data-size="sm"] {
+.pr-root:where([data-size="sm"]) {
   --pr-height: 4px;
   --pr-font-size: 12px;
 }
-.pr-root[data-size="lg"] {
+.pr-root:where([data-size="lg"]) {
   --pr-height: 12px;
 }
 

package/source/components/radio-group/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:75988fb28f81a91f9ec61a6b1cc89f4e6b9f5c45b7ae38cfe94abcc5de40ff2d"
+    "sourceHash": "sha256:1518aefa0a863d1694ed44d3c56d0b07361f3a4120d44f7f97f4baa7857aa10f"
   },
   "props": [
     {

package/source/components/radio-group/styles.css

@@ -54,11 +54,11 @@
   gap: 8px;
   min-width: 0;
 }
-.rd-root[data-size="sm"] {
+.rd-root:where([data-size="sm"]) {
   --rd-size: 14px;
   --rd-font-size: 12px;
 }
-.rd-root[data-size="lg"] {
+.rd-root:where([data-size="lg"]) {
   --rd-size: 20px;
   --rd-font-size: 14px;
 }
@@ -153,7 +153,7 @@
 
 /* ----------------------------------------------------------------- card */
 
-.rd-root[data-variant="card"] {
+.rd-root:where([data-variant="card"]) {
   position: relative;
   align-items: flex-start;
   padding: 12px;
@@ -165,32 +165,32 @@
     border-color 120ms ease,
     background-color 120ms ease;
 }
-.rd-root[data-variant="card"]:hover:not([data-disabled]) {
+.rd-root:where([data-variant="card"]):hover:not([data-disabled]) {
   background: var(--rd-hover);
 }
-.rd-root[data-variant="card"][data-checked] {
+.rd-root:where([data-variant="card"])[data-checked] {
   border-color: var(--rd-accent);
   background: var(--rd-accent-soft);
 }
 /* Muted grey clears 4.5:1 on white but only reaches 4.44:1 on the tinted
    background of a selected card, so it moves a step towards the text colour
    there rather than the description quietly failing contrast. */
-.rd-root[data-variant="card"][data-checked] .rd-description {
+.rd-root:where([data-variant="card"])[data-checked] .rd-description {
   color: color-mix(in oklab, var(--rd-muted) 72%, var(--rd-fg));
 }
 /* The whole tile is the target: the input covers it, so a press anywhere
    lands on the radio itself rather than on a label that forwards it. */
-.rd-root[data-variant="card"] .rd-input::after {
+.rd-root:where([data-variant="card"]) .rd-input::after {
   content: "";
   position: absolute;
   inset: 0;
   border-radius: var(--rd-radius);
 }
-.rd-root[data-variant="card"]:has(.rd-input:focus-visible) {
+.rd-root:where([data-variant="card"]):has(.rd-input:focus-visible) {
   outline: 2px solid var(--rd-focus);
   outline-offset: 2px;
 }
-.rd-root[data-variant="card"] .rd-input:focus-visible {
+.rd-root:where([data-variant="card"]) .rd-input:focus-visible {
   outline: none;
 }
 
@@ -220,14 +220,14 @@
   gap: 8px;
   min-width: 0;
 }
-.rd-group[data-orientation="horizontal"] .rd-items {
+.rd-group:where([data-orientation="horizontal"]) .rd-items {
   flex-flow: row wrap;
   gap: 16px;
 }
-.rd-group[data-variant="card"][data-orientation="horizontal"] .rd-items {
+.rd-group:where([data-variant="card"]):where([data-orientation="horizontal"]) .rd-items {
   gap: 8px;
 }
-.rd-group[data-variant="card"][data-orientation="horizontal"] .rd-root {
+.rd-group:where([data-variant="card"]):where([data-orientation="horizontal"]) .rd-root {
   flex: 1 1 180px;
 }
 
@@ -251,7 +251,7 @@
 @media (prefers-reduced-motion: reduce) {
   .rd-input,
   .rd-dot,
-  .rd-root[data-variant="card"] {
+  .rd-root:where([data-variant="card"]) {
     transition: none;
   }
 }
@@ -263,7 +263,7 @@
   .rd-dot {
     background: Highlight;
   }
-  .rd-root[data-variant="card"][data-checked] {
+  .rd-root:where([data-variant="card"])[data-checked] {
     border-color: Highlight;
   }
 }

package/source/components/skeleton/passport.json

@@ -9,7 +9,7 @@
     ]
   },
   "source": {
-    "libraryVersion": "2.4.0",
+    "libraryVersion": "2.4.2",
     "files": [
       "core/index.ts",
       "core/lines.ts",
@@ -19,7 +19,7 @@
       "react/Skeleton.tsx",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:aac81a69f1b35c3bb20dcfccff178d25e0b735f9e63847a888b3904924111f0b"
+    "sourceHash": "sha256:8e2b581542c7bc2aac092920774c57f5767dc32ded8b2725a536c3117be2b7db"
   },
   "props": [
     {