@narmi/design_system 6.17.0 → 6.18.0-beta.0

package/dist/types/Field/FauxInput/index.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface FauxInputProps {
+    children: React.ReactNode;
+    /** When true, renders active (focused) border styling */
+    isActive?: boolean;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    className?: string;
+}
+/**
+ * Internal presentational component.
+ * Renders a `<button>` styled to look like `.nds-field-input-box`.
+ * Used by Field.Select (and future dropdown-based Field variants)
+ * as the anchor/trigger element.
+ *
+ * Accepts arbitrary props (e.g. from downshift's getToggleButtonProps)
+ * which are spread onto the underlying `<button>`.
+ */
+export declare const FauxInput: React.ForwardRefExoticComponent<Omit<FauxInputProps & Record<string, any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/FauxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,6HAiCrB,CAAC"}

package/dist/types/Field/Select/SelectItem.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface FieldSelectItemProps {
+    /** The value submitted when this item is selected */
+    value: string;
+    /** Display content for the option */
+    children: React.ReactNode;
+}
+/**
+ * Compound child for Field.Select.
+ * Renders its children directly — all positioning and interaction
+ * is handled by the parent FieldSelect via downshift.
+ */
+declare const FieldSelectItem: React.FC<FieldSelectItemProps>;
+export default FieldSelectItem;
+//# sourceMappingURL=SelectItem.d.ts.map

package/dist/types/Field/Select/SelectItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/Field/Select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/dist/types/Field/Select/index.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FieldProps } from '../types';
+import { FieldSelectItemProps } from './SelectItem';
+export interface FieldSelectProps extends Pick<FieldProps, "id" | "label" | "errors" | "isDisabled"> {
+    /** Currently selected value (controlled) */
+    value: string;
+    /** Called with the new value when selection changes */
+    onChange: (value: string) => void;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Field.Select.Item elements */
+    children: React.ReactNode;
+}
+/**
+ * Field.Select renders a dropdown select styled consistently with Field.Text.
+ * It uses downshift's `useSelect` for keyboard navigation and ARIA,
+ * and `useDropdownLayer` for dropdown positioning.
+ */
+export declare const FieldSelect: {
+    ({ label, id, value, onChange, placeholder, errors, isDisabled, children, }: FieldSelectProps): React.JSX.Element;
+    displayName: string;
+    Item: React.FC<FieldSelectItemProps>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,UAAU,EACV,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CACzC;IACC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD;;;;GAIG;AACH,eAAO,MAAM,WAAW;iFASrB,gBAAgB;;;CA4GlB,CAAC"}

package/dist/types/Field/Text/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { MaskitoOptions } from '@maskito/core';
+import { FieldProps } from '../types';
+export interface FieldTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "id" | "disabled" | "aria-invalid" | "aria-describedby">, FieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    mask?: MaskitoOptions;
+}
+/**
+ * Field.Text renders a decorative shell containing a native text input.
+ * It automatically handles ARIA orchestration and optional input masking.
+ */
+export declare const FieldText: React.ForwardRefExoticComponent<FieldTextProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,OAAO,GACP,IAAI,GACJ,UAAU,GACV,cAAc,GACd,kBAAkB,CACrB,EACD,UAAU;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,yFA0GrB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ColVisibilityContextProps } from './colVisibilityContext';
+export type PinStatus = "start" | "end" | undefined;
+/**
+ * Determines if a cell at a given column index is pinned.
+ */
+export declare function getPinStatus(colIndex: number, ctx: ColVisibilityContextProps): PinStatus;
+//# sourceMappingURL=pinning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pinning.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/pinning.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;AAEpD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,yBAAyB,GAC7B,SAAS,CAMX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "6.17.0",
+  "version": "6.18.0-beta.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "style": "dist/style.css",
@@ -21,7 +21,7 @@
     "build:types": "node ./scripts/buildTypes.mjs",
     "build:jsdoc": "node ./scripts/jsDoc.mjs",
     "build:classdoc": "node ./scripts/classManifest.mjs",
-    "build:tokens": "style-dictionary build --config=./tokens/config.js",
+    "build:tokens": "tsx ./tokens/build.ts",
     "build:css": "sass src/index.scss dist/style.css --style=compressed --source-map",
     "build:components": "vite build && node ./scripts/copyAssets.mjs",
     "build": "npm run build:icon-names && npm run build:tokens && npx tsc && npm run build:css && npm run build:jsdoc && npm run build:components && npm run build:classdoc",
@@ -50,7 +50,7 @@
     "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.23.2",
-    "@commitlint/cli": "^20.5.0",
+    "@commitlint/cli": "^21.0.2",
     "@commitlint/config-conventional": "^20.5.0",
     "@figma/code-connect": "^1.3.10",
     "@mdx-js/mdx": "^3.1.0",
@@ -99,8 +99,9 @@
     "sass": "^1.45.0",
     "semantic-release": "^25.0.3",
     "storybook": "^10.4.5",
-    "style-dictionary": "^3.9.2",
+    "style-dictionary": "^5.5.0",
     "tinycolor2": "^1.4.2",
+    "tsx": "^4.23.1",
     "typescript": "^5.2.2",
     "use-clipboard-copy": "^0.2.0",
     "vite": "^8.0.16",