@pathscale/ui 2.3.0 → 2.3.1

package/dist/components/data-grid/DataGrid.css

@@ -98,6 +98,15 @@
     border-inline-end: var(--border, 1px) solid var(--data-grid-line);
   }
 
+  /* Table draws a divider on every header cell with `.table__column::after`,
+     unconditionally. Inside a DataGrid that made `borders` a lie: `none` and
+     `rows` still showed vertical rules in the header, so the header disagreed
+     with the body directly under it. The axis decides now. */
+  .data-grid--borders-none .table__column::after,
+  .data-grid--borders-rows .table__column::after {
+    display: none;
+  }
+
   /* --------------------------------------------------------------------------
      Striping
      -------------------------------------------------------------------------- */

package/dist/components/data-grid/index.d.ts

@@ -1,4 +1,8 @@
 export type { CreateDataGridOptions, DataGridCellContext, DataGridColumn, DataGridColumnOptions, DataGridDataType, DataGridModel, DataGridRow, DataGridSelectionMode, DataGridSort, DataGridSortDirection, } from "./createDataGrid";
 export { createDataGrid } from "./createDataGrid";
 export type { DataGridBorders, DataGridProps, DataGridSticky, DataGridStriping, } from "./DataGrid.generated";
-export { default } from "./DataGrid.generated";
+import type { JSX } from "solid-js";
+import type { DataGridProps as Props } from "./DataGrid.generated";
+import type { DataGridRow as Row } from "./createDataGrid";
+declare const DataGrid: <R extends Row = Row>(props: Props<R>) => JSX.Element;
+export default DataGrid;

package/dist/components/data-grid/index.js

@@ -1,2 +1,5 @@
+import DataGrid_generated from "./DataGrid.generated.js";
+const DataGrid = DataGrid_generated;
+const data_grid = DataGrid;
 export { createDataGrid } from "./createDataGrid.js";
-export { default } from "./DataGrid.generated.js";
+export default data_grid;

package/dist/components/spinner/Spinner.css

@@ -52,24 +52,43 @@
   /* -------------------------------------------------------------------------------------------------
    * Color variants
    * -----------------------------------------------------------------------------------------------*/
-  .spinner--current {
+  /* `--flavor-` to match every other component, and the full set: the recipe
+     named six classes this file never defined, so half the values a caller
+     could pass rendered unflavoured. */
+  .spinner--flavor-current {
     color: currentColor;
   }
 
-  .spinner--accent {
-    color: var(--color-accent);
+  .spinner--flavor-neutral {
+    color: var(--color-neutral, currentColor);
   }
 
-  .spinner--success {
-    color: var(--color-success);
+  .spinner--flavor-primary {
+    color: var(--color-primary, currentColor);
   }
 
-  .spinner--warning {
-    color: var(--color-warning);
+  .spinner--flavor-secondary {
+    color: var(--color-secondary, currentColor);
   }
 
-  .spinner--danger {
-    color: var(--color-error);
+  .spinner--flavor-accent {
+    color: var(--color-accent, currentColor);
+  }
+
+  .spinner--flavor-info {
+    color: var(--color-info, currentColor);
+  }
+
+  .spinner--flavor-success {
+    color: var(--color-success, currentColor);
+  }
+
+  .spinner--flavor-warning {
+    color: var(--color-warning, currentColor);
+  }
+
+  .spinner--flavor-destructive {
+    color: var(--color-error, currentColor);
   }
 
   /* -------------------------------------------------------------------------------------------------

package/dist/components/spinner/Spinner.generated.d.ts

@@ -1,11 +1,11 @@
 import type { Component as __LayoutComponent } from "solid-js";
 import "./Spinner.css";
 import { type JSX } from "solid-js";
-import type { Size, State, UIBaseProps } from "../vocabulary";
+import type { Flavor, Size, UIBaseProps } from "../vocabulary";
 export type SpinnerShape = "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
 export type SpinnerProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & UIBaseProps & {
     size?: Size;
-    state?: State;
+    flavor?: Flavor;
     shape?: SpinnerShape;
     label?: string;
 };

package/dist/components/spinner/Spinner.generated.js

@@ -3,7 +3,7 @@ import { defineComponent } from "solid-layouts/application-boundary";
 import "./Spinner.css";
 import { createUniqueId } from "solid-js";
 import { spinner } from "./Spinner.recipe.js";
-var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-state=currentColor></stop><stop offset=100% stop-state=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-state=currentColor stop-opacity=0></stop><stop offset=100% stop-state=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ template("<span>");
+var _tmpl$ = /*#__PURE__*/ template('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ template("<span>");
 const SpinnerSVG = ()=>{
     const id = createUniqueId();
     return (()=>{

package/dist/components/spinner/Spinner.recipe.d.ts

@@ -20,15 +20,16 @@ export declare const spinner: import("solid-layouts").Recipe<{
             readonly lg: "spinner--lg";
             readonly xl: "spinner--xl";
         };
-        readonly state: {
-            readonly neutral: "spinner--neutral";
-            readonly primary: "spinner--primary";
-            readonly secondary: "spinner--secondary";
-            readonly accent: "spinner--accent";
-            readonly success: "spinner--success";
-            readonly warning: "spinner--warning";
-            readonly danger: "spinner--danger";
-            readonly info: "spinner--info";
+        readonly flavor: {
+            readonly current: "spinner--flavor-current";
+            readonly neutral: "spinner--flavor-neutral";
+            readonly primary: "spinner--flavor-primary";
+            readonly secondary: "spinner--flavor-secondary";
+            readonly accent: "spinner--flavor-accent";
+            readonly success: "spinner--flavor-success";
+            readonly warning: "spinner--flavor-warning";
+            readonly destructive: "spinner--flavor-destructive";
+            readonly info: "spinner--flavor-info";
         };
         readonly shape: {
             readonly spinner: "spinner--spinner";
@@ -42,7 +43,7 @@ export declare const spinner: import("solid-layouts").Recipe<{
     };
     readonly defaults: {
         readonly size: "md";
-        readonly state: "neutral";
+        readonly flavor: "current";
         readonly shape: "spinner";
         readonly label: "Loading";
     };

package/dist/components/spinner/Spinner.recipe.js

@@ -15,15 +15,16 @@ const spinner = recipe({
             lg: "spinner--lg",
             xl: "spinner--xl"
         },
-        state: {
-            neutral: "spinner--neutral",
-            primary: "spinner--primary",
-            secondary: "spinner--secondary",
-            accent: "spinner--accent",
-            success: "spinner--success",
-            warning: "spinner--warning",
-            danger: "spinner--danger",
-            info: "spinner--info"
+        flavor: {
+            current: "spinner--flavor-current",
+            neutral: "spinner--flavor-neutral",
+            primary: "spinner--flavor-primary",
+            secondary: "spinner--flavor-secondary",
+            accent: "spinner--flavor-accent",
+            success: "spinner--flavor-success",
+            warning: "spinner--flavor-warning",
+            destructive: "spinner--flavor-destructive",
+            info: "spinner--flavor-info"
         },
         shape: {
             spinner: "spinner--spinner",
@@ -37,7 +38,7 @@ const spinner = recipe({
     },
     defaults: {
         size: "md",
-        state: "neutral",
+        flavor: "current",
         shape: "spinner",
         label: "Loading"
     },
@@ -53,15 +54,16 @@ const spinner = recipe({
                         lg: "spinner--lg",
                         xl: "spinner--xl"
                     },
-                    state: {
-                        neutral: "spinner--neutral",
-                        primary: "spinner--primary",
-                        secondary: "spinner--secondary",
-                        accent: "spinner--accent",
-                        success: "spinner--success",
-                        warning: "spinner--warning",
-                        danger: "spinner--danger",
-                        info: "spinner--info"
+                    flavor: {
+                        current: "spinner--flavor-current",
+                        neutral: "spinner--flavor-neutral",
+                        primary: "spinner--flavor-primary",
+                        secondary: "spinner--flavor-secondary",
+                        accent: "spinner--flavor-accent",
+                        success: "spinner--flavor-success",
+                        warning: "spinner--flavor-warning",
+                        destructive: "spinner--flavor-destructive",
+                        info: "spinner--flavor-info"
                     },
                     shape: {
                         spinner: "spinner--spinner",

package/dist/layouts.manifest.json

@@ -1,7 +1,7 @@
 {
   "format": "solid-layouts-library-v2",
   "package": "@pathscale/ui",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "components": {
     "Accordion": {
       "kind": "embedded"

package/dist/purge-manifest.json

@@ -979,6 +979,8 @@
         ".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-none .table__column:after",
+        ".data-grid--borders-rows .table__column:after",
         ".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",
@@ -20370,6 +20372,18 @@
           "DataGrid"
         ]
       },
+      {
+        "selector": ".data-grid--borders-none .table__column:after",
+        "components": [
+          "DataGrid"
+        ]
+      },
+      {
+        "selector": ".data-grid--borders-rows .table__column:after",
+        "components": [
+          "DataGrid"
+        ]
+      },
       {
         "selector": ".data-grid--borders-rows .table__row:not(:last-child) .table__cell",
         "components": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "author": "pathscale",
   "repository": {
     "type": "git",