@assembly-js/design-system 3.1.8 → 3.1.9

package/dist/esm/common/utils.js

@@ -1,8 +1,31 @@
 // This file is generated by a script. Do not edit this file directly.
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
+var COP_PREFIX = 'cop-';
+function stripCopPrefix(_ref) {
+  var className = _ref.className,
+    parseClassName = _ref.parseClassName;
+  var parsed = parseClassName(className);
+  if (parsed.baseClassName.startsWith(COP_PREFIX)) {
+    return _objectSpread(_objectSpread({}, parsed), {}, {
+      baseClassName: parsed.baseClassName.slice(COP_PREFIX.length)
+    });
+  }
+  return parsed;
+}
+
+// `prefix: 'cop-'` was replaced with a custom parser because the built-in
+// prefix option failed to merge mixed prefixed/non-prefixed classes correctly.
+// `experimentalParseClassName` is experimental — revisit this if upgrading
+// tailwind-merge to a new major version.
 var twMerge = extendTailwindMerge({
-  prefix: 'cop-'
+  experimentalParseClassName: stripCopPrefix
 });
 export function cn() {
   for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {

package/dist/esm/components/Checkbox/Checkbox.js

@@ -20,7 +20,7 @@ export var CheckboxSize = /*#__PURE__*/function (CheckboxSize) {
   return CheckboxSize;
 }({});
 var checkboxContainerStyles = cva({
-  base: 'cop-box-border cop-flex cop-cursor-pointer cop-rounded-[3px] cop-border cop-border-solid cop-p-0 cop-outline-none  peer-focus-visible:cop-outline-2 peer-focus-visible:cop-outline-[#0071E3] flex cop-justify-center cop-items-center',
+  base: 'cop-box-border cop-flex cop-cursor-pointer cop-rounded-[3px] cop-border cop-border-solid cop-p-0 cop-outline-none peer-focus-visible:cop-outline-2 peer-focus-visible:cop-outline-[#0071E3] cop-justify-center cop-items-center',
   variants: {
     size: _defineProperty(_defineProperty({}, CheckboxSize.DEFAULT, 'cop-h-4 cop-w-4'), CheckboxSize.LARGE, 'cop-h-[18px] cop-w-[18px]'),
     checked: {

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/TextLink/TextLink.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import { cva } from 'cva';
 var textLinkClasses = cva({
-  base: 'cop-flex cop-items-center cop-gap-1.5 outline-none cop-outline-solid cop-outline-link cop-outline-offset-[3px] cop-w-fit cop-underline-offset-[3px] cursor-pointer',
+  base: 'cop-flex cop-items-center cop-gap-1.5 cop-outline-none cop-outline-solid cop-outline-link cop-outline-offset-[3px] cop-w-fit cop-underline-offset-[3px] cop-cursor-pointer',
   variants: {
     variant: {
       "default": 'cop-text-link cop-no-underline hover:cop-text-link-hover active:cop-text-link-active',

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/Avatar/Avatar.d.ts

@@ -20,8 +20,8 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     prefix?: string | undefined;
-    children?: React.ReactNode;
     className?: string | undefined;
+    children?: React.ReactNode;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
@@ -299,8 +299,8 @@ declare const Avatar: React.ForwardRefExoticComponent<({
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
     prefix?: string | undefined;
-    children?: React.ReactNode;
     className?: string | undefined;
+    children?: React.ReactNode;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;

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';