@pathscale/ui 2.2.1 → 2.3.0

package/dist/purge-manifest.json

@@ -901,6 +901,156 @@
         "RadioGroup"
       ]
     },
+    "DataGrid": {
+      "key": "DataGrid",
+      "component": "DataGrid",
+      "classes": {
+        "always": [],
+        "byProp": {
+          "borders": {
+            "none": [
+              "data-grid--borders-none"
+            ],
+            "rows": [
+              "data-grid--borders-rows"
+            ],
+            "cols": [
+              "data-grid--borders-cols"
+            ],
+            "both": [
+              "data-grid--borders-both"
+            ]
+          },
+          "striping": {
+            "none": [
+              "data-grid--striping-none"
+            ],
+            "rows": [
+              "data-grid--striping-rows"
+            ],
+            "cols": [
+              "data-grid--striping-cols"
+            ]
+          },
+          "sticky": {
+            "none": [
+              "data-grid--sticky-none"
+            ],
+            "header": [
+              "data-grid--sticky-header"
+            ],
+            "columns": [
+              "data-grid--sticky-columns"
+            ],
+            "both": [
+              "data-grid--sticky-both"
+            ]
+          },
+          "size": {
+            "xs": [
+              "data-grid--size-xs"
+            ],
+            "sm": [
+              "data-grid--size-sm"
+            ],
+            "md": [
+              "data-grid--size-md"
+            ],
+            "lg": [
+              "data-grid--size-lg"
+            ],
+            "xl": [
+              "data-grid--size-xl"
+            ]
+          }
+        }
+      },
+      "attributeSelectors": [
+        "[data-align=\"center\"]",
+        "[data-align=\"end\"]",
+        "[data-selected=\"true\"]",
+        "[data-sticky=\"true\"]"
+      ],
+      "selectors": [
+        ".data-grid",
+        ".data-grid .table__row[data-selected=\"true\"]",
+        ".data-grid--borders-both .table__cell:not(:last-child)",
+        ".data-grid--borders-both .table__column:not(:last-child)",
+        ".data-grid--borders-both .table__row:not(:last-child) .table__cell",
+        ".data-grid--borders-cols .table__cell:not(:last-child)",
+        ".data-grid--borders-cols .table__column:not(:last-child)",
+        ".data-grid--borders-rows .table__row:not(:last-child) .table__cell",
+        ".data-grid--interactive .table__body .table__row:hover",
+        ".data-grid--size-lg .table__cell",
+        ".data-grid--size-lg .table__column",
+        ".data-grid--size-sm .table__cell",
+        ".data-grid--size-sm .table__column",
+        ".data-grid--size-xl .table__cell",
+        ".data-grid--size-xl .table__column",
+        ".data-grid--size-xs .table__cell",
+        ".data-grid--size-xs .table__column",
+        ".data-grid--sticky-both .table__cell[data-sticky=\"true\"]",
+        ".data-grid--sticky-both .table__column[data-sticky=\"true\"]",
+        ".data-grid--sticky-both .table__header .table__column",
+        ".data-grid--sticky-both .table__header .table__column[data-sticky=\"true\"]",
+        ".data-grid--sticky-columns .table__cell[data-sticky=\"true\"]",
+        ".data-grid--sticky-columns .table__column[data-sticky=\"true\"]",
+        ".data-grid--sticky-header .table__header .table__column",
+        ".data-grid--striping-cols .table__cell:nth-child(2n)",
+        ".data-grid--striping-rows .table__body .table__row:nth-child(2n)",
+        ".data-grid__cell[data-align=\"center\"]",
+        ".data-grid__cell[data-align=\"end\"]",
+        ".data-grid__empty",
+        ".data-grid__group-row",
+        ".data-grid__header-button",
+        ".data-grid__page-status",
+        ".data-grid__pagination",
+        ".data-grid__search",
+        ".data-grid__search-input",
+        ".data-grid__search-input:focus-visible",
+        ".data-grid__search-label",
+        ".data-grid__select-cell",
+        ".data-grid__toolbar"
+      ],
+      "cssVars": {
+        "declared": [
+          "--data-grid-line"
+        ],
+        "referenced": [
+          "--border",
+          "--color-base-100",
+          "--color-base-200",
+          "--color-base-content",
+          "--color-primary",
+          "--data-grid-line",
+          "--focus-ring-color",
+          "--focus-ring-offset",
+          "--focus-ring-width",
+          "--padding-lg",
+          "--padding-md",
+          "--padding-sm",
+          "--padding-xs",
+          "--radius-field",
+          "--shade",
+          "--shade-hover",
+          "--shade-pressed",
+          "--shade-subtle",
+          "--text-lg",
+          "--text-sm",
+          "--text-xl",
+          "--text-xs"
+        ]
+      },
+      "keyframes": {
+        "declared": [],
+        "referenced": []
+      },
+      "deps": [
+        "Button",
+        "Checkbox",
+        "Table"
+      ]
+    },
     "GlowCard": {
       "key": "GlowCard",
       "component": "GlowCard",
@@ -20100,6 +20250,240 @@
           "ComboBox.Trigger"
         ]
       },
+      {
+        "selector": ".data-grid",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid .table__row[data-selected=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__cell[data-align=\"center\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__cell[data-align=\"end\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__empty",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__group-row",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__header-button",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__page-status",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__pagination",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__search",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__search-input",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__search-input:focus-visible",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__search-label",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__select-cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid__toolbar",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-both .table__cell:not(:last-child)",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-both .table__column:not(:last-child)",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-both .table__row:not(:last-child) .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-cols .table__cell:not(:last-child)",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-cols .table__column:not(:last-child)",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-rows .table__row:not(:last-child) .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--interactive .table__body .table__row:hover",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-lg .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-lg .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-sm .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-sm .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-xl .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-xl .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-xs .table__cell",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--size-xs .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-both .table__cell[data-sticky=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-both .table__column[data-sticky=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-both .table__header .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-both .table__header .table__column[data-sticky=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-columns .table__cell[data-sticky=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-columns .table__column[data-sticky=\"true\"]",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--sticky-header .table__header .table__column",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--striping-cols .table__cell:nth-child(2n)",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--striping-rows .table__body .table__row:nth-child(2n)",
+        "components": [
+          "DataGrid"
+        ]
+      },
       {
         "selector": ".date-field",
         "components": [
@@ -30322,6 +30706,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "DateField.Group",
           "DateField.Input",
           "DateField.InputContainer",
@@ -30448,6 +30833,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "DateField.Group",
           "DateField.Input",
           "DateField.InputContainer",
@@ -30551,6 +30937,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "DateField.Group",
           "DateField.Input",
           "DateField.InputContainer",
@@ -31301,6 +31688,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "DateField.Group",
           "DateField.Input",
           "DateField.InputContainer",
@@ -31530,6 +31918,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "Dock",
           "Dropdown",
           "GlowCard",
@@ -31669,6 +32058,7 @@
           "Badge",
           "ChatBubble",
           "Chip",
+          "DataGrid",
           "ImmersiveLanding.arrows",
           "ImmersiveLanding.cookie",
           "ImmersiveLanding.firefoxBanner",
@@ -31746,6 +32136,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "Dialog.Backdrop",
           "Dialog.Body",
           "Dialog.CloseTrigger",
@@ -31834,6 +32225,7 @@
           "ComboBox.Popover",
           "ComboBox.Root",
           "ComboBox.Trigger",
+          "DataGrid",
           "Dialog.Backdrop",
           "Dialog.Body",
           "Dialog.CloseTrigger",
@@ -31993,6 +32385,96 @@
           "Radio"
         ]
       },
+      "--data-grid-line": {
+        "declaredBy": [
+          "DataGrid"
+        ],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--focus-ring-color": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--padding-lg": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--padding-md": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--padding-sm": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--padding-xs": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--shade": {
+        "declaredBy": [],
+        "referencedBy": [
+          "Checkbox",
+          "DataGrid",
+          "Switch"
+        ]
+      },
+      "--shade-hover": {
+        "declaredBy": [],
+        "referencedBy": [
+          "Checkbox",
+          "DataGrid",
+          "Switch"
+        ]
+      },
+      "--shade-pressed": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--shade-subtle": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--text-lg": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--text-sm": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--text-xl": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
+      "--text-xs": {
+        "declaredBy": [],
+        "referencedBy": [
+          "DataGrid"
+        ]
+      },
       "--glow-card-blur": {
         "declaredBy": [
           "GlowCard"
@@ -33025,20 +33507,6 @@
           "RadialProgress"
         ]
       },
-      "--shade": {
-        "declaredBy": [],
-        "referencedBy": [
-          "Checkbox",
-          "Switch"
-        ]
-      },
-      "--shade-hover": {
-        "declaredBy": [],
-        "referencedBy": [
-          "Checkbox",
-          "Switch"
-        ]
-      },
       "--color-error-foreground": {
         "declaredBy": [],
         "referencedBy": [

package/dist/styles/themes/dark.css

@@ -153,6 +153,9 @@
      * One declaration, opposite behaviour, which is the point of the token.
      */
     --shade: var(--color-base-content);
+    /* Below hover on purpose: a zebra stripe that matched the hover
+       shade made a hovered stripe indistinguishable from a resting one. */
+    --shade-subtle: 4%;
     --shade-hover: 8%;
     --shade-pressed: 12%;
 

package/dist/styles/themes/light.css

@@ -156,6 +156,9 @@
      * is the behaviour a hardcoded black can only get right in one of them.
      */
     --shade: var(--color-base-content);
+    /* Below hover on purpose: a zebra stripe that matched the hover
+       shade made a hovered stripe indistinguishable from a resting one. */
+    --shade-subtle: 4%;
     --shade-hover: 8%;
     --shade-pressed: 12%;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "author": "pathscale",
   "repository": {
     "type": "git",
@@ -147,7 +147,7 @@
     "check:package": "bun run scripts/check-package.ts",
     "next-version": "bun run scripts/next-version.ts",
     "smoke": "bun run scripts/smoke-consumer.ts",
-    "test": "bun test",
+    "test": "bun test --conditions=browser",
     "check:api": "bun run scripts/check-api-contract.ts"
   },
   "sideEffects": [