@assembly-js/design-system 3.1.10 → 3.1.11

package/dist/umd/components/Chip/Chip.js

@@ -101,6 +101,8 @@
       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,
@@ -137,7 +139,9 @@
       })
     }), /*#__PURE__*/_react["default"].createElement(_Typography.Body, {
       size: size !== 'sm' ? 'base' : 'sm',
-      className: "cop-m-0"
+      className: (0, _utils.cn)('cop-m-0', {
+        'cop-truncate': truncate
+      })
     }, label), Boolean(onClose) ?
     /*#__PURE__*/
     // We intentionally attach both onClick and onTouch event

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

@@ -62,12 +62,12 @@
       size: "sm",
       variant: 'rounded'
     }), /*#__PURE__*/_react["default"].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["default"].createElement(_Typography.Body, {
       className: "cop-m-0 cop-truncate",
       size: "sm"
     }, option.label), companyName && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "cop-text-secondary"
+      className: "cop-truncate cop-text-secondary"
     }, companyName)));
   }
 });

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

@@ -39,8 +39,9 @@
       }
     };
     return /*#__PURE__*/_react["default"].createElement(_Chip.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["default"].createElement(_Avatar.Avatar, {
         src: (_option$avatarSrc = option.avatarSrc) !== null && _option$avatarSrc !== void 0 ? _option$avatarSrc : '',

package/dist/umd/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/umd/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;