@scaleflex/ui-tw 0.0.137 → 0.0.139

package/input/input.component.d.ts

@@ -3,5 +3,5 @@ import type { InputProps } from './input.types';
 declare const inputVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare function Input({ className, type, size, disabled, readOnly, icon: Icon, suffix, clearable, onClear, value, ...props }: InputProps): React.JSX.Element;
+declare function Input({ className, wrapperClassName, type, size, disabled, readOnly, icon: Icon, suffix, clearable, onClear, value, ...props }: InputProps): React.JSX.Element;
 export { Input, inputVariants };

package/input/input.component.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "type", "size", "disabled", "readOnly", "icon", "suffix", "clearable", "onClear", "value"];
+var _excluded = ["className", "wrapperClassName", "type", "size", "disabled", "readOnly", "icon", "suffix", "clearable", "onClear", "value"];
 import { buttonVariants } from '@scaleflex/ui-tw/button';
 import { ButtonVariant } from '@scaleflex/ui-tw/button/button.constants';
 import { getBaseInputClasses, readOnlyClassNames, selectionHighlightClassNames } from '@scaleflex/ui-tw/styles/shared-classes';
@@ -45,6 +45,7 @@ var inputSuffixSizeVariants = cva('', {
 });
 function Input(_ref) {
   var className = _ref.className,
+    wrapperClassName = _ref.wrapperClassName,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? InputType.Text : _ref$type,
     _ref$size = _ref.size,
@@ -79,7 +80,7 @@ function Input(_ref) {
     return inputElement;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: cn('relative', className)
+    className: cn('relative', className, wrapperClassName)
   }, inputElement, Icon && /*#__PURE__*/React.createElement(Icon, {
     className: cn(inputIconSizeVariants({
       size: size

package/input/input.types.d.ts

@@ -8,4 +8,5 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size'> {
     suffix?: string;
     clearable?: boolean;
     onClear?: () => void;
+    wrapperClassName?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.137",
+  "version": "0.0.139",
   "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.137",
+    "@scaleflex/icons-tw": "^0.0.139",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",

package/search/search.component.d.ts

@@ -1,3 +1,3 @@
 import type { InputProps } from '@scaleflex/ui-tw/input';
 import React from 'react';
-export declare function Search({ className, size, disabled, readOnly, onChange, ...rest }: InputProps): React.JSX.Element;
+export declare function Search({ className, wrapperClassName, size, disabled, readOnly, onChange, ...rest }: InputProps): React.JSX.Element;

package/search/search.component.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "size", "disabled", "readOnly", "onChange"];
+var _excluded = ["className", "wrapperClassName", "size", "disabled", "readOnly", "onChange"];
 import { buttonVariants } from '@scaleflex/ui-tw/button';
 import { ButtonVariant } from '@scaleflex/ui-tw/button/button.constants';
 import { Input } from '@scaleflex/ui-tw/input';
@@ -13,6 +13,7 @@ import React, { useState } from 'react';
 export function Search(_ref) {
   var _rest$value$toString, _rest$value;
   var className = _ref.className,
+    wrapperClassName = _ref.wrapperClassName,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? FormSize.Md : _ref$size,
     disabled = _ref.disabled,
@@ -36,7 +37,7 @@ export function Search(_ref) {
     _onChange === null || _onChange === void 0 || _onChange(syntheticEvent);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "relative w-full"
+    className: cn('relative w-full', wrapperClassName)
   }, /*#__PURE__*/React.createElement(SearchIcon, {
     className: cn('text-muted-foreground pointer-events-none absolute top-1/2 -translate-y-1/2', iconSize, padding.icon)
   }), /*#__PURE__*/React.createElement(Input, _extends({