@assembly-js/design-system 3.1.10 → 3.1.11

package/dist/esm/components/Chip/Chip.js

@@ -86,6 +86,8 @@ export var Chip = function Chip(_ref2) {
     size = _ref2$size === void 0 ? 'sm' : _ref2$size,
     className = _ref2.className,
     prefixIcon = _ref2.prefixIcon,
+    _ref2$truncate = _ref2.truncate,
+    truncate = _ref2$truncate === void 0 ? false : _ref2$truncate,
     disabled = _ref2.disabled,
     onClick = _ref2.onClick,
     onClose = _ref2.onClose,
@@ -122,7 +124,9 @@ export var Chip = function Chip(_ref2) {
     })
   }), /*#__PURE__*/React.createElement(Body, {
     size: size !== 'sm' ? 'base' : 'sm',
-    className: "cop-m-0"
+    className: cn('cop-m-0', {
+      'cop-truncate': truncate
+    })
   }, label), Boolean(onClose) ?
   /*#__PURE__*/
   // We intentionally attach both onClick and onTouch event

package/dist/esm/components/UserCompanySelector/ListItem.js

@@ -46,11 +46,11 @@ export function ListItem(_ref) {
     size: "sm",
     variant: 'rounded'
   }), /*#__PURE__*/React.createElement("div", {
-    className: "cop-flex cop-flex-col cop-text-[10px]"
+    className: "cop-flex cop-min-w-0 cop-flex-col cop-text-[10px]"
   }, /*#__PURE__*/React.createElement(Body, {
     className: "cop-m-0 cop-truncate",
     size: "sm"
   }, option.label), companyName && /*#__PURE__*/React.createElement("span", {
-    className: "cop-text-secondary"
+    className: "cop-truncate cop-text-secondary"
   }, companyName)));
 }

package/dist/esm/components/UserCompanySelector/SelectedValueChip.js

@@ -23,8 +23,9 @@ export function SelectedValueChip(props) {
     }
   };
   return /*#__PURE__*/React.createElement(Chip, {
-    className: "!cop-rounded cop-border cop-border-solid cop-py-[5px]",
+    className: "!cop-rounded cop-border cop-border-solid cop-py-[5px] cop-max-w-[200px]",
     variant: "outlined",
+    truncate: true,
     onClose: handleRemove,
     prefixIcon: option.type === 'company' ? /*#__PURE__*/React.createElement(Avatar, {
       src: (_option$avatarSrc = option.avatarSrc) !== null && _option$avatarSrc !== void 0 ? _option$avatarSrc : '',

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

@@ -16,11 +16,12 @@ export interface ChipProps extends VariantProps<typeof chipStyles> {
     label: string;
     className?: string;
     prefixIcon?: IconType | Exclude<React.ReactNode, string>;
+    truncate?: boolean;
     onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;
     onClose?: (event: React.KeyboardEvent | React.MouseEvent | React.TouchEvent) => void;
     'aria-pressed'?: AriaAttributes['aria-pressed'];
 }
-export declare const Chip: ({ color, variant, label, size, className, prefixIcon, disabled, onClick, onClose, "aria-pressed": ariaPressed, }: ChipProps & {
+export declare const Chip: ({ color, variant, label, size, className, prefixIcon, truncate, disabled, onClick, onClose, "aria-pressed": ariaPressed, }: ChipProps & {
     color?: string;
 }) => React.JSX.Element;
 export {};

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

@@ -12,6 +12,7 @@ export declare const WithSingleSelection: Story;
 export declare const WithPlaceholder: Story;
 export declare const WithAutoFocus: Story;
 export declare const WithLongOptionLabel: Story;
+export declare const WithLongCompanyName: Story;
 export declare const WithCustomLabels: Story;
 export declare const WithListHeading: Story;
 export declare const WithAvatarFallbackColor: Story;