@ambuj.bhaskar/react-component-library 0.7.0 → 0.7.2

package/dist/index.d.ts

@@ -8,24 +8,24 @@ import { ReactNode } from 'react';
  * The Button component.
  *
  * @param {ButtonProps} props - The props object.
- * @prop {string} [variant=primary] - The variant of the button.
+ * @prop {string} [variant=primary] - The variant of the button. The default is "primary".
  * @prop {string} [background=rgb(255, 204, 0)] - The background color of the button.
- * @prop {string} [border=#292929] - The border color of the button.
- * @prop {string} [container=hugging] - The container type of the button.
+ * @prop {string} [border] - The border color of the button. If not provided, the border color is the same as the background color.
+ * @prop {string} [container=hugging] - The container type of the button. The default is "hugging".
  * @prop {string} [width=13.5rem] - The width of the button.
- * @prop {string} [size=m] - The size of the button.
+ * @prop {string} [size=m] - The size of the button. The default is "m".
  * @prop {string} [gap=0.25rem] - The gap between elements inside the button.
- * @prop {string} [placement=center] - The placement of the content inside the button.
+ * @prop {string} [placement=center] - The placement of the content inside the button. The default is "center".
  * @prop {boolean} [disabled=false] - If true, the button is disabled.
  * @prop {boolean} [loading=false] - If true, the button shows a loading state.
  * @prop {string} [text=null] - The text to display inside the button.
  * @prop {string} [textSize] - The size of the text inside the button.
- * @prop {string} [textColor=#292929] - The color of the text inside the button.
+ * @prop {string} [textColor] - The color of the text inside the button. If not provided, the color is the same as the variant.
  * @prop {object} [textColorStates=null] - Overrides the behaviour of color on default, hover, active states, which is intially set by the variant.
  * @prop {IconName} [icon=null] - The icon to display inside the button.
  * @prop {string} [iconSize] - The size of the icon inside the button.
- * @prop {string} [iconColor=#292929] - The color of the icon inside the button.
- * @prop {string} [iconPosition=before] - The position of the icon relative to the text.
+ * @prop {string} [iconColor] - The color of the icon inside the button. If not provided, the color is the same as the variant.
+ * @prop {string} [iconPosition=before] - The position of the icon relative to the text. The default is "before".
  * @prop {object} [iconColorStates=null] - Overrides the behaviour of color on default, hover, active states, which is intially set by the variant.
  * @prop {string} [className=null] - Additional class names for styling.
  */
@@ -187,6 +187,12 @@ declare type MultiselectProps = {
     width?: CSSstring;
     height?: string;
     className?: string;
+    triggerBackgroundColor?: Color;
+    triggerHighlightColor?: Color;
+    menuBackgroundColor?: Color;
+    menuActiveColor?: Color;
+    menuHoverColor?: Color;
+    borderColor?: Color;
     disabled?: boolean;
     id?: string;
     suffixIcon?: ReactNode | boolean;
@@ -221,6 +227,11 @@ declare type SelectProps = {
     placement?: "start" | "center" | "end";
     value?: string;
     className?: string;
+    triggerBackgroundColor?: Color;
+    menuBackgroundColor?: Color;
+    menuActiveColor?: Color;
+    menuHoverColor?: Color;
+    borderColor?: Color;
     disabled?: boolean;
     width?: CSSstring;
     height?: string;