@scaleflex/ui-tw 0.0.156 → 0.0.158

package/combobox/combobox-multi-tag/combobox-multi-tag.component.js

@@ -95,7 +95,7 @@ export function ComboboxMultiTag(_ref) {
     onClick: handleOnTriggerClick,
     onKeyDown: handleOnTriggerKeyDown
   }, triggerProps), !isSelected ? /*#__PURE__*/React.createElement("span", {
-    className: "text-muted-foreground"
+    className: "text-muted-foreground min-w-0 truncate text-left"
   }, placeholder) : /*#__PURE__*/React.createElement("div", {
     className: cn('flex w-full flex-wrap justify-start gap-2 overflow-y-auto', textareaVariants({
       size: size

package/form/components/form-field-group.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FieldValues, Path } from 'react-hook-form';
 import type { FormFieldGroupProps } from '../form.types';
-declare function FormFieldGroup<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, size, readOnly, disabled, tooltip, disabledTooltip, highlight, horizontal, horizontalLabelWidth, showCharCount, maxLength, children, }: FormFieldGroupProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormFieldGroup<TFieldValues extends FieldValues, TName extends Path<TFieldValues>>({ control, name, label, description, size, readOnly, disabled, tooltip, disabledTooltip, tooltipIcon, highlight, horizontal, horizontalLabelWidth, showCharCount, maxLength, children, }: FormFieldGroupProps<TFieldValues, TName>): React.JSX.Element;
 export { FormFieldGroup };

package/form/components/form-field-group.component.js

@@ -18,6 +18,7 @@ function FormFieldGroup(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     tooltip = _ref.tooltip,
     disabledTooltip = _ref.disabledTooltip,
+    tooltipIcon = _ref.tooltipIcon,
     highlight = _ref.highlight,
     _ref$horizontal = _ref.horizontal,
     horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
@@ -49,6 +50,7 @@ function FormFieldGroup(_ref) {
         size: size,
         tooltip: tooltip,
         disabledTooltip: disabledTooltip,
+        icon: tooltipIcon,
         disabled: disabled
       }, resolvedLabel) : /*#__PURE__*/React.createElement("span", null), showCharCount && /*#__PURE__*/React.createElement("span", {
         className: cn('text-muted-foreground shrink-0 tabular-nums', 'group-data-[disabled=true]:opacity-50', maxLength && charCount >= maxLength && 'text-destructive-foreground', formMessageSizeOptions[size])

package/form/form.types.d.ts

@@ -34,6 +34,7 @@ interface FormBaseFieldProps {
     disabled?: boolean;
     tooltip?: ReactElement | string | (() => ReactElement);
     disabledTooltip?: ReactElement | string | (() => ReactElement);
+    tooltipIcon?: ReactElement | (() => ReactElement);
     showCharCount?: boolean;
     maxLength?: number;
 }

package/label/components/info-outline-icon.js

@@ -13,17 +13,11 @@ var InfoOutlineIcon = function InfoOutlineIcon(_ref) {
     ref: ref,
     width: size,
     height: size,
-    viewBox: "0 0 50 50",
+    viewBox: "0 0 44 44",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, rest), /*#__PURE__*/React.createElement("path", {
-    d: "M25 50C11.2033 50 0 38.7967 0 25C0 11.2033 11.2033 0 25 0C38.7967 0 50 11.2033 50 25C50 38.7967 38.6929 50 25 50ZM25 3.52697C13.1743 3.52697 3.63071 13.1743 3.63071 24.8963C3.63071 36.6183 13.278 46.2656 25 46.2656C36.8257 46.2656 46.3693 36.6183 46.3693 24.8963C46.3693 13.1743 36.8257 3.52697 25 3.52697Z",
-    fill: color
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M28.3755 13.125C28.3755 11.3992 26.9765 10 25.2505 10C23.5245 10 22.1255 11.3992 22.1255 13.125C22.1255 14.8516 23.5245 16.25 25.2505 16.25C26.9765 16.25 28.3755 14.8516 28.3755 13.125Z",
-    fill: color
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M20.563 38.5H29.938C30.8009 38.5 31.5005 37.8012 31.5005 36.9375C31.5005 36.0746 30.8009 35.375 29.938 35.375H28.3755V20.9375C28.3755 20.0746 27.6759 19.375 26.813 19.375H20.563C19.7001 19.375 19.0005 20.0746 19.0005 20.9375C19.0005 21.8012 19.7001 22.5 20.563 22.5H22.1255V35.375H20.563C19.7001 35.375 19.0005 36.0746 19.0005 36.9375C19.0005 37.8012 19.7001 38.5 20.563 38.5Z",
+    d: "M40 22C40 12.0589 31.9411 4 22 4C12.0589 4 4 12.0589 4 22C4 31.9411 12.0589 40 22 40C31.9411 40 40 31.9411 40 22ZM20 31V21C20 19.8954 20.8954 19 22 19C23.1046 19 24 19.8954 24 21V31C24 32.1046 23.1046 33 22 33C20.8954 33 20 32.1046 20 31ZM22.0195 11C23.1241 11 24.0195 11.8954 24.0195 13C24.0195 14.1046 23.1241 15 22.0195 15H22C20.8954 15 20 14.1046 20 13C20 11.8954 20.8954 11 22 11H22.0195ZM44 22C44 34.1503 34.1503 44 22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22Z",
     fill: color
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.156",
+  "version": "0.0.158",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -29,7 +29,7 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.156",
+    "@scaleflex/icons-tw": "^0.0.158",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",

package/tooltip/tooltip.component.js

@@ -52,7 +52,7 @@ function TooltipContent(_ref4) {
     "data-slot": "tooltip-content",
     sideOffset: sideOffset,
     collisionPadding: collisionPadding,
-    className: cn('animate-in fade-in-0 zoom-in-95 text-md shadow-shadow z-1999 w-fit max-w-lg origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-2 shadow-sm', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', tooltipVariants({
+    className: cn('animate-in fade-in-0 zoom-in-95 text-md shadow-shadow z-1999 w-fit max-w-lg origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-2 break-words shadow-sm', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', tooltipVariants({
       variant: variant
     }), className)
   }, props), children));