@assembly-js/design-system 3.1.7 → 3.1.9

package/dist/esm/components/IconPicker/IconPicker.js

@@ -24,7 +24,8 @@ var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     placeholder = _ref$placeholder === void 0 ? 'Select an icon' : _ref$placeholder,
     className = _ref.className,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    inlineAction = _ref.inlineAction;
   var isControlled = value !== undefined;
   var _React$useState = React.useState(defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -175,12 +176,15 @@ var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return document.removeEventListener('keydown', handleKeyDown);
     };
   }, [open]);
+  var closeAndReset = React.useCallback(function () {
+    setOpen(false);
+    setSearch('');
+  }, []);
   var handleSelect = React.useCallback(function (icon) {
     if (!isControlled) setInternalValue(icon.name);
     onChange === null || onChange === void 0 || onChange(icon.name);
-    setOpen(false);
-    setSearch('');
-  }, [isControlled, onChange]);
+    closeAndReset();
+  }, [isControlled, onChange, closeAndReset]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: triggerRef,
     className: "cop-inline-flex"
@@ -217,8 +221,9 @@ var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     },
     className: "cop-fixed cop-z-1500 cop-w-[330px] cop-overflow-clip cop-rounded cop-border cop-border-solid cop-border-[#eff1f4] cop-bg-white cop-shadow-[0px_6px_20px_0px_rgba(0,0,0,0.07)]"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cop-px-3 cop-pt-3"
+    className: "cop-flex cop-items-center cop-gap-2 cop-px-3 cop-pt-3"
   }, /*#__PURE__*/React.createElement(Input, {
+    containerClassName: "cop-flex-1 cop-min-w-0",
     ref: searchInputRef,
     placeholder: "Search icons",
     value: search,
@@ -236,8 +241,8 @@ var IconPicker = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 || _gridRef$current2.focusFirst();
       }
     },
-    className: "focus-visible:cop-border-[#1a1a1a] focus-visible:cop-ring-0 focus-visible:cop-ring-offset-0"
-  })), /*#__PURE__*/React.createElement("div", {
+    className: "cop-h-8 !cop-border-input-gray focus-visible:!cop-border-[#1a1a1a] focus-visible:cop-ring-0 focus-visible:cop-ring-offset-0"
+  }), inlineAction === null || inlineAction === void 0 ? void 0 : inlineAction(closeAndReset)), /*#__PURE__*/React.createElement("div", {
     className: "cop-py-3 cop-pl-3 cop-pr-0"
   }, /*#__PURE__*/React.createElement(IconGrid, {
     ref: gridRef,

package/dist/esm/components/IconPicker/index.js

@@ -1,3 +1,4 @@
 // This file is generated by a script. Do not edit this file directly.
 import React from "react";
 export { IconPicker } from "./IconPicker";
+export { pickerIcons } from "./pickerIcons";

package/dist/esm/components/Typography/Base.js

@@ -46,7 +46,7 @@ var WEIGHT_CLASSNAMES = {
   bold: 'cop-font-bold',
   semibold: 'cop-font-semibold',
   medium: 'cop-font-medium',
-  regular: 'cop-font-regular',
+  regular: '',
   light: 'cop-font-light'
 };
 export var Base = function Base(_ref) {

package/dist/esm/types/components/IconPicker/IconPicker.d.ts

@@ -10,6 +10,9 @@ export interface IconPickerProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    /** Optional render prop for an inline action next to the search input.
+     *  Receives a `closePopover` callback to dismiss the picker. */
+    inlineAction?: (closePopover: () => void) => React.ReactNode;
 }
 declare const IconPicker: React.ForwardRefExoticComponent<IconPickerProps & React.RefAttributes<HTMLDivElement>>;
 export { IconPicker };

package/dist/esm/types/components/IconPicker/IconPicker.stories.d.ts

@@ -6,3 +6,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithValue: Story;
+export declare const WithInlineAction: Story;

package/dist/esm/types/components/IconPicker/index.d.ts

@@ -1,3 +1,5 @@
 export { IconPicker } from './IconPicker';
 export type { IconPickerProps } from './IconPicker';
 export type { FAIcon } from './icons.generated';
+export { pickerIcons } from './pickerIcons';
+export type { PickerIcon } from './pickerIcons';