@scaleflex/ui-tw 0.0.78 → 0.0.80

package/combobox/combobox.types.d.ts

@@ -63,6 +63,7 @@ export interface CommandItemProps extends ComponentProps<typeof CommandPrimitive
     shortcut?: ReactElement | string;
     selectedValue?: string | string[];
     multiple?: boolean;
+    iconClassName?: string;
 }
 interface ComboboxCommonProps {
     options: SelectOption[];

package/command/command.component.d.ts

@@ -13,7 +13,7 @@ declare function CommandList({ className, ...props }: ComponentProps<typeof Comm
 declare function CommandEmpty({ className, ...rest }: ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
 declare function CommandGroup({ className, size, ...props }: CommandGroupProps): React.JSX.Element;
 declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
-declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, ...props }: CommandItemProps): React.JSX.Element;
+declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, iconClassName, ...props }: CommandItemProps): React.JSX.Element;
 declare function CommandCheckboxItem({ className, size, isGroup, children, selectedValue, value, icon, disabled, tooltip, disabledTooltip, ...props }: CommandItemProps): React.JSX.Element;
 declare function CommandShortcut({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
 export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandCheckboxItem, CommandShortcut, CommandSeparator, };

package/command/command.component.js

@@ -7,7 +7,7 @@ var _excluded = ["className"],
   _excluded5 = ["className"],
   _excluded6 = ["className", "size"],
   _excluded7 = ["className"],
-  _excluded8 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled"],
+  _excluded8 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled", "iconClassName"],
   _excluded9 = ["className", "size", "isGroup", "children", "selectedValue", "value", "icon", "disabled", "tooltip", "disabledTooltip"],
   _excluded10 = ["className"];
 import { Checkbox } from '@scaleflex/ui-tw/checkbox';
@@ -121,6 +121,7 @@ function CommandItem(_ref8) {
     shortcut = _ref8.shortcut,
     disabledTooltip = _ref8.disabledTooltip,
     disabled = _ref8.disabled,
+    iconClassName = _ref8.iconClassName,
     props = _objectWithoutProperties(_ref8, _excluded8);
   var selected = value && (multiple ? selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value) : value === selectedValue);
   return /*#__PURE__*/React.createElement(CommandPrimitive.Item, _extends({
@@ -135,7 +136,7 @@ function CommandItem(_ref8) {
   }, icon && /*#__PURE__*/React.createElement(SelectIcon, {
     size: size,
     icon: icon,
-    className: cn('text-muted-foreground hover:text-primary shrink-0', selected && 'text-primary', disabled && 'opacity-50')
+    className: cn('text-muted-foreground hover:text-primary shrink-0', selected && 'text-primary', disabled && 'opacity-50', iconClassName)
   }), /*#__PURE__*/React.createElement("div", {
     className: "flex items-center gap-1 overflow-hidden"
   }, /*#__PURE__*/React.createElement("div", {

package/date-picker/date-picker.component.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { DatePickerProps } from './date-picker.types';
-declare function DatePicker({ minDate, maxDate, readOnly, defaultDate, size, invalidDateText, disabled, onChange, popoverClassName, defaultOpen, popoverContentProps, onKeyDown, onBlur, placeholder, format: dateFormat, locale, calendarProps, ...rest }: DatePickerProps): React.JSX.Element;
+declare function DatePicker({ minDate, maxDate, readOnly, defaultDate, size, invalidDateText, disabled, onChange, popoverClassName, defaultOpen, popoverContentProps, onKeyDown, onBlur, placeholder, format: dateFormat, locale, calendarProps, className, ...rest }: DatePickerProps): React.JSX.Element;
 export { DatePicker };

package/date-picker/date-picker.component.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["minDate", "maxDate", "readOnly", "defaultDate", "size", "invalidDateText", "disabled", "onChange", "popoverClassName", "defaultOpen", "popoverContentProps", "onKeyDown", "onBlur", "placeholder", "format", "locale", "calendarProps"];
+var _excluded = ["minDate", "maxDate", "readOnly", "defaultDate", "size", "invalidDateText", "disabled", "onChange", "popoverClassName", "defaultOpen", "popoverContentProps", "onKeyDown", "onBlur", "placeholder", "format", "locale", "calendarProps", "className"];
 import { Button } from '@scaleflex/ui-tw/button';
 import { Calendar } from '@scaleflex/ui-tw/calendar';
 import { Input } from '@scaleflex/ui-tw/input';
@@ -40,6 +40,7 @@ function DatePicker(_ref) {
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? enGB : _ref$locale,
     calendarProps = _ref.calendarProps,
+    className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
   var inputRef = useRef(null);
   var isEscapeBlur = useRef(false);
@@ -128,7 +129,7 @@ function DatePicker(_ref) {
     disabled: disabled,
     className: cn.apply(void 0, _toConsumableArray(getBaseSelectClassNames()).concat(_toConsumableArray(getBaseInputClasses()), ['hover:border-secondary-foreground/50', selectTriggerVariants({
       size: size
-    }), readOnly && selectReadOnlyClassNames, !isInputValid && 'border-destructive'])),
+    }), readOnly && selectReadOnlyClassNames, !isInputValid && 'border-destructive', className])),
     onChange: handleInputChange,
     onKeyDown: handleKeyDown,
     onBlur: handleBlur

package/date-picker/date-picker.types.d.ts

@@ -22,4 +22,5 @@ export type DatePickerProps = {
     placeholder?: string;
     format?: string;
     locale?: Locale;
+    className?: string;
 };

package/package.json

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