beth-clarity 1.1.27 → 1.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,56 @@
1
+ import { default as React, ReactNode, CSSProperties } from 'react';
2
+ import { typography } from '../../tokens/typography';
3
+ type SpacingValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
4
+ type RadiusValue = 1 | 2 | 3 | 4 | 'full';
5
+ type ShadowValue = 1 | 2 | 3 | 'inset';
6
+ type BorderWidthValue = 0 | 1 | 2 | 3;
7
+ interface BoxBaseProps {
8
+ children?: ReactNode;
9
+ className?: string;
10
+ display?: CSSProperties['display'];
11
+ position?: CSSProperties['position'];
12
+ flexDirection?: CSSProperties['flexDirection'];
13
+ alignItems?: CSSProperties['alignItems'];
14
+ justifyContent?: CSSProperties['justifyContent'];
15
+ gap?: SpacingValue;
16
+ m?: SpacingValue;
17
+ mt?: SpacingValue;
18
+ mr?: SpacingValue;
19
+ mb?: SpacingValue;
20
+ ml?: SpacingValue;
21
+ mx?: SpacingValue;
22
+ my?: SpacingValue;
23
+ p?: SpacingValue;
24
+ pt?: SpacingValue;
25
+ pr?: SpacingValue;
26
+ pb?: SpacingValue;
27
+ pl?: SpacingValue;
28
+ px?: SpacingValue;
29
+ py?: SpacingValue;
30
+ bg?: string;
31
+ color?: string;
32
+ fontSize?: Exclude<keyof typeof typography.fontSize, 'xs'>;
33
+ fontWeight?: keyof typeof typography.fontWeight;
34
+ textAlign?: CSSProperties['textAlign'];
35
+ lineHeight?: CSSProperties['lineHeight'];
36
+ letterSpacing?: keyof typeof typography.letterSpacing;
37
+ borderRadius?: RadiusValue;
38
+ borderTopLeftRadius?: RadiusValue;
39
+ borderTopRightRadius?: RadiusValue;
40
+ borderBottomLeftRadius?: RadiusValue;
41
+ borderBottomRightRadius?: RadiusValue;
42
+ boxShadow?: ShadowValue;
43
+ borderWidth?: BorderWidthValue;
44
+ borderTopWidth?: BorderWidthValue;
45
+ borderRightWidth?: BorderWidthValue;
46
+ borderBottomWidth?: BorderWidthValue;
47
+ borderLeftWidth?: BorderWidthValue;
48
+ borderXWidth?: BorderWidthValue;
49
+ borderYWidth?: BorderWidthValue;
50
+ borderColor?: string;
51
+ overflow?: CSSProperties['overflow'];
52
+ }
53
+ export type BoxProps = BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof BoxBaseProps>;
54
+ export declare const Box: React.ForwardRefExoticComponent<BoxBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof BoxBaseProps> & React.RefAttributes<HTMLDivElement>>;
55
+ export {};
56
+ //# sourceMappingURL=Box.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { Box, type BoxProps } from './Box';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,19 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ import { BoxProps } from '../Box';
3
+ interface CardSubComponentProps extends Omit<BoxProps, 'children'> {
4
+ children: ReactNode;
5
+ className?: string;
6
+ }
7
+ declare const Header: React.FC<CardSubComponentProps>;
8
+ declare const Content: React.FC<CardSubComponentProps>;
9
+ declare const Footer: React.FC<CardSubComponentProps>;
10
+ export type CardProps = BoxProps & {
11
+ children: ReactNode;
12
+ };
13
+ export declare const Card: React.FC<CardProps> & {
14
+ Header: typeof Header;
15
+ Content: typeof Content;
16
+ Footer: typeof Footer;
17
+ };
18
+ export {};
19
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { Card, type CardProps } from './Card';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -19,4 +19,8 @@ export * from './Tooltip';
19
19
  export * from './Command';
20
20
  export * from './Table';
21
21
  export * from './Spinner';
22
+ export * from './Box';
23
+ export * from './Card';
24
+ export * from './Row';
25
+ export * from './Col';
22
26
  //# sourceMappingURL=index.d.ts.map