@jenesei-software/jenesei-kit-react 1.3.8 → 1.3.10

package/build/component-select.d.ts

@@ -3,6 +3,7 @@ import { addSXProps as addSXProps_2 } from '../../styles/sx';
 import { BaseObject } from 'styled-components/dist/types';
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FastOmit } from 'styled-components';
@@ -15,7 +16,7 @@ import { IconItemProps } from '../icon';
 import { IconTypeMap } from '../icon';
 import { ISelectItem as ISelectItem_2 } from './component.types';
 import { IStyledComponentBase } from 'styled-components/dist/types';
-import { IThemePaletteKeys } from '../..';
+import { IThemePaletteKeys as IThemePaletteKeys_2 } from '../..';
 import { IThemeSize as IThemeSize_2 } from '../..';
 import { JSX } from 'react/jsx-runtime';
 import { LiHTMLAttributes } from 'react';
@@ -35,6 +36,10 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -45,7 +50,7 @@ export declare type ButtonListProps = AddDollarSign_2<Pick<SelectProps<ISelectIt
 
 export declare const ContainerDropdownListOption: MemoExoticComponent<(<T extends object & ISelectItem>(props: ContainerDropdownListOptionProps<T>) => JSX.Element)>;
 
-export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon'> & {
+export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon' | 'font'> & {
     item: T;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -64,7 +69,7 @@ export declare type ContainerSelectListOptionProps<T extends ISelectItem> = Pick
 
 export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 
-export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
+export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign<Pick<SelectProps_2<ISelectItem_2>, "size" | "font" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
 item?: ISelectItem_2;
 isChecked?: boolean;
 isShowScroll?: boolean;
@@ -72,12 +77,12 @@ isShowScroll?: boolean;
 
 export declare const DropdownListOptionIcon: IStyledComponentBase<"web", Substitute<    {
 type: keyof IconTypeMap;
-name: "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "Map" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei";
+name: "Menu" | "Radio" | "Square" | "Arrow" | "Heart" | "Close" | "Biometry" | "QR" | "Search" | "Folder" | "Wallet" | "Graph" | "Bookmark" | "Category" | "Home" | "Notification" | "Chat" | "Paper" | "Plus" | "Minus" | "PaperPlus" | "PaperNegative" | "PaperFail" | "PaperDownload" | "PaperUpload" | "Send" | "PasswordMini" | "Swap" | "Work" | "Arrow1" | "Arrow2" | "Arrow3" | "Arrow4" | "ArrowMini1" | "ArrowMini2" | "Scan" | "Activity" | "Calendar" | "Message" | "PlusMini" | "ChartMini" | "Game" | "Bag1" | "Bag2" | "TicketStar" | "MoreCircle" | "MoreSquare" | "Discount" | "Buy" | "Web" | "InfoMini" | "DangerMini" | "DangerTriangle" | "CloseMini" | "TickMini" | "Video" | "Discovery" | "Location" | "Document" | "Setting" | "TimeSquare" | "TimeCircle" | "VolumeUp" | "VolumeDown" | "VolumeOff" | "Star" | "Select" | "Ticket" | "Camera" | "Profile" | "AddUser" | "TwoUser" | "ThreeUser" | "Login" | "Logout" | "Download" | "Upload" | "Voice" | "Voice2" | "Delete" | "Edit" | "EditSquare" | "PlayMini" | "ShieldDone" | "ShieldFail" | "Show" | "Hide" | "Filter" | "Filter2" | "Image" | "Image2" | "Call" | "Calling" | "CallMissed" | "CallSilent" | "Lock" | "Unlock" | "Resources" | "Language" | "Line" | "Circle" | "Blocks" | "Balls" | "MapCluster" | "HomeLikes" | "HomeManagement" | "UserSettings" | "User" | "Jenesei" | "BustMarket" | "Card" | "Delivery" | "Reviews";
 className?: string;
 onClick?: (event: React.MouseEvent<SVGSVGElement>) => void;
 size: IThemeSize_2 | "100%";
-primaryColor?: IThemePaletteKeys;
-secondColor?: IThemePaletteKeys;
+primaryColor?: IThemePaletteKeys_2;
+secondColor?: IThemePaletteKeys_2;
 turn?: number;
 order?: number;
 tabIndex?: number;
@@ -89,7 +94,7 @@ export declare type DropdownListOptionIconProps = AddDollarSign_2<Pick<SelectPro
     checked?: boolean;
 }>;
 
-export declare type DropdownListOptionProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold'> & {
+export declare type DropdownListOptionProps = AddDollarSign_2<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'font'> & {
     item?: ISelectItem;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -105,6 +110,13 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 export declare interface ISelectItem {
@@ -127,7 +139,9 @@ export declare interface ISelectMapThemeOption extends ISelectItem {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
 declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
 
@@ -150,12 +164,16 @@ declare interface IThemeGenreTypeSelect {
     };
 }
 
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
 declare interface MapTheme {
+    attribution: string;
     name: string;
     url: string;
-    attribution: string;
 }
 
 declare type MonthItem = {
@@ -218,7 +236,7 @@ export declare type SelectMonthsProps = Omit<SelectProps<ISelectItem>, 'option'
     monthsLocale: MonthItem[];
 };
 
-export declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+export declare type SelectProps<T extends ISelectItem> = addErrorProps & addFontProps & addSXProps & {
     id?: string;
     size: IThemeSize;
     genre: TInputSelect;
@@ -298,4 +316,27 @@ declare type SXProps = ({
 
 export declare type TInputSelect = keyof IThemeGenreSelect;
 
+declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number | string;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
+};
+
 export { }

package/build/component-select.es.js

@@ -1,4 +1,4 @@
-import { B, C, a, h, i, j, D, S, b, k, l, f, c, d, m, g, e } from "./component.styles-CQbSHrL_.js";
+import { B, C, a, h, i, j, D, S, b, k, l, f, c, d, m, g, e } from "./component.styles--PEjCgcA.js";
 export {
   B as ButtonList,
   C as ContainerDropdownListOption,

package/build/component-separator.d.ts

@@ -18,7 +18,7 @@ declare interface addSXProps {
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'amnezia' | 'inherit' | 'currentColor';
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
 
 export declare const Separator: FC<SeparatorProps>;
 

package/build/component-textarea.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-B294m7QY.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-CsB9986a.cjs");exports.StyledTextArea=e.StyledTextArea,exports.TextArea=e.TextArea,exports.TextAreaWrapper=e.TextAreaWrapper,exports.addTextArea=e.addTextArea;
 //# sourceMappingURL=component-textarea.cjs.js.map

package/build/component-textarea.d.ts

@@ -1,5 +1,6 @@
 import { AddDollarSign } from '../..';
 import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
@@ -21,11 +22,15 @@ declare interface addErrorProps {
     error?: ErrorMessageProps;
 }
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
 
-export declare const addTextArea: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const addTextArea: RuleSet<AddDollarSign<Pick<TextAreaProps_2, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>;
 
@@ -37,7 +42,7 @@ declare type AutoHeightTextAreaProps = BaseTextAreaProps & {
 
 declare type BaseTextAreaProps = CommonTextAreaProps & (ControlledValue | UncontrolledValue);
 
-declare type CommonTextAreaProps = addErrorProps & addSXProps & {
+declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
     name?: string;
     autoComplete?: string;
     id?: string;
@@ -50,6 +55,8 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
     maxLength?: number;
     minLength?: number;
     isDisabled?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
     isResize?: boolean;
     isLoading?: boolean;
     isReadOnly?: boolean;
@@ -74,7 +81,7 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
-};
+} & addFontProps;
 
 declare type FixedTextAreaProps = BaseTextAreaProps & {
     isResize?: false | undefined;
@@ -82,9 +89,18 @@ declare type FixedTextAreaProps = BaseTextAreaProps & {
     maxRows?: never;
 };
 
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
 declare type IThemeGenreTextArea = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
 
@@ -104,19 +120,23 @@ declare interface IThemeGenreTypeDefault {
     };
 }
 
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
 declare type ResizableTextAreaProps = BaseTextAreaProps & {
     isResize: true;
     isAutoHeight?: false | undefined;
     maxRows?: never;
 };
 
-export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type StyledTextAreaProps = AddDollarSign_2<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize'> & {
+export declare type StyledTextAreaProps = AddDollarSign_2<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize' | 'font'> & {
     lineHeight: number;
 }>;
 
@@ -136,14 +156,37 @@ export declare type TextAreaGenre = keyof IThemeGenreTextArea;
 
 export declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
 
-export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "sx" | "isDisabled" | "genre" | "isReadOnly" | "isInputEffect"> & {
+export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign<Pick<TextAreaProps_2, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type TextAreaWrapperProps = AddDollarSign_2<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly'> & {
+export declare type TextAreaWrapperProps = AddDollarSign_2<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly' | 'isDisabledOutline' | 'isOutlineBoxShadow'> & {
     lineHeight: number;
 }>;
 
+declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number | string;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
+};
+
 declare type UncontrolledValue = {
     value?: never;
     defaultValue: string;

package/build/component-textarea.es.js

@@ -1,4 +1,4 @@
-import { S, T, a, b } from "./component.styles-BHBTNQ8p.js";
+import { S, T, a, b } from "./component.styles-VrNFgg1_.js";
 export {
   S as StyledTextArea,
   T as TextArea,

package/build/component-toggle.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BMJamWba.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=e.ToggleCenter,exports.ToggleWrapper=e.ToggleWrapper;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./component.styles-BELwxHxh.cjs");exports.Toggle=e.Toggle,exports.ToggleCenter=e.ToggleCenter,exports.ToggleWrapper=e.ToggleWrapper;
 //# sourceMappingURL=component-toggle.cjs.js.map

package/build/component-toggle.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'react';
 import { CSSObject } from 'styled-components';
+import { CSSProperties } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { ForwardRefComponent } from 'framer-motion';
 import { HTMLMotionProps } from 'framer-motion';
@@ -18,6 +19,18 @@ declare interface addErrorProps {
 
 declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
+declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -28,11 +41,20 @@ declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
+} & addFontProps;
+
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
 };
 
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
+
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
 declare type IThemeGenreToggle = Record<Extract<IThemeGenreName, 'product'>, IThemeGenreTypeToggle>;
 
@@ -67,9 +89,13 @@ declare interface IThemeGenreTypeToggle {
     };
 }
 
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
+
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
-export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps;
+declare type IThemeTypographyWeight = 100 | 300 | 400 | 500 | 700 | 900;
+
+export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps & addOutlinePropsDollar;
 
 declare type SXProps = ({
     default: CSSObject;
@@ -91,11 +117,34 @@ export declare type ToggleProps = {
     isDisabled?: boolean;
     genre: TToggleGenre;
     size: IThemeSize;
-} & addErrorProps;
+} & addErrorProps & addOutlineProps;
 
 /****************************************** Standard *************************************************/
 export declare const ToggleWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
 export declare type TToggleGenre = keyof IThemeGenreToggle;
 
+declare type TypographyDataProps = TypographyDefaultProps & {
+    size?: number;
+};
+
+declare type TypographyDefaultProps = {
+    align?: CSSProperties['textAlign'];
+    color?: IThemePaletteKeys;
+    cursor?: CSSProperties['cursor'];
+    decoration?: CSSProperties['textDecoration'];
+    family?: IThemeFontFamily;
+    flex?: string;
+    height?: number | string;
+    isHoverUnderlining?: boolean;
+    letterSpacing?: CSSProperties['letterSpacing'];
+    line?: number;
+    overflow?: CSSProperties['overflow'];
+    shadow?: 'shadowPulse';
+    transform?: CSSProperties['textTransform'];
+    weight?: IThemeTypographyWeight;
+    wrap?: CSSProperties['textWrap'];
+    isNoUserSelect?: boolean;
+};
+
 export { }

package/build/component-toggle.es.js

@@ -1,4 +1,4 @@
-import { T, b, a } from "./component.styles-DoUBnv1C.js";
+import { T, b, a } from "./component.styles-B0FFHGeN.js";
 export {
   T as Toggle,
   b as ToggleCenter,

package/build/component-tooltip.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-CeWNemV1.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-C67KboOB.cjs");exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=o.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=o.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Tooltip=o.Tooltip,exports.TooltipBox=o.TooltipBox,exports.TooltipContainer=o.TooltipContainer,exports.TooltipContent=o.TooltipContent,exports.addTooltipBoxSize=o.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=o.addTooltipBoxSizeConstructor;
 //# sourceMappingURL=component-tooltip.cjs.js.map

package/build/component-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { addFontProps as addFontProps_2 } from '../..';
 import { addSXProps as addSXProps_2 } from '../..';
 import { addSXTypographyProps as addSXTypographyProps_2 } from '../typography';
 import { Component } from 'react';
@@ -16,6 +17,10 @@ import { RuleSet } from 'styled-components';
 import { StackProps } from '../stack';
 import { TButtonGenre as TButtonGenre_2 } from '../button';
 
+declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 declare interface addSXProps {
     sx?: SXProps;
 }
@@ -32,13 +37,20 @@ export declare const DEFAULT_TOOLTIP_OFFSET_FALLBACK: number;
 
 export declare const DEFAULT_TOOLTIP_PLACEMENT_FALLBACK: Placement;
 
+declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 declare type IThemeDevice = 'default' | 'tablet' | 'mobile';
 
-declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono';
+declare type IThemeFontFamily = 'Inter' | 'Roboto' | 'Work Sans' | 'Roboto Mono' | 'Manrope';
 
-declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white'>, IThemeGenreTypeDefault>;
+declare type IThemeGenre = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray' | 'bustmarket-gray-violet' | 'bustmarket-violet' | 'bustmarket-white-violet'>, IThemeGenreTypeDefault>;
 
-declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white';
+declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
 declare interface IThemeGenreTypeDefault {
     background: {
@@ -56,7 +68,7 @@ declare interface IThemeGenreTypeDefault {
     };
 }
 
-declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'blackHelena' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'amnezia' | 'inherit' | 'currentColor';
+declare type IThemePaletteKeys = 'transparent' | 'black100' | 'black80' | 'black60' | 'black50' | 'black40' | 'black10' | 'black05' | 'black04' | 'blackHelena' | 'blackJanice' | 'grayJanice' | 'grayKaren' | 'grayMonica' | 'graySandra' | 'grayPatricia' | 'graySarah' | 'grayStassie' | 'grayAdriana' | 'greenGoogle' | 'grayBarbara' | 'grayStephanie' | 'grayFrances' | 'grayTina' | 'green100' | 'green50' | 'green25' | 'green10' | 'green10Background' | 'whiteStandard' | 'whiteJanice' | 'yellowGoogle' | 'yellow100' | 'yellow50' | 'yellow25' | 'yellow10' | 'yellow10Background' | 'redGoogle' | 'red100' | 'red50' | 'red25' | 'red10' | 'red10Background' | 'blueGoogle' | 'blueRest' | 'blueActive' | 'blueHover' | 'blueFocus' | 'blueBr' | 'blueKaren' | 'blueMonica' | 'violetStephanie' | 'violetJanice' | 'amnezia' | 'inherit' | 'currentColor';
 
 declare type IThemeSize = 'large' | 'largeMedium' | 'medium' | 'mediumSmall' | 'small';
 
@@ -83,7 +95,7 @@ declare type PopoverProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | null>;
     size?: IThemeSize;
     genre?: TButtonGenre;
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addSXTypographyProps;
 
 declare type SXProps = ({
     default: CSSObject;
@@ -113,7 +125,7 @@ onClose?: () => void;
 ref?: Ref<HTMLElement | null>;
 size?: IThemeSize_2;
 genre?: TButtonGenre_2;
-} & addSXProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+} & addSXProps_2 & addFontProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
 
 export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps, never>> & string & Omit<FC<StackProps>, keyof Component<any, {}, any>>;
 

package/build/component-tooltip.es.js

@@ -1,4 +1,4 @@
-import { f, D, d, c, T, e, a, b } from "./component-Bwu-fBEh.js";
+import { f, D, d, c, T, e, a, b } from "./component-DKMsOpqH.js";
 export {
   f as DEFAULT_TOOLTIP_OFFSET_FALLBACK,
   D as DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,

package/build/component-typography.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component-CeWNemV1.cjs");exports.Title=o.Title,exports.Typography=o.Typography,exports.TypographyLink=o.TypographyLink,exports.TypographyTooltip=o.TypographyTooltip,exports.addSXTypography=o.addSXTypography,exports.getFontSizeStyles=o.getFontSizeStyles;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./component.functions-D9ffjEok.cjs"),e=require("./component-C67KboOB.cjs");exports.getFontSizeStyles=o.getFontSizeStyles,exports.Title=e.Title,exports.Typography=e.Typography,exports.TypographyLink=e.TypographyLink,exports.TypographyTooltip=e.TypographyTooltip,exports.addSXTypography=e.addSXTypography;
 //# sourceMappingURL=component-typography.cjs.js.map