beth-clarity 1.1.27 → 1.1.29

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,56 @@
+import { default as React, ReactNode, CSSProperties } from 'react';
+import { typography } from '../../tokens/typography';
+type SpacingValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+type RadiusValue = 1 | 2 | 3 | 4 | 'full';
+type ShadowValue = 1 | 2 | 3 | 'inset';
+type BorderWidthValue = 0 | 1 | 2 | 3;
+interface BoxBaseProps {
+    children?: ReactNode;
+    className?: string;
+    display?: CSSProperties['display'];
+    position?: CSSProperties['position'];
+    flexDirection?: CSSProperties['flexDirection'];
+    alignItems?: CSSProperties['alignItems'];
+    justifyContent?: CSSProperties['justifyContent'];
+    gap?: SpacingValue;
+    m?: SpacingValue;
+    mt?: SpacingValue;
+    mr?: SpacingValue;
+    mb?: SpacingValue;
+    ml?: SpacingValue;
+    mx?: SpacingValue;
+    my?: SpacingValue;
+    p?: SpacingValue;
+    pt?: SpacingValue;
+    pr?: SpacingValue;
+    pb?: SpacingValue;
+    pl?: SpacingValue;
+    px?: SpacingValue;
+    py?: SpacingValue;
+    bg?: string;
+    color?: string;
+    fontSize?: Exclude<keyof typeof typography.fontSize, 'xs'>;
+    fontWeight?: keyof typeof typography.fontWeight;
+    textAlign?: CSSProperties['textAlign'];
+    lineHeight?: CSSProperties['lineHeight'];
+    letterSpacing?: keyof typeof typography.letterSpacing;
+    borderRadius?: RadiusValue;
+    borderTopLeftRadius?: RadiusValue;
+    borderTopRightRadius?: RadiusValue;
+    borderBottomLeftRadius?: RadiusValue;
+    borderBottomRightRadius?: RadiusValue;
+    boxShadow?: ShadowValue;
+    borderWidth?: BorderWidthValue;
+    borderTopWidth?: BorderWidthValue;
+    borderRightWidth?: BorderWidthValue;
+    borderBottomWidth?: BorderWidthValue;
+    borderLeftWidth?: BorderWidthValue;
+    borderXWidth?: BorderWidthValue;
+    borderYWidth?: BorderWidthValue;
+    borderColor?: string;
+    overflow?: CSSProperties['overflow'];
+}
+export type BoxProps = BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'color' | 'children' | 'className'>;
+export declare const Box: React.ForwardRefExoticComponent<BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "className" | "color"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Box.d.ts.map

package/dist/components/Box/index.d.ts

@@ -0,0 +1,2 @@
+export { Box, type BoxProps } from './Box';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/Button.d.ts

@@ -1,12 +1,8 @@
 import { default as React } from 'react';
-import { SystemVariant, ProductVariant } from '../../types/common';
-type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
-type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+import { SystemVariant } from '../../types/common';
+export type ButtonVariant = SystemVariant | 'primary' | 'secondary' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
 export interface ButtonProps {
-    variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
-    product?: ProductName;
-    tone?: ColorTone;
-    hoverTone?: ColorTone;
+    variant?: ButtonVariant;
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     loading?: boolean;
@@ -15,7 +11,8 @@ export interface ButtonProps {
     type?: 'button' | 'submit' | 'reset';
     className?: string;
     title?: string;
+    customColor?: string;
+    customColorHover?: string;
 }
 export declare const Button: React.FC<ButtonProps>;
-export {};
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { SystemVariant, ProductVariant } from '../../types/common';
+type ButtonGroupSize = 'small' | 'medium' | 'large';
+export interface ButtonGroupItem {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+}
+export interface ButtonGroupProps {
+    variant?: ProductVariant | SystemVariant;
+    size?: ButtonGroupSize;
+    filled?: boolean;
+    items: ButtonGroupItem[];
+    value?: string | number | (string | number)[];
+    multiple?: boolean;
+    disabled?: boolean;
+    onChange?: (value: string | number | (string | number)[]) => void;
+    className?: string;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;
+export {};
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonGroup } from './ButtonGroup';
+export type { ButtonGroupProps, ButtonGroupItem } from './ButtonGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonIcon/ButtonIcon.d.ts

@@ -1,12 +1,7 @@
 import { default as React } from 'react';
-import { SystemVariant, ProductVariant } from '../../types/common';
-type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
-type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type ButtonIconVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'ghost' | 'primary-outline' | 'secondary-outline' | 'danger-outline' | 'success-outline' | 'warning-outline';
 export interface ButtonIconProps {
-    variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
-    product?: ProductName;
-    tone?: ColorTone;
-    hoverTone?: ColorTone;
+    variant?: ButtonIconVariant;
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;
     loading?: boolean;
@@ -16,7 +11,8 @@ export interface ButtonIconProps {
     className?: string;
     'aria-label'?: string;
     title?: string;
+    customColor?: string;
+    customColorHover?: string;
 }
 export declare const ButtonIcon: React.FC<ButtonIconProps>;
-export {};
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { CardSubComponentProps, CardProps } from '../../types/card';
+export type { CardProps };
+declare const Header: React.FC<CardSubComponentProps>;
+declare const Content: React.FC<CardSubComponentProps>;
+declare const Footer: React.FC<CardSubComponentProps>;
+export declare const Card: React.FC<CardProps> & {
+    Header: typeof Header;
+    Content: typeof Content;
+    Footer: typeof Footer;
+};
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, type CardProps } from './Card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Col/Col.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    xs?: number | 'auto';
+    sm?: number | 'auto';
+    md?: number | 'auto';
+    lg?: number | 'auto';
+    xl?: number | 'auto';
+    xxl?: number | 'auto';
+    offset?: Partial<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl', number>>;
+    as?: keyof JSX.IntrinsicElements;
+}
+export declare const Col: React.FC<ColProps>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/components/Col/index.d.ts

@@ -0,0 +1,2 @@
+export { Col } from './Col';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React, ElementType } from 'react';
 import { DropdownProps, DropdownItemProps } from '../../types/dropdown';
 declare const Trigger: React.FC<{
     children: React.ReactNode;
@@ -9,7 +9,7 @@ declare const Content: React.FC<{
 declare const Menu: React.FC<{
     children: React.ReactNode;
 }>;
-declare const Item: React.FC<DropdownItemProps>;
+declare const Item: <E extends ElementType = "a">({ as, children, ...props }: DropdownItemProps<E>) => import("react/jsx-runtime").JSX.Element;
 declare const Separator: React.FC;
 export declare const Dropdown: React.FC<DropdownProps> & {
     Trigger: typeof Trigger;

package/dist/components/Row/Row.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    noGutters?: boolean;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    as?: keyof JSX.IntrinsicElements;
+}
+export declare const Row: React.FC<RowProps>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/components/Row/index.d.ts

@@ -0,0 +1,2 @@
+export { Row } from './Row';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/Tabs.d.ts

@@ -1,10 +1,8 @@
 import { default as React } from 'react';
-import { TabsProps, TabProps, TabContentProps } from '../../types/tabs';
+import { TabsProps, TabProps } from '../../types/tabs';
 declare const Tab: React.FC<TabProps>;
-declare const TabContent: React.FC<TabContentProps>;
 export declare const Tabs: React.FC<TabsProps> & {
     Tab: typeof Tab;
-    Content: typeof TabContent;
 };
 export {};
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/components/index.d.ts

@@ -1,5 +1,7 @@
 export * from './Badge';
+export * from './Box';
 export * from './Button';
+export * from './ButtonGroup';
 export * from './Input';
 export * from './Textarea';
 export * from './Select';
@@ -19,4 +21,7 @@ export * from './Tooltip';
 export * from './Command';
 export * from './Table';
 export * from './Spinner';
+export * from './Row';
+export * from './Col';
+export * from './Card';
 //# sourceMappingURL=index.d.ts.map