@narmi/design_system 6.17.5 → 6.17.7

package/dist/tokens/css/rgbColors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jul 2026 01:28:25 GMT
+ * Generated on Wed, 29 Jul 2026 19:11:43 GMT
  */
 
 :root {

package/dist/tokens/css/rgbColors.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jul 2026 01:28:25 GMT
+ * Generated on Wed, 29 Jul 2026 19:11:43 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jul 2026 01:28:25 GMT
+ * Generated on Wed, 29 Jul 2026 19:11:43 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jul 2026 01:28:25 GMT
+ * Generated on Wed, 29 Jul 2026 19:11:43 GMT
  */
 
 :root {

package/dist/tokens/js/colors.esm.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jul 29 2026 01:28:25 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Wed Jul 29 2026 19:11:43 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 29 Jul 2026 01:28:25 GMT
+ * Generated on Wed, 29 Jul 2026 19:11:43 GMT
  */
 
 module.exports = {

package/dist/tokens/js/manifest.esm.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jul 29 2026 01:28:25 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Wed Jul 29 2026 19:11:43 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/manifest.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jul 29 2026 01:28:25 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Wed Jul 29 2026 19:11:43 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jul 29 2026 01:28:25 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Wed Jul 29 2026 19:11:43 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface FieldTokenProps {
+    /** Label text of tag. */
+    label: string;
+    /**
+     * Callback for user dismissal action,
+     * called with token label as the argument
+     */
+    onDismiss?: (label: string) => void;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /**
+     * Disabled state for FieldToken
+     */
+    disabled?: boolean;
+}
+/**
+ * Shared component to render "tokens" inside inputs, active filters,
+ * or other user selections we want to tokenize.
+ */
+declare const FieldToken: React.ForwardRefExoticComponent<FieldTokenProps & React.RefAttributes<HTMLDivElement>>;
+export default FieldToken;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FieldToken/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU,wFA8Cf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

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

@@ -2,8 +2,9 @@ import { default as React } from 'react';
 import { default as PropTypes } from 'prop-types';
 interface FormSectionProps {
     /** Title of form section */
-    title: string;
-    children: React.ReactNode;
+    title?: string;
+    /** Optional content rendered below the section heading */
+    children?: React.ReactNode;
 }
 /**
  * A sectioning element for forms that renders a label and line above the section
@@ -12,8 +13,8 @@ declare const FormSection: {
     ({ title, children }: FormSectionProps): React.JSX.Element;
     propTypes: {
         /** Title of form section */
-        title: PropTypes.Validator<string>;
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        title: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
 };
 export default FormSection;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,UAAU,gBAAgB;IACxB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;0BAAyB,gBAAgB;;QAkCxD,4BAA4B;;;;CAH7B,CAAC;AAQF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,UAAU,gBAAgB;IACxB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;0BAAyB,gBAAgB;;QAkCxD,4BAA4B;;;;CAH7B,CAAC;AAQF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+export type IconButtonKind = "action" | "plain" | "themed";
+export interface IconButtonProps {
+    /** Name of Narmi icon */
+    name: IconName;
+    /** Renders the icon button label */
+    label?: string;
+    /** disables the icon button when set to `true` */
+    disabled?: boolean;
+    /** style of icon button to render */
+    kind?: IconButtonKind;
+    /** type attribute for underlying HTML button element */
+    type?: string;
+    /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
+    textSize?: "xs" | "s" | "m" | "l";
+    /** Click callback, with event object passed as argument */
+    onClick?: (event: React.MouseEvent) => void;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** className for adding classNames to the icon button  */
+    className?: string;
+    /**
+     * The html element to render as the root node of `Button`.
+     *
+     * When rendering as an "a" you **MUST** pass an `href` attribute
+     * for the anchor to be valid.
+     */
+    as?: "a" | "button";
+    [x: string]: unknown;
+}
+/**
+ * Narmi style Icon Button.
+ *
+ * Icon Button renders a button with a central Narmi icon
+ *
+ */
+declare const IconButton: {
+    ({ disabled, kind, textSize, testId, label, name, onClick, type, as, ...otherProps }: IconButtonProps): React.JSX.Element;
+    propTypes: {
+        /** Name of Narmi icon */
+        name: PropTypes.Validator<string>;
+        /** Renders the icon button label */
+        label: PropTypes.Requireable<string>;
+        /** disables the icon button when set to `true` */
+        disabled: PropTypes.Requireable<boolean>;
+        /** style of icon button to render */
+        kind: PropTypes.Requireable<string>;
+        /** type attribute for underlying HTML button element */
+        type: PropTypes.Requireable<string>;
+        /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
+        textSize: PropTypes.Requireable<string>;
+        /** Click callback, with event object passed as argument */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Optional value for `data-testid` attribute */
+        testId: PropTypes.Requireable<string>;
+        /** className for adding classNames to the icon button  */
+        className: PropTypes.Requireable<string>;
+        /**
+         * The html element to render as the root node of `Button`.
+         *
+         * When rendering as an "a" you **MUST** pass an `href` attribute
+         * for the anchor to be valid.
+         */
+        as: PropTypes.Requireable<string>;
+    };
+};
+export default IconButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAClC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,QAAA,MAAM,UAAU;0FAWb,eAAe;;QA0BhB,yBAAyB;;QAEzB,oCAAoC;;QAEpC,kDAAkD;;QAElD,qCAAqC;;QAErC,wDAAwD;;QAExD,6GAA6G;;QAE7G,2DAA2D;;QAE3D,iDAAiD;;QAEjD,0DAA0D;;QAE1D;;;;;WAKG;;;CA1BJ,CAAC;AA8BF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+export interface LoadingShimProps {
+    /** Loadable content area - will render normally unless `isLoading` is true */
+    children?: React.ReactNode;
+    /** When `true`, the loading shim appears over child content */
+    isLoading?: boolean;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** Size of the loading indicator */
+    size?: "s" | "l";
+}
+/**
+ * Used to wrap a block of loadable content. When `isLoading` is set to true,
+ * the content area will have an overlay and loading animation.
+ */
+declare const LoadingShim: {
+    ({ isLoading, children, testId, size, }: LoadingShimProps): React.JSX.Element;
+    propTypes: {
+        /** Loadable content area - will render normally unless `isLoading` is true */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** When `true`, the loading shim appears over child content */
+        isLoading: PropTypes.Requireable<boolean>;
+        /** Optional value for `data-testid` attribute */
+        testId: PropTypes.Requireable<string>;
+        /** Size of the loading indicator */
+        size: PropTypes.Requireable<string>;
+    };
+};
+export default LoadingShim;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW;6CAKd,gBAAgB;;QAgCjB,8EAA8E;;QAE9E,+DAA+D;;QAE/D,iDAAiD;;QAEjD,oCAAoC;;;CATrC,CAAC;AAaF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+/** Standard Narmi breakpoint names */
+export type ResponsiveFlexSize = "s" | "m" | "l" | "xl";
+export type ResponsiveFlexGap = "xs" | "s" | "m" | "l" | "xl";
+export type ResponsiveFlexDirection = "row" | "column";
+export type FlexDirection = ResponsiveFlexDirection | "row-reverse" | "column-reverse";
+export interface GetFlexDirectionArgs {
+    viewportMatches: Record<ResponsiveFlexSize, boolean>;
+    direction: ResponsiveFlexDirection;
+    toColumnAt?: ResponsiveFlexSize;
+    toRowAt?: ResponsiveFlexSize;
+    reverseAt?: ResponsiveFlexSize;
+}
+export declare const getFlexDirection: ({ viewportMatches, direction, toColumnAt, toRowAt, reverseAt, }: GetFlexDirectionArgs) => FlexDirection;
+export interface ResponsiveFlexProps {
+    /** Implicit flex children */
+    children?: React.ReactNode;
+    /** Size of flex gap by token size (e.g. "xl") */
+    gapSize?: ResponsiveFlexGap;
+    /** Initial flex direction  */
+    direction?: ResponsiveFlexDirection;
+    /** Breakpoint at which to reverse order of flex items */
+    reverseAt?: ResponsiveFlexSize;
+    /** Breakpoint at which to change flex direction to column */
+    toColumnAt?: ResponsiveFlexSize;
+    /** Breakpoint at which to change flex direction to row */
+    toRowAt?: ResponsiveFlexSize;
+}
+/**
+ * Responsive layout helper that allows developers to declaratively control
+ * how flex items behave at different standard viewport sizes.
+ */
+declare const ResponsiveFlex: {
+    ({ children, direction, gapSize, reverseAt, toColumnAt, toRowAt, }: ResponsiveFlexProps): React.JSX.Element;
+    propTypes: {
+        /** Implicit flex children */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        /** Size of flex gap by token size (e.g. "xl") */
+        gapSize: PropTypes.Requireable<string>;
+        /** Initial flex direction  */
+        direction: PropTypes.Requireable<string>;
+        /** Breakpoint at which to reverse order of flex items */
+        reverseAt: PropTypes.Requireable<string>;
+        /** Breakpoint at which to change flex direction to column */
+        toColumnAt: PropTypes.Requireable<string>;
+        /** Breakpoint at which to change flex direction to row */
+        toRowAt: PropTypes.Requireable<string>;
+    };
+};
+export default ResponsiveFlex;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ResponsiveFlex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,sCAAsC;AACtC,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,aAAa,GACrB,uBAAuB,GACvB,aAAa,GACb,gBAAgB,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACrD,SAAS,EAAE,uBAAuB,CAAC;IACnC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,GAAI,iEAM9B,oBAAoB,KAAG,aAiBzB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,yDAAyD;IACzD,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc;wEAOjB,mBAAmB;;QAyBpB,6BAA6B;;QAE7B,iDAAiD;;QAEjD,8BAA8B;;QAE9B,yDAAyD;;QAEzD,6DAA6D;;QAE7D,0DAA0D;;;CAb3D,CAAC;AAiBF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,75 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+export type TimelineEventKind = "node" | "start" | "pending";
+export interface TimelineEventProps {
+    /**
+     * Timeline node variant.
+     */
+    kind?: TimelineEventKind;
+    /**
+     * Name of NDS icon to render inside the timeline node
+     */
+    icon?: IconName;
+    /**
+     * Pass an image url to render the timeline node
+     * as an avatar
+     */
+    imgUrl?: string;
+    /**
+     * Initial to render in the timeline node
+     * Overridden by:
+     * - icon
+     * - imgUrl
+     */
+    initial?: string;
+    /**
+     * Timeline event content (any JSX)
+     */
+    children?: React.ReactNode;
+    /**
+     * Hover tooltip content for the icon
+     */
+    tooltip?: string;
+    /** Render a custom circle node on the line */
+    renderNode?: () => React.ReactNode;
+}
+declare const TimelineEvent: {
+    ({ kind, icon, imgUrl, initial, tooltip, children, renderNode, }: TimelineEventProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Timeline node variant.
+         */
+        kind: PropTypes.Requireable<string>;
+        /**
+         * Name of NDS icon to render inside the timeline node
+         */
+        icon: PropTypes.Requireable<string>;
+        /**
+         * Pass an image url to render the timeline node
+         * as an avatar
+         */
+        imgUrl: PropTypes.Requireable<string>;
+        /**
+         * Initial to render in the timeline node
+         * Overridden by:
+         * - icon
+         * - imgUrl
+         */
+        initial: PropTypes.Requireable<string>;
+        /**
+         * Timeline event content (any JSX)
+         */
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Hover tooltip content for the icon
+         */
+        tooltip: PropTypes.Requireable<string>;
+        /** Render a custom circle node on the line */
+        renderNode: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export default TimelineEvent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimelineEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,QAAA,MAAM,aAAa;sEAQhB,kBAAkB;;QAmEnB;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;;;WAKG;;QAEH;;WAEG;;QAKH;;WAEG;;QAEH,8CAA8C;;;CAlC/C,CAAC;AAsCF,eAAe,aAAa,CAAC"}

package/dist/types/index.d.ts

@@ -15,11 +15,14 @@ import { default as DisabledShim } from './DisabledShim';
 import { default as Error } from './Error';
 import { default as DropdownTrigger } from './DropdownTrigger';
 import { default as Field } from './Field';
+import { default as FieldToken } from './FieldToken';
 import { default as FormSection } from './FormSection';
+import { default as IconButton } from './IconButton';
 import { default as Pagination } from './Pagination';
 import { default as ProgressBar } from './ProgressBar';
 import { default as Radio } from './Radio';
 import { default as RadioButtons } from './RadioButtons';
+import { default as ResponsiveFlex } from './ResponsiveFlex';
 import { default as Row } from './Row';
 import { default as SeparatorList } from './SeparatorList';
 import { default as Slider } from './Slider';
@@ -27,12 +30,14 @@ import { default as Snackbar } from './Snackbar';
 import { default as Spinner } from './Spinner';
 import { default as SplitButton } from './SplitButton';
 import { default as LoadingSkeleton } from './LoadingSkeleton';
+import { default as LoadingShim } from './LoadingShim';
 import { default as Table } from './Table';
 import { default as TableAutocomplete } from './TableAutocomplete';
 import { default as TableDateInput } from './TableDateInput';
 import { default as TableInput } from './TableInput';
 import { default as TableSelect } from './TableSelect';
 import { default as Tabs } from './Tabs';
+import { default as TimelineEvent } from './TimelineEvent';
 import { default as Tooltip } from './Tooltip';
 import { default as TruncatedAccount } from './TruncatedAccount';
 import { default as useSupportsAnchorPositioning } from './hooks/useSupportsAnchorPositioning';
@@ -48,19 +53,14 @@ declare const CollapsibleCard: any;
 declare const Combobox: any;
 declare const DateInput: any;
 declare const Drawer: any;
-declare const FieldToken: any;
-declare const IconButton: any;
 declare const Input: any;
-declare const LoadingShim: any;
 declare const MenuButton: any;
 declare const MultiSelect: any;
 declare const Popover: any;
-declare const ResponsiveFlex: any;
 declare const Select: any;
 declare const Sidebar: any;
 declare const Tag: any;
 declare const TextInput: any;
-declare const TimelineEvent: any;
 declare const Toggle: any;
 declare const TokenInput: any;
 export * from './types/Icon.types';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/util/AsElement.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+/**
+ * Returns the href if it uses a safe protocol, or undefined if it
+ * uses a potentially dangerous scheme (javascript:, data:, etc).
+ *
+ * Accepts `unknown` rather than `string` on purpose: this is a security
+ * guard, and it must keep rejecting non-string input that reaches it from
+ * untyped call sites at runtime.
+ */
+export declare const getSafeHref: (href?: unknown) => string | null | undefined;
+/**
+ * This is not a complete list of HTML elements;
+ * only the elements we want to support in `as` props.
+ */
+export declare const VALID_ELEMENTS: string[];
+export interface AsElementProps {
+    /** element to render  */
+    elementType?: React.ElementType;
+    children?: React.ReactNode;
+    /**
+     * Any additional props are spread onto the rendered element.
+     * `AsElement` is a passthrough, so this is intentionally open-ended.
+     */
+    [key: string]: unknown;
+}
+/**
+ * Utility to conditionally render different HTML elements
+ * in our components. Useful for exposing `as` props:
+ *
+ * `<Row as="ul"><Row.Item as="li" /></Row>
+ *
+ * @usage <AsElement elementName="ul" otherProp="this gets passed through">
+ */
+declare const AsElement: {
+    ({ elementType, children, ...rest }: AsElementProps): React.JSX.Element;
+    propTypes: {
+        /** element to render  */
+        elementType: PropTypes.Validator<NonNullable<NonNullable<string | ((...args: any[]) => any)>>>;
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+};
+export default AsElement;
+//# sourceMappingURL=AsElement.d.ts.map

package/dist/types/util/AsElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsElement.d.ts","sourceRoot":"","sources":["../../../src/util/AsElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,OAAO,KAAG,MAAM,GAAG,IAAI,GAAG,SAU5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,UAkB1B,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS;yCAIZ,cAAc;;QA6Bf,yBAAyB;;;;CAH1B,CAAC;AAcF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "6.17.5",
+  "version": "6.17.7",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "style": "dist/style.css",