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