beth-clarity 1.1.26 → 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.
- package/dist/clarity-design-system.es.js +892 -933
- package/dist/clarity-design-system.umd.js +2 -2
- package/dist/components/Box/Box.d.ts +56 -0
- package/dist/components/Box/index.d.ts +2 -0
- package/dist/components/Card/Card.d.ts +19 -0
- package/dist/components/Card/index.d.ts +2 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/tokens/typography.d.ts +7 -0
- package/package.json +1 -1
|
@@ -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,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
|
|
@@ -18,5 +18,12 @@ export declare const typography: {
|
|
|
18
18
|
readonly semibold: 600;
|
|
19
19
|
readonly bold: 700;
|
|
20
20
|
};
|
|
21
|
+
readonly letterSpacing: {
|
|
22
|
+
readonly tighter: "-0.05em";
|
|
23
|
+
readonly tight: "-0.025em";
|
|
24
|
+
readonly normal: "0em";
|
|
25
|
+
readonly wide: "0.025em";
|
|
26
|
+
readonly wider: "0.05em";
|
|
27
|
+
};
|
|
21
28
|
};
|
|
22
29
|
//# sourceMappingURL=typography.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beth-clarity",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.28",
|
|
5
5
|
"description": "Design System da Beth Health Tech com componentes React reutilizáveis",
|
|
6
6
|
"main": "dist/clarity-design-system.umd.js",
|
|
7
7
|
"module": "dist/clarity-design-system.es.js",
|