@seeqdev/qomponents 0.0.163 → 0.0.165

package/dist/src/Icon/Icon.types.d.ts

@@ -2,6 +2,7 @@
 import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
 export declare const iconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success"];
 export type IconType = (typeof iconTypes)[number];
+export type IconSize = '2xs' | 'xs' | 'sm' | 'lg' | 'xl' | '2xl' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x';
 /**
  * Props for the Icon component that renders customizable icons with various styling options.
  * Extends TooltipComponentProps to support tooltip functionality on the icon.
@@ -36,6 +37,11 @@ export interface IconProps extends TooltipComponentProps {
      * @default 'theme'
      */
     type?: IconType;
+    /**
+     * Icon size, mapped to FontAwesome sizing classes so it works for both FA and FontCustom icons.
+     * Examples: 'sm', 'lg', 'xl', '2xl', '1x'...'10x', 'xs', '2xs'.
+     */
+    size?: IconSize;
     /**
      * Custom color value for the icon when `type` is set to 'color'.
      * Can be any valid CSS color (hex, rgb, color names, etc.).
@@ -59,13 +65,11 @@ export interface IconProps extends TooltipComponentProps {
      */
     id?: string;
     /**
-     * When true, applies the 'fa-lg' class to make the icon larger than normal size.
-     * Cannot be used together with the `small` prop. Useful for emphasis or better visibility.
+     * @deprecated Use `size="lg"` instead.
      */
     large?: boolean;
     /**
-     * When true, applies the 'fa-sm' class to make the icon smaller than normal size.
-     * Cannot be used together with the `large` prop. Useful for compact layouts or inline text.
+     * @deprecated Use `size="sm"` instead.
      */
     small?: boolean;
     /**

package/dist/src/TextArea/TextArea.types.d.ts

@@ -48,6 +48,13 @@ export interface TextAreaProps {
      * updating UI state when users finish interacting with the field.
      */
     onBlur?: React.FocusEventHandler<FormControlElement>;
+    /**
+     * Callback function triggered when the text selection changes in the
+     * textarea. Useful for implementing features like mention autocomplete or
+     * context-sensitive tools that need to react to cursor position or text
+     * selection changes.
+     */
+    onSelectionChange?: (e: Event) => void;
     /**
      * Placeholder text displayed when the textarea is empty.
      * Provides users with a hint about what type of content is expected.
@@ -102,4 +109,8 @@ export interface TextAreaProps {
      * Usually used in combination with error messages to provide validation feedback.
      */
     showError?: boolean;
+    /**
+     * Ref object to access the underlying textarea DOM element.
+     */
+    ref?: React.Ref<HTMLTextAreaElement>;
 }

package/dist/styles.css

@@ -7,14 +7,14 @@
 }
 
 .fc {
-    font: normal normal normal 14px/1 fontCustom;
     font-family: fontCustom !important;
-    speak: none;
+    font-weight: normal;
+    font-style: normal;
+    font-size: 1em;
+    line-height: 1;
     text-transform: none;
     display: inline-block;
-
-
-    /* Better Font Rendering =========== */
+    speak: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
@@ -1184,7 +1184,9 @@
     content: "\f979" !important;
 }
 
-/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */
+/*
+! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
+*/
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -2914,6 +2916,11 @@ ol,
     padding-bottom: 1rem;
 }
 
+.tw-py-6 {
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+}
+
 .tw-py-\[1px\] {
     padding-top: 1px;
     padding-bottom: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.163",
+  "version": "0.0.165",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/src/index.d.ts",