@narmi/design_system 4.24.0 → 4.25.0

package/dist/tokens/css/rgbColors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 May 2025 18:54:01 GMT
+ * Generated on Fri, 23 May 2025 18:04:39 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 May 2025 18:54:01 GMT
+ * Generated on Fri, 23 May 2025 18:04:39 GMT
  */
 
 :root {

package/dist/tokens/js/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 May 2025 18:54:01 GMT
+ * Generated on Fri, 23 May 2025 18:04:39 GMT
  */
 
 module.exports = {

package/dist/tokens/js/manifest.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 16 May 2025 18:54:01 GMT
+ * Generated on Fri, 23 May 2025 18:04:39 GMT
  */
 
 module.exports = {

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Fri May 16 2025 18:54:01 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri May 23 2025 18:04:39 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

package/dist/types/Table/Body.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Body: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Body;
+//# sourceMappingURL=Body.d.ts.map

package/dist/types/Table/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/Table/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAQxD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/Table/Cell.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface CellProps {
+    children: React.ReactNode;
+    textAlign?: "start" | "end" | "center";
+    /**
+     * PRIVATE
+     * Prop for internal implementation. Matches the cell
+     * to it's corresponding entry in `colVisibility`
+     */
+    _colIndex?: number;
+}
+declare const Cell: ({ children, textAlign, _colIndex }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export default Cell;
+//# sourceMappingURL=Cell.d.ts.map

package/dist/types/Table/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/Table/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAEvC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,uCAAsD,SAAS,4CAaxE,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/Table/Header.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Header: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Header;
+//# sourceMappingURL=Header.d.ts.map

package/dist/types/Table/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/Table/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,MAAM,iBAAkB;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAM1D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/Table/Row.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface TableRowProps {
+    children: React.ReactNode;
+    onRowClick: () => void;
+}
+declare const Row: ({ children, onRowClick }: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;
+//# sourceMappingURL=Row.d.ts.map

package/dist/types/Table/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/Table/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,QAAA,MAAM,GAAG,6BAA8B,aAAa,4CAoCnD,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/types/Table/index.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+/** Minimum size at which to show a column. "*" means "all" */
+export type ColMinBreakpoint = "*" | "s" | "m" | "l";
+/** Subset of breakpoints that can be returned by `useBreakpoints` hook */
+export type ViewportBreakpoint = "s" | "m" | "l";
+/**
+ * Valid CSS value for `grid-template-columns`.
+ * TODO: can we use CSS supports validation in a type guard? This provides a documentation hint but no real enforcement
+ */
+export type CSSValue = string;
+/** For each breakpoint key, a valid `grid-template-columns` value */
+export type ColLayoutConfig = {
+    s: CSSValue;
+    m: CSSValue;
+    l: CSSValue;
+};
+interface TableProps {
+    children: React.ReactNode;
+    /**
+     * Array describing when each column should be visible.
+     * If omitted, all columns will be visible regardless of viewport size.
+     *
+     * @usage
+     * First and last col always shown, middle col shown at "m" and up:
+     * `[ "*", "m", "*" ]`
+     */
+    colVisibility: ColMinBreakpoint[];
+    /**
+     * Specify a function that returns a `grid-template-columns` CSS value for each breakpoint.
+     * These are "mobile-first", so "m" means "the browser is at m or larger".
+     *
+     * Each function is provided with a `cols` argument.
+     */
+    colLayout?: ColLayoutConfig;
+    rowDensity?: "default" | "compact";
+}
+export declare const DEFAULT_COLS = 5;
+export declare const defaultColVisibility: ColMinBreakpoint[];
+/**
+ * ⚠️ IN ACTIVE DEVELOPMENT ⚠️
+ * Availalbe for import, but not ready for production.
+ * Please leave storybook stories commented out until `@narmi/platform-ui` says so.
+ */
+declare const Table: {
+    ({ children, colVisibility, colLayout, rowDensity, }: TableProps): import("react/jsx-runtime").JSX.Element;
+    Header: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Row: ({ children, onRowClick }: import("./Row").TableRowProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, textAlign, _colIndex }: import("./Cell").CellProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Table;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrD,0EAA0E;AAC1E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG;IAE5B,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;CACb,CAAC;AAEF,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,IAAI,CAAC;AAG9B,eAAO,MAAM,oBAAoB,EAE5B,gBAAgB,EAAE,CAAC;AAExB;;;;GAIG;AACH,QAAA,MAAM,KAAK;0DAKR,UAAU;;kBApES,MAAO,SACtB;;;kBADa,MAAO,SACtB;;;;CA2HJ,CAAC;AAOF,eAAe,KAAK,CAAC"}

package/dist/types/Table/util/breakpoint.d.ts

@@ -0,0 +1,16 @@
+import type { ColMinBreakpoint } from "..";
+declare const breakpointOrder: readonly ["s", "m", "l"];
+type OrderedBreakpoint = (typeof breakpointOrder)[number];
+/**
+ * We use "mobile-first" breakpoints, meaning that
+ * "m" is `true` for medium viewports and larger.
+ * (e.g. "l" satisfies "m")
+ */
+export declare const isBreakpointSatisfied: (minRequired: ColMinBreakpoint, current: OrderedBreakpoint) => boolean;
+/**
+ * Returns a breakpoint name based on current set of truthy/falsy
+ * keys returned from our matchMedia hook, useBreakpoints()
+ */
+export declare const findCurrentFromBreakpoints: ({ m, l, }: Record<string, boolean>) => string;
+export {};
+//# sourceMappingURL=breakpoint.d.ts.map

package/dist/types/Table/util/breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/breakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAE3C,QAAA,MAAM,eAAe,0BAA2B,CAAC;AACjD,KAAK,iBAAiB,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,gBACnB,gBAAgB,WACpB,iBAAiB,KACzB,OAUF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,cAGpC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WASzB,CAAC"}

package/dist/types/Table/util/colVisibilityContext.d.ts

@@ -0,0 +1,12 @@
+import type { ColMinBreakpoint, ViewportBreakpoint } from "..";
+interface ColVisibilityContextProps {
+    currentBreakpoint: ViewportBreakpoint;
+    colVisibility: ColMinBreakpoint[];
+}
+/**
+ * Takes layout options passed into the root `Table` component
+ * and makes them available via context to all subcomponents.
+ */
+declare const ColVisibilityContext: import("react").Context<ColVisibilityContextProps>;
+export default ColVisibilityContext;
+//# sourceMappingURL=colVisibilityContext.d.ts.map

package/dist/types/Table/util/colVisibilityContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colVisibilityContext.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/colVisibilityContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAE/D,UAAU,yBAAyB;IACjC,iBAAiB,EAAE,kBAAkB,CAAC;IACtC,aAAa,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAED;;;GAGG;AACH,QAAA,MAAM,oBAAoB,oDAGxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/types/Table/util/grid.d.ts

@@ -0,0 +1,7 @@
+import type { ColLayoutConfig, CSSValue, ViewportBreakpoint } from "..";
+/**
+ * Determine the final `grid-template-columns` value to apply
+ * to a rowgroup element.
+ */
+export declare const columnTemplateFromBreakpoints: (currentBreakpoint: ViewportBreakpoint, colLayout: ColLayoutConfig, visibleCols: number) => CSSValue;
+//# sourceMappingURL=grid.d.ts.map

package/dist/types/Table/util/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAExE;;;GAGG;AACH,eAAO,MAAM,6BAA6B,sBACrB,kBAAkB,aAC1B,eAAe,eACb,MAAM,KAClB,QAMF,CAAC"}

package/dist/types/Table/util/tableSectionContext.d.ts

@@ -0,0 +1,10 @@
+interface TableSectionContextProps {
+    section: "header" | "body";
+}
+/**
+ * Used to inform rows and cells which area of the table they're
+ * being rendered in, so we can apply the appropriate aria roles.
+ */
+declare const TableSectionContext: import("react").Context<TableSectionContextProps>;
+export default TableSectionContext;
+//# sourceMappingURL=tableSectionContext.d.ts.map

package/dist/types/Table/util/tableSectionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSectionContext.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/tableSectionContext.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,mDAEvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/types/index.d.ts

@@ -20,6 +20,7 @@ import Snackbar from "./Snackbar";
 import Spinner from "./Spinner";
 import SplitButton from "./SplitButton";
 import LoadingSkeleton from "./LoadingSkeleton";
+import Table from "./Table";
 import Tabs from "./Tabs";
 import Tooltip from "./Tooltip";
 /**
@@ -56,5 +57,5 @@ declare const useLockBodyScroll: any;
 declare const formatNumber: any;
 declare const formatDate: any;
 export * from "./types/Icon.types";
-export { AutocompleteModal, Avatar, Button, ContentCard, ContextMenu, Checkbox, DisabledShim, Radio, RadioButtons, Row, SeparatorList, Slider, Snackbar, Alert, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, ResponsiveFlex, Select, Sidebar, Spinner, SplitButton, Tabs, Tag, TextInput, TimelineEvent, Toggle, TokenInput, Tooltip, TruncatedAccount, useBreakpoints, useLockBodyScroll, formatNumber, formatDate, };
+export { AutocompleteModal, Avatar, Button, ContentCard, ContextMenu, Checkbox, DisabledShim, Radio, RadioButtons, Row, SeparatorList, Slider, Snackbar, Alert, CollapsibleCard, Combobox, DateInput, Dialog, Drawer, Dropdown, DropdownTrigger, Error, FieldToken, FormSection, IconButton, Input, LoadingShim, LoadingSkeleton, MenuButton, MultiSelect, Pagination, PlainButton, ProgressBar, Popover, ResponsiveFlex, Select, Sidebar, Spinner, SplitButton, Table, Tabs, Tag, TextInput, TimelineEvent, Toggle, TokenInput, Tooltip, TruncatedAccount, useBreakpoints, useLockBodyScroll, formatNumber, formatDate, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC;;GAEG;AACH,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,SAAS,KAAA,CAAC;AACxB,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,QAAQ,KAAA,CAAC;AACvB,OAAO,CAAC,MAAM,eAAe,KAAA,CAAC;AAC9B,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,KAAK,KAAA,CAAC;AACpB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,WAAW,KAAA,CAAC;AAC1B,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,cAAc,KAAA,CAAC;AAC7B,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,OAAO,KAAA,CAAC;AACtB,OAAO,CAAC,MAAM,GAAG,KAAA,CAAC;AAClB,OAAO,CAAC,MAAM,SAAS,KAAA,CAAC;AACxB,OAAO,CAAC,MAAM,aAAa,KAAA,CAAC;AAC5B,OAAO,CAAC,MAAM,MAAM,KAAA,CAAC;AACrB,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AACzB,OAAO,CAAC,MAAM,gBAAgB,KAAA,CAAC;AAC/B,OAAO,CAAC,MAAM,cAAc,KAAA,CAAC;AAC7B,OAAO,CAAC,MAAM,iBAAiB,KAAA,CAAC;AAChC,OAAO,CAAC,MAAM,YAAY,KAAA,CAAC;AAC3B,OAAO,CAAC,MAAM,UAAU,KAAA,CAAC;AAEzB,cAAc,oBAAoB,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,GAAG,EACH,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,KAAK,EACL,WAAW,EACX,eAAe,EACf,UAAU,EACV,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,GAAG,EACH,SAAS,EACT,aAAa,EACb,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,UAAU,GACX,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "4.24.0",
+  "version": "4.25.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [
@@ -44,6 +44,7 @@
     "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.23.2",
+    "@chromatic-com/storybook": "^3.2.6",
     "@commitlint/cli": "^19",
     "@commitlint/config-conventional": "^19.2.2",
     "@mdx-js/mdx": "^3.1.0",