@yakad/ui 1.3.45 → 1.3.47
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/text/text.d.ts +1 -1
- package/dist/text/text.js +9 -9
- package/dist/text/text.js.map +1 -1
- package/dist/text/text.module.css +28 -26
- package/package.json +1 -1
package/dist/text/text.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "
|
|
2
|
+
type TextVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "body3" | "caption" | "span";
|
|
3
3
|
export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
4
|
variant?: TextVariant;
|
|
5
5
|
children?: React.ReactNode;
|
package/dist/text/text.js
CHANGED
|
@@ -14,42 +14,42 @@ import classNames from "classnames";
|
|
|
14
14
|
import styles from "./text.module.css";
|
|
15
15
|
export const H1 = forwardRef((_a, ref) => {
|
|
16
16
|
var { variant = "h1", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
17
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
17
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
18
18
|
return (React.createElement("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
19
19
|
});
|
|
20
20
|
export const H2 = forwardRef((_a, ref) => {
|
|
21
21
|
var { variant = "h2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
22
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
22
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
23
23
|
return (React.createElement("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
24
24
|
});
|
|
25
25
|
export const H3 = forwardRef((_a, ref) => {
|
|
26
26
|
var { variant = "h3", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
27
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
27
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
28
28
|
return (React.createElement("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
29
29
|
});
|
|
30
30
|
export const H4 = forwardRef((_a, ref) => {
|
|
31
31
|
var { variant = "h4", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
32
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
32
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
33
33
|
return (React.createElement("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
34
34
|
});
|
|
35
35
|
export const H5 = forwardRef((_a, ref) => {
|
|
36
36
|
var { variant = "h5", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
37
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
37
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
38
38
|
return (React.createElement("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
39
39
|
});
|
|
40
40
|
export const H6 = forwardRef((_a, ref) => {
|
|
41
41
|
var { variant = "h6", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
42
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
42
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
43
43
|
return (React.createElement("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
44
44
|
});
|
|
45
45
|
export const P = forwardRef((_a, ref) => {
|
|
46
|
-
var { variant = "
|
|
47
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
46
|
+
var { variant = "body2", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
47
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
48
48
|
return (React.createElement("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
49
49
|
});
|
|
50
50
|
export const Span = forwardRef((_a, ref) => {
|
|
51
51
|
var { variant = "span", className, children } = _a, restProps = __rest(_a, ["variant", "className", "children"]);
|
|
52
|
-
const joinedClassNames = classNames(styles[variant], className);
|
|
52
|
+
const joinedClassNames = classNames(styles.text, styles[variant], className);
|
|
53
53
|
return (React.createElement("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames }), children));
|
|
54
54
|
});
|
|
55
55
|
//# sourceMappingURL=text.js.map
|
package/dist/text/text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/text/text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +1,56 @@
|
|
|
1
|
-
.
|
|
2
|
-
.h2,
|
|
3
|
-
.h3,
|
|
4
|
-
.h4,
|
|
5
|
-
.h5,
|
|
6
|
-
.h6,
|
|
7
|
-
.p,
|
|
8
|
-
.caption,
|
|
9
|
-
.span {
|
|
1
|
+
.text {
|
|
10
2
|
margin: 0;
|
|
11
3
|
}
|
|
12
4
|
|
|
13
5
|
.h1 {
|
|
14
|
-
font-size:
|
|
6
|
+
font-size: 5rem;
|
|
15
7
|
font-weight: 700;
|
|
16
|
-
line-height:
|
|
8
|
+
line-height: 6rem;
|
|
17
9
|
}
|
|
18
10
|
.h2 {
|
|
19
|
-
font-size:
|
|
11
|
+
font-size: 4rem;
|
|
20
12
|
font-weight: 700;
|
|
21
|
-
line-height:
|
|
13
|
+
line-height: 5rem;
|
|
22
14
|
}
|
|
23
15
|
.h3 {
|
|
24
|
-
font-size:
|
|
16
|
+
font-size: 3rem;
|
|
25
17
|
font-weight: 700;
|
|
26
|
-
line-height:
|
|
18
|
+
line-height: 4rem;
|
|
27
19
|
}
|
|
28
20
|
.h4 {
|
|
29
|
-
font-size:
|
|
21
|
+
font-size: 2.5rem;
|
|
30
22
|
font-weight: 700;
|
|
31
|
-
line-height:
|
|
23
|
+
line-height: 3.5rem;
|
|
32
24
|
}
|
|
33
25
|
.h5 {
|
|
34
|
-
font-size:
|
|
26
|
+
font-size: 2rem;
|
|
35
27
|
font-weight: 700;
|
|
36
|
-
line-height:
|
|
28
|
+
line-height: 2.5rem;
|
|
37
29
|
}
|
|
38
30
|
.h6 {
|
|
39
|
-
font-size:
|
|
31
|
+
font-size: 1.6rem;
|
|
40
32
|
font-weight: 700;
|
|
41
|
-
line-height:
|
|
33
|
+
line-height: 2.2rem;
|
|
42
34
|
}
|
|
43
|
-
.
|
|
35
|
+
.body1 {
|
|
36
|
+
font-size: 1.8rem;
|
|
37
|
+
font-weight: 400;
|
|
38
|
+
line-height: 2.4rem;
|
|
39
|
+
}
|
|
40
|
+
.body2 {
|
|
41
|
+
font-size: 1.6rem;
|
|
42
|
+
font-weight: 400;
|
|
43
|
+
line-height: 2.2rem;
|
|
44
|
+
}
|
|
45
|
+
.body3 {
|
|
44
46
|
font-size: 1.4rem;
|
|
45
47
|
font-weight: 400;
|
|
46
|
-
line-height:
|
|
48
|
+
line-height: 2rem;
|
|
47
49
|
}
|
|
48
50
|
.caption {
|
|
49
|
-
font-size:
|
|
50
|
-
font-weight:
|
|
51
|
-
line-height: 1.
|
|
51
|
+
font-size: 1.2rem;
|
|
52
|
+
font-weight: 300;
|
|
53
|
+
line-height: 1.6rem;
|
|
52
54
|
}
|
|
53
55
|
.span {
|
|
54
56
|
font-size: inherit;
|