@grampro/kit 2.4.1 → 2.4.3

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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/index.ts",
       "core/trend.ts",
@@ -22,7 +22,7 @@
       "react/Stat.tsx",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:549ddc0bab6442ba11768f3691605be509042dd42f313fc5d600d45b6aced521"
+    "sourceHash": "sha256:ef4320f169eb618584b31671b65838e1406de0bf944458079b383dcfd40c2e52"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/group.ts",
       "core/index.ts",
@@ -22,7 +22,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:9e6f5998958b5395575e8e46fcd4439d7848a10cec612a398bcb2bb393a3f77c"
+    "sourceHash": "sha256:5b132e0d372a16b0536b1e8a6fb8809dbcbfb00e1282d406a0a474090f4a72f5"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/filter.ts",
       "core/index.ts",
@@ -25,7 +25,7 @@
       "react/props.ts",
       "react/useCombobox.ts"
     ],
-    "sourceHash": "sha256:959aeca51f98f6ec875c1465659f975efcee4b08d739515c8518c17f3b3df354"
+    "sourceHash": "sha256:39aa629ae5088777b3a2b8e89036701d9a100c214986912d233bbb6f4fd4f72a"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "agent/coerce.ts",
       "agent/contract.ts",
@@ -64,7 +64,7 @@
       "react/keyboard.ts",
       "react/locale.ts"
     ],
-    "sourceHash": "sha256:4f6c3db8763142dadb7f8efc55b8663a4e1e7b1316c3448f38d33f75a31a7f31"
+    "sourceHash": "sha256:85285e939d717fa498f6aa038e225d9f488eef52e3e530f214e51e6ae34aaa79"
   },
   "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": [

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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/calendar.ts",
       "core/format.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useDatePicker.ts"
     ],
-    "sourceHash": "sha256:3dba4cc6b29876969fcc114163bd9efae4ebcf6257e23b258d4f12f643115b78"
+    "sourceHash": "sha256:1d3862b23e2bb13fb234af1b85344691a92f9282dae1052fa8eebd19414452bb"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/api.ts",
       "core/dialog.ts",
@@ -23,7 +23,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:054631ef8ddc464b32edabedea2cf26e4aa7e57a18d596dc6a65081e790283b1"
+    "sourceHash": "sha256:d087fe0d6b3c7069ea05892cbf27167e7b5aae79c9522503d2f92574c1158058"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/format.ts",
       "core/index.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useFileUploader.ts"
     ],
-    "sourceHash": "sha256:d85d7df07faeb3fb3b3232252614d118584a76ae20b65530e27a3f2ad6fbf8ed"
+    "sourceHash": "sha256:07b69e816e869610850093764502d4da38bb450f2ab729b827e4f124f6125d63"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/count.ts",
       "core/index.ts",
@@ -23,7 +23,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:e5922c1ed929a76a4eadd29199b1e7fdae1350dc2500372db966677de64c5d96"
+    "sourceHash": "sha256:8059fadd4e1670ffcf97afe2f729758855d04389b0ccbe91edfc9d2a2975ee75"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/index.ts",
       "core/navigation.ts",
@@ -29,7 +29,7 @@
       "react/props.ts",
       "react/useMenuKeys.ts"
     ],
-    "sourceHash": "sha256:694bed6a5743fac9406d91991fc23d4ce046ab1ed5f21be668f1971ccf6a15d4"
+    "sourceHash": "sha256:7613198a66407cdf4fa284f093ae35f5596e79cf1242097d09cdc3172c2f79d7"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/dismiss.ts",
       "core/index.ts",
@@ -19,7 +19,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:910a347e2afc5b243068783ae93ebef3fa8595aa9dd4df3531aca3c754c84248"
+    "sourceHash": "sha256:65249a3a5ade72848c6db3224858922d8c2b8f7c6bcce0f421275835398fb6c7"
   },
   "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.1",
+    "libraryVersion": "2.4.3",
     "files": [
       "core/format.ts",
       "core/index.ts",
@@ -21,7 +21,7 @@
       "react/locale.ts",
       "react/props.ts"
     ],
-    "sourceHash": "sha256:fa17fae49c7798036270d688f61b0e968b2dd6cb438f62031a7502a8cc586e28"
+    "sourceHash": "sha256:45120dc11be8aafca638f8f6248f83deeb9f98c809140f80fd8c2d2610306371"
   },
   "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;
 }