@kosmeo-ui/react 0.1.1 → 1.0.0

package/README.md

@@ -72,7 +72,9 @@ type Size = "sm" | "md" | "lg";
 ## Theming
 
 Theme tokens are defined in `src/styles.css` on `:root` (light) and `[data-theme="dark"]`. Import
-`styles.css` in your app entry point and override the variables to customize the theme.
+`styles.css` in your app entry point and override the variables to customize the theme. Every token
+is `--k-` prefixed (`--k-primary-color`, `--k-text-color`) so it can't collide with your app's own
+variables.
 
 `styles.css` is a global base, not only tokens: it also resets `html`, `body`, headings, links,
 form-control fonts and scrollbars. Import it once, in the app's entry point.

package/dist/components/buttons/button/index.d.ts

@@ -28,6 +28,8 @@ export interface ButtonProps extends PropsWithSize, PropsWithVariant {
     fullWidth?: boolean;
     /** Accessible label. Required for icon-only buttons. */
     "aria-label"?: string;
+    /** Marks a toggle button as on or off. */
+    "aria-pressed"?: boolean;
     /** ID of element describing this button (for additional context). */
     "aria-describedby"?: string;
     /** ID of element labelling this button. */

package/dist/components/buttons/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC1C,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;oCAIgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCAqCjC,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WAAY,SAAQ,aAAa,EAAE,gBAAgB;IAClE,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yDAAyD;IACzD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sCAAsC;IACtC,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC1C,iCAAiC;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,qFAAqF;IACrF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;oCAIgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,gCA4CjC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/components/buttons/button/index.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { faCircleNotch } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import "./styles.css";
 const Button = (props) => {
     const { size = "md", variant = "primary", align = "center", shadow = true, type = "button", form, isLoading = false, fullWidth = false, } = props;
-    return (_jsx("button", { ref: props.ref, type: type, form: form, disabled: props.disabled || isLoading, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"], "aria-labelledby": props["aria-labelledby"], title: props.title, className: `k-button k-button-${variant} k-button-${size} k-button-${align} ${shadow ? "k-button-shadow" : ""} ${`k-button-${fullWidth ? "full" : "auto"}-width`}`.trim(), onClick: props.onClick, children: isLoading ? (_jsx(FontAwesomeIcon, { icon: faCircleNotch, className: "k-button-spinner", spin: true })) : (props.children) }));
+    return (_jsx("button", { ref: props.ref, type: type, form: form, disabled: props.disabled || isLoading, "aria-label": props["aria-label"], "aria-describedby": props["aria-describedby"], "aria-labelledby": props["aria-labelledby"], "aria-busy": isLoading || undefined, "aria-pressed": props["aria-pressed"], title: props.title, className: `k-button k-button-${variant} k-button-${size} k-button-${align} ${shadow ? "k-button-shadow" : ""} ${`k-button-${fullWidth ? "full" : "auto"}-width`}`.trim(), onClick: props.onClick, children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(FontAwesomeIcon, { icon: faCircleNotch, className: "k-button-spinner", spin: true, "aria-hidden": "true" }), _jsx("span", { className: "k-sr-only", children: props.children })] })) : (props.children) }));
 };
 export default Button;
 //# sourceMappingURL=index.js.map

package/dist/components/buttons/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,cAAc,CAAC;AAqCtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,gBACzB,KAAK,CAAC,YAAY,CAAC,sBACb,KAAK,CAAC,kBAAkB,CAAC,qBAC1B,KAAK,CAAC,iBAAiB,CAAC,EACzC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,qBAAqB,OAAO,aAAa,IAAI,aAAa,KAAK,IACxE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC/B,IAAI,YAAY,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,IAAI,EAAE,EAC5D,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,eAAe,IACd,IAAI,EAAE,aAAa,EACnB,SAAS,EAAC,kBAAkB,EAC5B,IAAI,SACJ,CACH,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,cAAc,CAAC;AAuCtB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,iBACE,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS,gBACzB,KAAK,CAAC,YAAY,CAAC,sBACb,KAAK,CAAC,kBAAkB,CAAC,qBAC1B,KAAK,CAAC,iBAAiB,CAAC,eAC9B,SAAS,IAAI,SAAS,kBACnB,KAAK,CAAC,cAAc,CAAC,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,qBAAqB,OAAO,aAAa,IAAI,aAAa,KAAK,IACxE,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC/B,IAAI,YAAY,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,IAAI,EAAE,EAC5D,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,SAAS,CAAC,CAAC,CAAC,CACX,8BACE,KAAC,eAAe,IACd,IAAI,EAAE,aAAa,EACnB,SAAS,EAAC,kBAAkB,EAC5B,IAAI,uBACQ,MAAM,GAClB,EAEF,eAAM,SAAS,EAAC,WAAW,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAClD,CACJ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/components/buttons/button/styles.css

@@ -46,126 +46,126 @@
 
 .k-button-shadow {
   box-shadow:
-    0 0.25rem 0.375rem -0.0625rem var(--shadow-color),
-    0 0.125rem 0.25rem -0.125rem var(--shadow-color);
+    0 0.25rem 0.375rem -0.0625rem var(--k-shadow-color),
+    0 0.125rem 0.25rem -0.125rem var(--k-shadow-color);
 }
 
 .k-button-sm {
   padding: 0.5rem 1rem;
-  font-size: var(--text-size-sm);
+  font-size: var(--k-text-size-sm);
 }
 
 .k-button-md {
   padding: 0.75rem 1.5rem;
-  font-size: var(--text-size-md);
+  font-size: var(--k-text-size-md);
 }
 
 .k-button-lg {
   padding: 1rem 2rem;
-  font-size: var(--text-size-lg);
+  font-size: var(--k-text-size-lg);
 }
 
 .k-button:not(:disabled):hover {
   box-shadow:
-    0 0.625rem 0.9375rem -0.1875rem var(--shadow-color-hover),
-    0 0.25rem 0.375rem -0.25rem var(--shadow-color-hover);
+    0 0.625rem 0.9375rem -0.1875rem var(--k-shadow-color-hover),
+    0 0.25rem 0.375rem -0.25rem var(--k-shadow-color-hover);
 }
 
 .k-button:active {
-  box-shadow: inset 0 0.125rem 0.25rem 0 var(--shadow-color-active);
+  box-shadow: inset 0 0.125rem 0.25rem 0 var(--k-shadow-color-active);
 }
 
 .k-button:focus {
-  box-shadow: 0 0 0 0.1875rem var(--shadow-color-hover);
+  box-shadow: 0 0 0 0.1875rem var(--k-shadow-color-hover);
 }
 
 .k-button-primary {
-  background-color: var(--primary-color);
-  color: var(--text-color-light);
+  background-color: var(--k-primary-color);
+  color: var(--k-text-color-light);
 }
 .k-button-primary:not(:disabled):hover {
-  background-color: var(--primary-color-hover);
+  background-color: var(--k-primary-color-hover);
 }
 .k-button-primary:active {
-  background-color: var(--primary-color-active);
+  background-color: var(--k-primary-color-active);
 }
 .k-button-primary:focus {
-  box-shadow: 0 0 0 0.1875rem var(--primary-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-primary-color);
 }
 
 .k-button-secondary {
-  background-color: var(--secondary-color);
-  color: var(--text-color-light);
+  background-color: var(--k-secondary-color);
+  color: var(--k-text-color-light);
 }
 .k-button-secondary:not(:disabled):hover {
-  background-color: var(--secondary-color-hover);
+  background-color: var(--k-secondary-color-hover);
 }
 .k-button-secondary:active {
-  background-color: var(--secondary-color-active);
+  background-color: var(--k-secondary-color-active);
 }
 .k-button-secondary:focus {
-  box-shadow: 0 0 0 0.1875rem var(--secondary-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-secondary-color);
 }
 
 .k-button-light {
-  background-color: var(--light-color);
-  color: var(--text-color);
+  background-color: var(--k-light-color);
+  color: var(--k-text-color);
 }
 .k-button-light:not(:disabled):hover {
-  background-color: var(--light-color-hover);
+  background-color: var(--k-light-color-hover);
 }
 .k-button-light:active {
-  background-color: var(--light-color-active);
+  background-color: var(--k-light-color-active);
 }
 .k-button-light:focus {
-  box-shadow: 0 0 0 0.1875rem var(--light-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-light-color);
 }
 
 .k-button-danger {
-  background-color: var(--danger-color);
-  color: var(--text-color-light);
+  background-color: var(--k-danger-color);
+  color: var(--k-text-color-light);
 }
 .k-button-danger:not(:disabled):hover {
-  background-color: var(--danger-color-hover);
+  background-color: var(--k-danger-color-hover);
 }
 .k-button-danger:active {
-  background-color: var(--danger-color-active);
+  background-color: var(--k-danger-color-active);
 }
 .k-button-danger:focus {
-  box-shadow: 0 0 0 0.1875rem var(--danger-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-danger-color);
 }
 
 .k-button-success {
-  background-color: var(--success-color);
-  color: var(--text-color-light);
+  background-color: var(--k-success-color);
+  color: var(--k-text-color-light);
 }
 .k-button-success:not(:disabled):hover {
-  background-color: var(--success-color-hover);
+  background-color: var(--k-success-color-hover);
 }
 .k-button-success:active {
-  background-color: var(--success-color-active);
+  background-color: var(--k-success-color-active);
 }
 .k-button-success:focus {
-  box-shadow: 0 0 0 0.1875rem var(--success-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-success-color);
 }
 
 .k-button-warning {
-  background-color: var(--warning-color);
-  color: var(--text-color);
+  background-color: var(--k-warning-color);
+  color: var(--k-warning-color-contrast);
 }
 .k-button-warning:not(:disabled):hover {
-  background-color: var(--warning-color-hover);
+  background-color: var(--k-warning-color-hover);
 }
 .k-button-warning:active {
-  background-color: var(--warning-color-active);
+  background-color: var(--k-warning-color-active);
 }
 .k-button-warning:focus {
-  box-shadow: 0 0 0 0.1875rem var(--warning-color);
+  box-shadow: 0 0 0 0.1875rem var(--k-warning-color);
 }
 
 .k-button-link {
   background-color: transparent;
-  color: var(--primary-color);
+  color: var(--k-primary-color-text);
   padding: 0;
   border-radius: 0;
   font-weight: 500;
@@ -174,17 +174,19 @@
   box-shadow: none;
 }
 .k-button-link:not(:disabled):hover {
-  color: var(--primary-color-hover);
+  color: var(--k-primary-color-text);
+  /* One text color keeps contrast in both themes; hover shows as a heavier underline. */
+  text-decoration-thickness: 0.125rem;
   background-color: transparent;
   box-shadow: none;
 }
 .k-button-link:active {
-  color: var(--primary-color-active);
+  color: var(--k-primary-color-text);
   background-color: transparent;
   box-shadow: none;
 }
 .k-button-link:focus {
-  outline: 0.125rem solid var(--primary-color);
+  outline: 0.125rem solid var(--k-primary-color);
   outline-offset: 0.125rem;
   box-shadow: none;
 }

package/dist/components/buttons/rowActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qDAAqD;IACrD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,2BAIjB,eAAe,gCAOjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,qDAAqD;IACrD,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,GAAI,2BAIjB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/buttons/rowActions/index.js

@@ -7,7 +7,8 @@ const RowActions = ({ children, align = "center", gap = "xs", }) => {
         `k-row-actions-${align}`,
         `k-row-actions-gap-${gap}`,
     ].join(" ");
-    return _jsx("div", { className: classes, children: children });
+    // Actions sit inside clickable rows; a click on one is not a row click.
+    return (_jsx("div", { className: classes, onClick: (e) => e.stopPropagation(), children: children }));
 };
 export default RowActions;
 //# sourceMappingURL=index.js.map

package/dist/components/buttons/rowActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,IAAI,GACM,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG;QACd,eAAe;QACf,iBAAiB,KAAK,EAAE;QACxB,qBAAqB,GAAG,EAAE;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO,cAAK,SAAS,EAAE,OAAO,YAAG,QAAQ,GAAO,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/buttons/rowActions/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,cAAc,CAAC;AAUtB,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,GAAG,GAAG,IAAI,GACM,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG;QACd,eAAe;QACf,iBAAiB,KAAK,EAAE;QACxB,qBAAqB,GAAG,EAAE;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,wEAAwE;IACxE,OAAO,CACL,cAAK,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YACzD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/buttons/rowActions/styles.css

@@ -2,6 +2,13 @@
   display: flex;
 }
 
+/* Never squeeze an action below its natural width: in a narrow table cell a
+   shrunk icon button collapses its icon to 0px (svg max-width: 100%). The
+   column grows to fit instead. */
+.k-row-actions > * {
+  flex-shrink: 0;
+}
+
 .k-row-actions-start {
   justify-content: flex-start;
 }

package/dist/components/data-display/addressBlock/styles.css

@@ -10,8 +10,7 @@
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  color: var(--text-color);
-  opacity: 0.65;
+  color: var(--k-text-color-secondary);
 }
 
 .k-address-block-body {
@@ -30,8 +29,7 @@
 
 .k-address-block-contact {
   font-size: 0.8125rem;
-  color: var(--text-color);
-  opacity: 0.7;
+  color: var(--k-text-color-secondary);
   margin-top: 0.125rem;
 }
 

package/dist/components/data-display/colorSwatch/index.d.ts

@@ -4,7 +4,7 @@ export interface ColorSwatchProps {
     size?: "sm" | "md" | "lg";
     /** Border around swatch. Defaults to true. */
     bordered?: boolean;
-    /** Accessible label (rendered as title attribute). */
+    /** Accessible label and tooltip. Defaults to the colour value. */
     title?: string;
 }
 declare const ColorSwatch: ({ color, size, bordered, title, }: ColorSwatchProps) => import("react").JSX.Element;

package/dist/components/data-display/colorSwatch/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,mCAKlB,gBAAgB,gCAYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,WAAW,GAAI,mCAKlB,gBAAgB,gCAYlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/data-display/colorSwatch/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
-const ColorSwatch = ({ color, size = "md", bordered = true, title, }) => {
+const ColorSwatch = ({ color, size = "md", bordered = true, title = color, }) => {
     return (_jsx("span", { role: "img", "aria-label": title, title: title, style: { backgroundColor: color }, className: `k-color-swatch k-color-swatch-${size} ${bordered ? "k-color-swatch-bordered" : ""}`.trim() }));
 };
 export default ColorSwatch;

package/dist/components/data-display/colorSwatch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAWtB,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,KAAK,GACY,EAAE,EAAE;IACrB,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,iCAAiC,IAAI,IAC9C,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACzC,EAAE,CAAC,IAAI,EAAE,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/colorSwatch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,cAAc,CAAC;AAWtB,MAAM,WAAW,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,KAAK,GACI,EAAE,EAAE;IACrB,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,iCAAiC,IAAI,IAC9C,QAAQ,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EACzC,EAAE,CAAC,IAAI,EAAE,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/data-display/colorSwatch/styles.css

@@ -6,7 +6,7 @@
 }
 
 .k-color-swatch-bordered {
-  border: 0.0625rem solid var(--border-color);
+  border: 0.0625rem solid var(--k-border-color);
 }
 
 .k-color-swatch-sm {

package/dist/components/data-display/dataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC,gCA8JpE,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGvE,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc,CAAC,KAAK;IACnC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;IACxB,qEAAqE;IACrE,aAAa,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC1C,gDAAgD;IAChD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,SAAS,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,cAAc,CAAC,KAAK,CAAC,gCAiKpE,CAAC;AAEF,eAAe,SAAS,CAAC;AACzB,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/data-display/dataTable/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import parseDataKey, { cellText } from "./utils/parseDataKey.js";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import parseDataKey from "./utils/parseDataKey.js";
 import { useMemo } from "react";
 import "../table/styles.css";
 import "./styles.css";
@@ -32,6 +32,8 @@ const DataTable = (props) => {
             headers.push(_jsx("th", { className: "k-data-table-leading", children: leadingColumn.header }, "leading"));
         }
         for (const c of columns) {
+            if (c.hidden)
+                continue;
             const content = c.headerElement ? c.headerElement(c.title) : c.title;
             const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
             headers.push(_jsx("th", { className: `k-data-table-header-cell ${alignClass}`.trim(), style: { width: c.width, minWidth: c.minWidth, maxWidth: c.maxWidth }, children: content }, headers.length));
@@ -45,17 +47,19 @@ const DataTable = (props) => {
             cells.push(_jsx("td", { className: "k-data-table-leading", onClick: disable ? (e) => e.stopPropagation() : undefined, children: leadingColumn.cell(row) }, "leading"));
         }
         for (const c of columns) {
+            if (c.hidden)
+                continue;
             const alignClass = c.align ? `k-data-table-align-${c.align}` : "";
             const content = c.cellElement
                 ? c.cellElement(row.data, row.index)
                 : c.dataKey
-                    ? parseDataKey(c.dataKey, row.data)
+                    ? cellText(parseDataKey(c.dataKey, row.data))
                     : undefined;
             cells.push(_jsx("td", { className: alignClass, onClick: c.disableRowClick ? (e) => e.stopPropagation() : undefined, children: content }, cells.length));
         }
         return cells;
     };
-    const columnSpan = columns.length + (leadingColumn ? 1 : 0);
+    const columnSpan = columns.filter((c) => !c.hidden).length + (leadingColumn ? 1 : 0);
     const body = shouldVirtualize
         ? (() => {
             const virtualRows = virtualizer.getVirtualItems();

package/dist/components/data-display/dataTable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data-display/dataTable/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/data-display/dataTable/styles.css

@@ -4,13 +4,29 @@
   width: 3rem;
 }
 
+/* Even padding, overriding the table's wider first-column inset, so the
+   checkbox stays centered. */
+.k-table th.k-data-table-leading,
+.k-table td.k-data-table-leading {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
+/* text-align doesn't move flex items, and Checkbox's container is a
+   full-width flex column, so center flex content on both axes too. */
+.k-data-table-leading > * {
+  justify-content: center;
+  align-items: center;
+}
+
 .k-data-table-spacer {
   padding: 0;
   border: 0;
 }
 
+/* Headers follow their column's `align`, so they line up with the cells. */
 .k-data-table-header-cell {
-  text-align: center;
+  text-align: left;
 }
 
 .k-data-table-row-clickable {
@@ -18,7 +34,7 @@
 }
 
 .k-data-table-row-clickable:hover {
-  background-color: var(--bg-hover) !important;
+  background-color: var(--k-background-color-hover) !important;
 }
 
 /* Alignment classes using flexbox for reliable alignment of any content */

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts

@@ -1,3 +1,10 @@
-declare const parseDataKey: (dataKey: string, data: any) => any;
+import { ReactNode } from "react";
+/**
+ * Reads the value at `dataKey` ("name", "address.city", "tags[1]",
+ * "pets[0].name"), or undefined when any part of the path is missing.
+ */
+declare const parseDataKey: (dataKey: string, data: any) => unknown;
+/** What a cell shows for a value: the value, or an em dash when there is none. */
+export declare const cellText: (value: unknown) => ReactNode;
 export default parseDataKey;
 //# sourceMappingURL=parseDataKey.d.ts.map

package/dist/components/data-display/dataTable/utils/parseDataKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseDataKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,MAAM,GAAG,QAmC/C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"parseDataKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;GAGG;AAEH,QAAA,MAAM,YAAY,GAAI,SAAS,MAAM,EAAE,MAAM,GAAG,KAAG,OAKwB,CAAC;AAE5E,kFAAkF;AAClF,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,SAGhB,CAAC;AAE3B,eAAe,YAAY,CAAC"}

package/dist/components/data-display/dataTable/utils/parseDataKey.js

@@ -1,44 +1,16 @@
+/**
+ * Reads the value at `dataKey` ("name", "address.city", "tags[1]",
+ * "pets[0].name"), or undefined when any part of the path is missing.
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-const parseDataKey = (dataKey, data) => {
-    let value = data;
-    let more = false;
-    do {
-        const dotIndex = dataKey.indexOf(".");
-        const bracketIndex = dataKey.indexOf("[");
-        if (bracketIndex === -1 && dotIndex === -1) {
-            value = value[dataKey];
-            more = false;
-        }
-        else if (bracketIndex === -1) {
-            const key = dataKey.substring(0, dotIndex);
-            value = value[key];
-            dataKey = dataKey.substring(dotIndex + 1);
-            more = true;
-        }
-        else if (dotIndex === -1) {
-            const key = dataKey.substring(0, bracketIndex);
-            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
-            value = value[key][parseInt(index)];
-            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
-            more = true;
-        }
-        else if (bracketIndex < dotIndex) {
-            const key = dataKey.substring(0, bracketIndex);
-            const index = dataKey.substring(bracketIndex + 1, dataKey.indexOf("]"));
-            value = value[key][parseInt(index)];
-            dataKey = dataKey.substring(dataKey.indexOf("]") + 1);
-            more = true;
-        }
-        else {
-            const key = dataKey.substring(0, dotIndex);
-            value = value[key];
-            dataKey = dataKey.substring(dotIndex + 1);
-            more = true;
-        }
-    } while (more);
-    if (value === undefined)
-        throw new Error(`Invalid dataKey: ${dataKey}`);
-    return value;
-};
+const parseDataKey = (dataKey, data) => dataKey
+    .replace(/\[(\d+)\]/g, ".$1")
+    .split(".")
+    .filter(Boolean)
+    .reduce((value, key) => (value == null ? undefined : value[key]), data);
+/** What a cell shows for a value: the value, or an em dash when there is none. */
+export const cellText = (value) => value === undefined || value === null || value === ""
+    ? "—"
+    : value;
 export default parseDataKey;
 //# sourceMappingURL=parseDataKey.js.map

package/dist/components/data-display/dataTable/utils/parseDataKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseDataKey.js","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,IAAS,EAAE,EAAE;IAClD,IAAI,KAAK,GAAG,IAAI,CAAC;IACjB,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,GAAG,CAAC;QACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,YAAY,KAAK,CAAC,CAAC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;YACvB,IAAI,GAAG,KAAK,CAAC;QACf,CAAC;aAAM,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;YAC/B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3B,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,YAAY,GAAG,QAAQ,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;YAC/C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACxE,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YAC3C,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;YACnB,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC1C,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;IACH,CAAC,QAAQ,IAAI,EAAE;IACf,IAAI,KAAK,KAAK,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,oBAAoB,OAAO,EAAE,CAAC,CAAC;IACxE,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"parseDataKey.js","sourceRoot":"","sources":["../../../../../src/components/data-display/dataTable/utils/parseDataKey.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,8DAA8D;AAC9D,MAAM,YAAY,GAAG,CAAC,OAAe,EAAE,IAAS,EAAW,EAAE,CAC3D,OAAO;KACJ,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC;KAC5B,KAAK,CAAC,GAAG,CAAC;KACV,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAE5E,kFAAkF;AAClF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAc,EAAa,EAAE,CACpD,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;IACnD,CAAC,CAAC,GAAG;IACL,CAAC,CAAE,KAAmB,CAAC;AAE3B,eAAe,YAAY,CAAC"}

package/dist/components/data-display/imagePreview/styles.css

@@ -4,7 +4,7 @@
   align-items: center;
   gap: 0.5rem;
   width: 100%;
-  border: 0.0625rem dashed var(--border-color);
+  border: 0.0625rem dashed var(--k-border-color);
   border-radius: 0.25rem;
   padding: 0.5rem;
 }
@@ -23,7 +23,7 @@
 .k-image-preview-item {
   object-fit: cover;
   border-radius: 0.25rem;
-  box-shadow: 0 0.125rem 0.25rem var(--shadow-color);
+  box-shadow: 0 0.125rem 0.25rem var(--k-shadow-color);
   flex-shrink: 0;
 }
 

package/dist/components/data-display/infiniteScroll/filters/index.d.ts

@@ -4,6 +4,10 @@ import "./styles.css";
 interface InfiniteScrollMenuFiltersProps {
     pendingFilters: InfiniteScrollMenuGeneratedFilter[];
     handleNewPendingFilters: (filters: SetStateAction<InfiniteScrollMenuGeneratedFilter[]>) => void;
+    /** Applies the pending filters; Enter in a filter's text box calls it. Omit when there's nothing to apply. */
+    onApply?: () => void;
+    /** Range filters keep edits as a draft until their menu's Apply button. */
+    rangeApplyInMenu?: boolean;
     children?: ReactNode;
 }
 declare const Filters: (props: InfiniteScrollMenuFiltersProps) => import("react").JSX.Element;

package/dist/components/data-display/infiniteScroll/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAK/D,OAAO,cAAc,CAAC;AAEtB,UAAU,8BAA8B;IACtC,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,uBAAuB,EAAE,CACvB,OAAO,EAAE,cAAc,CAAC,iCAAiC,EAAE,CAAC,KACzD,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,gCAwDrD,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/infiniteScroll/filters/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAe,MAAM,OAAO,CAAC;AAK/D,OAAO,cAAc,CAAC;AAEtB,UAAU,8BAA8B;IACtC,cAAc,EAAE,iCAAiC,EAAE,CAAC;IACpD,uBAAuB,EAAE,CACvB,OAAO,EAAE,cAAc,CAAC,iCAAiC,EAAE,CAAC,KACzD,IAAI,CAAC;IACV,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAQD,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,gCA+DrD,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/data-display/infiniteScroll/filters/index.js

@@ -6,6 +6,10 @@ import SearchFilter from "./searchFilter.js";
 import RangeFilter from "./rangeFilter.js";
 import ListFilter from "./listFilter.js";
 import "./styles.css";
+// Enter in a search, number or date box applies, as in a form; checkboxes and
+// buttons keep their own Enter behaviour.
+const isTextEntry = (target) => target instanceof HTMLInputElement &&
+    !["checkbox", "radio", "button", "submit"].includes(target.type);
 const Filters = (props) => {
     const handleFilterChange = useCallback((filter) => {
         props.handleNewPendingFilters((prevFilters) => prevFilters.map((f) => (f.filterId === filter.filterId ? filter : f)));
@@ -15,7 +19,7 @@ const Filters = (props) => {
             return (_jsx(SelectFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
         }
         else if (filter.type === "RANGE") {
-            return (_jsx(RangeFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
+            return (_jsx(RangeFilter, { filter: filter, onFilterChange: handleFilterChange, applyInMenu: props.rangeApplyInMenu }, filter.filterId));
         }
         else if (filter.type === "SEARCH") {
             return (_jsx(SearchFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
@@ -24,7 +28,13 @@ const Filters = (props) => {
             return (_jsx(ListFilter, { filter: filter, onFilterChange: handleFilterChange }, filter.filterId));
         }
     };
-    return (_jsxs("div", { className: "k-menu-filters-container", children: [_jsx("div", { className: "k-menu-filters", children: props.pendingFilters.map(getFilter) }), props.children && (_jsx("div", { className: "k-menu-filters-buttons", children: props.children }))] }));
+    const handleKeyDown = (e) => {
+        if (e.key !== "Enter" || !props.onApply || !isTextEntry(e.target))
+            return;
+        e.preventDefault();
+        props.onApply();
+    };
+    return (_jsxs("div", { className: "k-menu-filters-container", onKeyDown: handleKeyDown, children: [_jsx("div", { className: "k-menu-filters", children: props.pendingFilters.map(getFilter) }), props.children && (_jsx("div", { className: "k-menu-filters-buttons", children: props.children }))] }));
 };
 export default Filters;
 //# sourceMappingURL=index.js.map