fis-component 0.1.10 → 0.1.12

package/dist/esm/types/src/components/Input/InputStepper/InputStepper.stories.d.ts

@@ -26,6 +26,9 @@ declare const meta: {
         onChange?: ((value: number) => void) | undefined;
         name?: string | undefined | undefined;
         dir?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -42,7 +45,6 @@ declare const meta: {
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
@@ -296,7 +298,6 @@ declare const meta: {
         width?: number | string | undefined | undefined;
         size?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;
-        form?: string | undefined | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -304,16 +305,15 @@ declare const meta: {
         formTarget?: string | undefined | undefined;
         type?: import("react").HTMLInputTypeAttribute | undefined;
         value?: string | number | readonly string[] | undefined;
-        pattern?: string | undefined | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         checked?: boolean | undefined | undefined;
         list?: string | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        required?: boolean | undefined | undefined;
         textLabel?: string | undefined;
         iconLabel?: import("react").ReactNode;
         onClickIconLabel?: (() => void) | undefined;

package/dist/esm/types/src/components/Text/index.d.ts

@@ -0,0 +1,9 @@
+import { ThemeType } from "../../styles/design-system";
+import React from "react";
+export interface FISTextPropsI extends React.HTMLAttributes<HTMLElement> {
+    variant?: keyof ThemeType;
+    tag?: keyof JSX.IntrinsicElements;
+    color?: keyof ThemeType;
+}
+declare const FISText: React.ForwardRefExoticComponent<FISTextPropsI & React.RefAttributes<any>>;
+export default FISText;

package/dist/esm/types/src/components/Text/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const TextSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    $variant?: string;
+    $color?: string;
+}>> & string;

package/dist/esm/types/src/index.d.ts

@@ -44,3 +44,4 @@ export { default as FISSelectItem } from "./components/SelectItem";
 export { default as useNotification } from "./components/Notification/useNotification";
 export { default as useToast } from "./components/Toast/useToast";
 export { default as FISPagination } from "./components/Pagination";
+export { default as FISText } from "./components/Text";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, ForwardedRef, JSX, FC, DetailedHTMLProps, HTMLAttributes, ReactElement, ComponentType } from 'react';
+import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, ForwardedRef, JSX as JSX$1, FC, DetailedHTMLProps, HTMLAttributes, ReactElement, ComponentType } from 'react';
 import { DefaultTheme } from 'styled-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TooltipProps as TooltipProps$1, CollapseProps, TableProps as TableProps$1, PaginationProps as PaginationProps$1 } from 'antd';
@@ -3719,13 +3719,13 @@ interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCli
     /**Control the style type of component: "prefix" | "dropdown" */
     typePrefix?: InputTypePrefix;
     /**Prefix for filter value*/
-    iconPrefix?: string | JSX.Element;
+    iconPrefix?: string | JSX$1.Element;
     /**iconSuffix for filter value*/
-    iconSuffix?: string | JSX.Element;
+    iconSuffix?: string | JSX$1.Element;
     /**labelSuffix for filter value*/
-    labelSuffix?: string | JSX.Element;
+    labelSuffix?: string | JSX$1.Element;
     /**labelPrefix for filter value*/
-    labelPrefix?: string | JSX.Element;
+    labelPrefix?: string | JSX$1.Element;
     /**negative for current field*/
     negative?: boolean;
     /**actived for current field*/
@@ -4269,9 +4269,9 @@ interface SelectFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCl
     /**Control the size of the component*/
     size?: SelectSize;
     /**Prefix for filter value*/
-    iconPrefix?: string | JSX.Element;
+    iconPrefix?: string | JSX$1.Element;
     /**iconSuffix for filter value*/
-    iconSuffix?: string | JSX.Element;
+    iconSuffix?: string | JSX$1.Element;
     /**actived for current field*/
     actived?: boolean;
     /**active-dropdown for current field*/
@@ -4379,5 +4379,12 @@ interface PaginationProps extends PaginationProps$1 {
 }
 declare const FISPagination: React__default.FC<PaginationProps>;
 
-export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISMenuItem, FISMenuSection, FISMenuSelect, FISPagination, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSelect, FISSelectItem, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISTableCell, FISTableHeaderCell, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem, useNotification, useToast };
+interface FISTextPropsI extends React__default.HTMLAttributes<HTMLElement> {
+    variant?: keyof ThemeType$2;
+    tag?: keyof JSX.IntrinsicElements;
+    color?: keyof ThemeType$2;
+}
+declare const FISText: React__default.ForwardRefExoticComponent<FISTextPropsI & React__default.RefAttributes<any>>;
+
+export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISMenuItem, FISMenuSection, FISMenuSelect, FISPagination, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSelect, FISSelectItem, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISTableCell, FISTableHeaderCell, FISText, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem, useNotification, useToast };
 export type { ThemeType$2 as ThemeType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://vietdiemtran.github.io/fis-component/",
   "name": "fis-component",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -59,7 +59,7 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@types/jest": "^29.5.12",
-    "@types/lodash": "^4.17.20",
+    "@types/lodash": "^4.17.23",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^19.0.4",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
@@ -106,7 +106,7 @@
   "dependencies": {
     "@popperjs/core": "^2.11.8",
     "antd": "^5.23.4",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "react-popper": "^2.3.0"
   }
 }

package/src/styles/design-system/index.ts

@@ -1,4 +1,4 @@
-import theme  from "./variable";
+import theme from "./variable";
 
 export type ThemeType = typeof theme;
-export default theme;
+export default theme;