automoby-kit 1.0.21 → 1.0.22
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/cjs/Typography.js +1 -1
- package/dist/esm/Typography.js +1 -1
- package/dist/types/Typography.js +23 -23
- package/package.json +1 -1
package/dist/cjs/Typography.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("react"),e=require("./utils.js");const o={h1:"text-
|
|
1
|
+
"use strict";var t=require("react"),e=require("./utils.js");const o={h1:"text-h1 font-fat",h2:"text-h2 font-fat",h3:"text-h3 font-fat",h4:"text-h4 font-heavy",h5:"text-h5 font-heavy",h6:"text-h6 font-heavy","body-xl-heavy":"text-xl font-heavy","body-l-heavy":"text-l font-heavy","body-l-bold":"text-l font-bold","body-l-medium":"text-l font-medium","body-m-heavy":"text-m font-heavy","body-m-bold":"text-m font-bold","body-m-medium":"text-m font-medium","body-s-heavy":"text-s font-heavy","body-s-bold":"text-s font-bold","body-s-medium":"text-s font-medium","body-ms-bold":"text-ms font-bold","body-ms-medium":"text-ms font-medium","body-xs-bold":"text-xs font-bold","body-xs-medium":"text-xs font-medium","body-t-bold":"text-t font-bold","body-t-medium":"text-t font-medium","body-ss-medium":"text-ss font-medium"},d={primary:"text-primary",secondary:"text-secondary","neutral-darker":"text-neutral-darker","neutral-dark":"text-neutral-dark","neutral-main":"text-neutral-main",white:"text-white",inherit:"text-inherit"},m=t.forwardRef(({variant:m="body-m-medium",color:a="inherit",as:r,className:n,children:s,...y},x)=>{const i=r||(t=>t.startsWith("h")?t.split("-")[0]:"p")(m);return t.createElement(i,{ref:x,className:e(d[a],o[m],n),...y},s)});m.displayName="Typography",exports.Typography=m,exports.getTypographyClasses=t=>o[t];
|
package/dist/esm/Typography.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"react";import e from"./utils.js";const o={h1:"text-
|
|
1
|
+
import t from"react";import e from"./utils.js";const o={h1:"text-h1 font-fat",h2:"text-h2 font-fat",h3:"text-h3 font-fat",h4:"text-h4 font-heavy",h5:"text-h5 font-heavy",h6:"text-h6 font-heavy","body-xl-heavy":"text-xl font-heavy","body-l-heavy":"text-l font-heavy","body-l-bold":"text-l font-bold","body-l-medium":"text-l font-medium","body-m-heavy":"text-m font-heavy","body-m-bold":"text-m font-bold","body-m-medium":"text-m font-medium","body-s-heavy":"text-s font-heavy","body-s-bold":"text-s font-bold","body-s-medium":"text-s font-medium","body-ms-bold":"text-ms font-bold","body-ms-medium":"text-ms font-medium","body-xs-bold":"text-xs font-bold","body-xs-medium":"text-xs font-medium","body-t-bold":"text-t font-bold","body-t-medium":"text-t font-medium","body-ss-medium":"text-ss font-medium"},getTypographyClasses=t=>o[t],d={primary:"text-primary",secondary:"text-secondary","neutral-darker":"text-neutral-darker","neutral-dark":"text-neutral-dark","neutral-main":"text-neutral-main",white:"text-white",inherit:"text-inherit"},m=t.forwardRef(({variant:m="body-m-medium",color:a="inherit",as:n,className:r,children:x,...y},i)=>{const l=n||(t=>t.startsWith("h")?t.split("-")[0]:"p")(m);return t.createElement(l,{ref:i,className:e(d[a],o[m],r),...y},x)});m.displayName="Typography";export{m as Typography,getTypographyClasses};
|
package/dist/types/Typography.js
CHANGED
|
@@ -3,30 +3,30 @@ import cn from './utils.js';
|
|
|
3
3
|
|
|
4
4
|
const variantClasses = {
|
|
5
5
|
// Headings with Fat weight (900)
|
|
6
|
-
h1: 'text-
|
|
7
|
-
h2: 'text-
|
|
8
|
-
h3: 'text-
|
|
9
|
-
h4: 'text-
|
|
10
|
-
h5: 'text-
|
|
11
|
-
h6: 'text-
|
|
6
|
+
h1: 'text-h1 font-fat',
|
|
7
|
+
h2: 'text-h2 font-fat',
|
|
8
|
+
h3: 'text-h3 font-fat',
|
|
9
|
+
h4: 'text-h4 font-heavy',
|
|
10
|
+
h5: 'text-h5 font-heavy',
|
|
11
|
+
h6: 'text-h6 font-heavy',
|
|
12
12
|
// Body Copy with specific weight variants
|
|
13
|
-
'body-xl-heavy': 'text-
|
|
14
|
-
'body-l-heavy': 'text-
|
|
15
|
-
'body-l-bold': 'text-
|
|
16
|
-
'body-l-medium': 'text-
|
|
17
|
-
'body-m-heavy': 'text-
|
|
18
|
-
'body-m-bold': 'text-
|
|
19
|
-
'body-m-medium': 'text-
|
|
20
|
-
'body-s-heavy': 'text-
|
|
21
|
-
'body-s-bold': 'text-
|
|
22
|
-
'body-s-medium': 'text-
|
|
23
|
-
'body-ms-bold': 'text-
|
|
24
|
-
'body-ms-medium': 'text-
|
|
25
|
-
'body-xs-bold': 'text-
|
|
26
|
-
'body-xs-medium': 'text-
|
|
27
|
-
'body-t-bold': 'text-
|
|
28
|
-
'body-t-medium': 'text-
|
|
29
|
-
'body-ss-medium': 'text-
|
|
13
|
+
'body-xl-heavy': 'text-xl font-heavy',
|
|
14
|
+
'body-l-heavy': 'text-l font-heavy',
|
|
15
|
+
'body-l-bold': 'text-l font-bold',
|
|
16
|
+
'body-l-medium': 'text-l font-medium',
|
|
17
|
+
'body-m-heavy': 'text-m font-heavy',
|
|
18
|
+
'body-m-bold': 'text-m font-bold',
|
|
19
|
+
'body-m-medium': 'text-m font-medium',
|
|
20
|
+
'body-s-heavy': 'text-s font-heavy',
|
|
21
|
+
'body-s-bold': 'text-s font-bold',
|
|
22
|
+
'body-s-medium': 'text-s font-medium',
|
|
23
|
+
'body-ms-bold': 'text-ms font-bold',
|
|
24
|
+
'body-ms-medium': 'text-ms font-medium',
|
|
25
|
+
'body-xs-bold': 'text-xs font-bold',
|
|
26
|
+
'body-xs-medium': 'text-xs font-medium',
|
|
27
|
+
'body-t-bold': 'text-t font-bold',
|
|
28
|
+
'body-t-medium': 'text-t font-medium',
|
|
29
|
+
'body-ss-medium': 'text-ss font-medium',
|
|
30
30
|
};
|
|
31
31
|
// Export for reuse in other components
|
|
32
32
|
const getTypographyClasses = (variant) => {
|