@homecode/ui 5.18.9 → 5.18.11

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

@@ -7,7 +7,7 @@ import { Icon } from '../Icon/Icon.js';
 
 function Chip({ children, className, selected, onRemove, onClick, removeTooltip, size = 'm', }) {
     const closeIcon = jsx(Icon, { type: "close", size: size });
-    return (jsxs("div", { className: cn(S.chip, S[`size_${size}`], className, selected && S.selected), onClick: onClick, children: [jsx("span", { className: S.content, children: children }), onRemove && (jsx(Button, { round: true, square: true, variant: "clear", size: size, className: S.remove, onClick: e => {
+    return (jsxs("div", { className: cn(S.chip, S[`size_${size}`], onClick && S.clickable, selected && S.selected, className), onClick: onClick, children: [jsx("span", { className: S.content, children: children }), onRemove && (jsx(Button, { round: true, square: true, variant: "clear", size: size, className: S.remove, onClick: e => {
                     e.stopPropagation();
                     onRemove();
                 }, children: removeTooltip ? (jsx(Tooltip, { content: removeTooltip, children: closeIcon })) : (closeIcon) }))] }));

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

@@ -1,5 +1,5 @@
-var css_248z = ".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);cursor:pointer;display:inline-flex;gap:2px;transition:background .2s ease}.Chip_chip__DXD0C:hover{background:var(--accent-color-alpha-200)}.Chip_chip__DXD0C:not(:has(.Chip_remove__vqyOL)){padding-right:var(--chip-pad)}.Chip_size_xs__IbN1f{--chip-pad:var(--p-1);border-radius:var(--p-1);font-size:14px;padding-left:var(--chip-pad)}.Chip_size_s__ERE3z{--chip-pad:var(--p-3);border-radius:var(--p-3);font-size:18px;padding-left:var(--chip-pad)}.Chip_size_m__F2Bbw{--chip-pad:var(--p-5);border-radius:var(--p-5);font-size:22px;padding-left:var(--chip-pad)}.Chip_size_l__YgtcF{--chip-pad:var(--p-8);border-radius:var(--p-8)}.Chip_size_l__YgtcF,.Chip_size_xl__-sKg7{font-size:26px;padding-left:var(--chip-pad)}.Chip_size_xl__-sKg7{--chip-pad:var(--p-10);border-radius:var(--p-10)}.Chip_selected__UcBat,.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA,.Chip_remove__vqyOL{align-items:center;display:flex}.Chip_remove__vqyOL{justify-content:center;opacity:.3;transform:scale(.6);transition:opacity .2s ease,transform .1s ease}.Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}";
-var S = {"chip":"Chip_chip__DXD0C","remove":"Chip_remove__vqyOL","size_xs":"Chip_size_xs__IbN1f","size_s":"Chip_size_s__ERE3z","size_m":"Chip_size_m__F2Bbw","size_l":"Chip_size_l__YgtcF","size_xl":"Chip_size_xl__-sKg7","selected":"Chip_selected__UcBat","content":"Chip_content__2xloA"};
+var css_248z = ".Chip_chip__DXD0C{align-items:center;background:var(--accent-color-alpha-100);border-radius:var(--chip-h);box-sizing:border-box;display:inline-flex;gap:2px;height:var(--chip-h);transition:background .2s ease;white-space:nowrap}.Chip_chip__DXD0C:not(:has(.Chip_remove__vqyOL)){padding-right:var(--chip-pad)}.Chip_clickable__uJZcG{cursor:pointer}.Chip_clickable__uJZcG:hover{background:var(--accent-color-alpha-200)}.Chip_size_xs__IbN1f{--chip-h:24px;--chip-pad:var(--p-2);font-size:14px;padding-left:var(--chip-pad)}.Chip_size_s__ERE3z{--chip-h:32px;--chip-pad:var(--p-4);font-size:18px;padding-left:var(--chip-pad)}.Chip_size_m__F2Bbw{--chip-h:40px;--chip-pad:var(--p-5);font-size:22px;padding-left:var(--chip-pad)}.Chip_size_l__YgtcF{--chip-h:48px;--chip-pad:var(--p-8)}.Chip_size_l__YgtcF,.Chip_size_xl__-sKg7{font-size:26px;padding-left:var(--chip-pad)}.Chip_size_xl__-sKg7{--chip-h:56px;--chip-pad:var(--p-10)}.Chip_chip__DXD0C.Chip_selected__UcBat,.Chip_chip__DXD0C.Chip_selected__UcBat:hover{background:var(--accent-color-alpha-300)}.Chip_content__2xloA{align-items:center;display:flex}.Chip_chip__DXD0C .Chip_remove__vqyOL{align-items:center;box-sizing:border-box;display:flex;flex:none;height:var(--chip-h);justify-content:center;max-height:var(--chip-h);min-height:var(--chip-h);min-width:var(--chip-h);opacity:.3;padding:0;transform:scale(.6);transition:opacity .2s ease,transform .1s ease;width:var(--chip-h)}.Chip_chip__DXD0C .Chip_remove__vqyOL:hover{background-color:var(--danger-color-alpha-300);transform:scale(.8)}.Chip_chip__DXD0C .Chip_remove__vqyOL svg{transform:scale(.8)}.Chip_chip__DXD0C:hover .Chip_remove__vqyOL{opacity:1}";
+var S = {"chip":"Chip_chip__DXD0C","remove":"Chip_remove__vqyOL","clickable":"Chip_clickable__uJZcG","size_xs":"Chip_size_xs__IbN1f","size_s":"Chip_size_s__ERE3z","size_m":"Chip_size_m__F2Bbw","size_l":"Chip_size_l__YgtcF","size_xl":"Chip_size_xl__-sKg7","selected":"Chip_selected__UcBat","content":"Chip_content__2xloA"};
             if (typeof document !== 'undefined') {
               var __uilibHead = document.head || document.getElementsByTagName('head')[0];
               if (__uilibHead) {

package/dist/esm/src/components/PromptComposer/PromptComposer.styl.js

@@ -1,4 +1,4 @@
-var css_248z = ".PromptComposer_root__gfdXN{width:100%}.PromptComposer_scroller__Sueif{flex:1;max-height:200px;min-height:40px;width:100%}.PromptComposer_editorMount__B9G-o{background:transparent;border:none;border-radius:0!important;box-shadow:none!important;display:flex;flex:1;flex-direction:column;min-height:40px;min-width:0;padding:0!important}.PromptComposer_editorMount__B9G-o:focus-within{box-shadow:none!important}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq{border:none!important;box-shadow:none!important;flex:1;margin:0;min-height:40px!important;outline:none!important;overflow:hidden!important;padding:var(--p-2) 0 0!important;resize:none!important;transition:opacity .1s ease-out;white-space:pre-wrap;word-break:break-word}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq a{color:var(--link-color)}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq a:hover{cursor:pointer;opacity:.8}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEmptyNode__62Ylm:before{color:var(--muted-foreground);content:attr(data-placeholder);float:left;height:0;pointer-events:none}";
+var css_248z = ".PromptComposer_root__gfdXN{width:100%}.PromptComposer_scroller__Sueif{flex:1;max-height:200px;min-height:40px;width:100%}.PromptComposer_editorMount__B9G-o{background:transparent;border:none;border-radius:0!important;box-shadow:none!important;display:flex;flex:1;flex-direction:column;min-height:40px;min-width:0;padding:0!important}.PromptComposer_editorMount__B9G-o:focus-within{box-shadow:none!important}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq{border:none!important;box-shadow:none!important;flex:1;margin:0;min-height:40px!important;outline:none!important;overflow:hidden!important;padding:var(--p-2) 0 0!important;resize:none!important;transition:opacity .1s ease-out;white-space:pre-wrap;word-break:break-word}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq a{color:var(--link-color)}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEditor__yQIpq a:hover{cursor:pointer;opacity:.8}.PromptComposer_editorMount__B9G-o .PromptComposer_promptComposerEmptyNode__62Ylm:before{color:var(--muted-foreground);content:attr(data-placeholder);float:left;height:0;opacity:.3;pointer-events:none}";
 var S = {"root":"PromptComposer_root__gfdXN","scroller":"PromptComposer_scroller__Sueif","editorMount":"PromptComposer_editorMount__B9G-o","promptComposerEditor":"PromptComposer_promptComposerEditor__yQIpq","promptComposerEmptyNode":"PromptComposer_promptComposerEmptyNode__62Ylm"};
             if (typeof document !== 'undefined') {
               var __uilibHead = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/src/components/Select/Select2.js

@@ -241,7 +241,7 @@ function Select2(props) {
         const label = getLabel(id);
         if (!label)
             return null;
-        return (jsx(Chip, { className: cn(S.chip, selectedChipIds?.includes(id) && selectedChipClassName, optionsById.items[id]?.chipClassName), size: size, selected: selectedChipIds?.includes(id), onRemove: () => onItemToggle(id), onClick: () => onChipClick?.(id), removeTooltip: selectedChipRemoveTooltip, children: label }, id));
+        return (jsx(Chip, { className: cn(S.chip, selectedChipIds?.includes(id) && selectedChipClassName, optionsById.items[id]?.chipClassName), size: size, selected: selectedChipIds?.includes(id), onRemove: () => onItemToggle(id), onClick: onChipClick && (() => onChipClick(id)), removeTooltip: selectedChipRemoveTooltip, children: label }, id));
     });
     const renderTriggerInput = () => {
         const inputValue = isSearching ? searchVal : isMultiple$1 ? '' : selectedLabel;

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

@@ -1,13 +1,2 @@
-import { ReactNode } from 'react';
-import { Size } from 'uilib/types';
-type Props = {
-    children: ReactNode;
-    className?: string;
-    selected?: boolean;
-    onRemove?: () => void;
-    onClick?: () => void;
-    removeTooltip?: ReactNode;
-    size?: Size;
-};
-export declare function Chip({ children, className, selected, onRemove, onClick, removeTooltip, size, }: Props): import("react").JSX.Element;
-export {};
+import * as T from './Chip.types';
+export declare function Chip({ children, className, selected, onRemove, onClick, removeTooltip, size, }: T.Props): import("react").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Size } from 'uilib/types';
+export type Props = {
+    children: ReactNode;
+    className?: string;
+    selected?: boolean;
+    onClick?: () => void;
+    onRemove?: () => void;
+    removeTooltip?: ReactNode;
+    size?: Size;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.18.9",
+  "version": "5.18.11",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",