automoby-kit 1.0.16 → 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/dist/types/components/Backdrop/Backdrop.d.ts +3 -1
- package/dist/types/components/Button/Button.d.ts +5 -1
- package/dist/types/components/Chips/Chips.d.ts +1 -1
- package/dist/types/components/Divider/Divider.d.ts +3 -1
- package/dist/types/components/Tabs/Tabs.d.ts +2 -2
- package/dist/types/components/Typography/Typography.d.ts +3 -1
- 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) => {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export interface BackdropProps
|
|
2
|
+
export interface BackdropProps {
|
|
3
|
+
className?: string;
|
|
3
4
|
/**
|
|
4
5
|
* Whether the backdrop is visible
|
|
5
6
|
*/
|
|
@@ -16,5 +17,6 @@ export interface BackdropProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
16
17
|
* Custom z-index (defaults to z-51 which is drawer z-index + 1)
|
|
17
18
|
*/
|
|
18
19
|
zIndex?: number;
|
|
20
|
+
children?: React.ReactNode;
|
|
19
21
|
}
|
|
20
22
|
export declare const Backdrop: React.ForwardRefExoticComponent<BackdropProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -2,12 +2,16 @@ import React from 'react';
|
|
|
2
2
|
import { TypographyVariant } from '../Typography/Typography';
|
|
3
3
|
export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
|
|
4
4
|
export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
5
|
-
export interface ButtonProps
|
|
5
|
+
export interface ButtonProps {
|
|
6
|
+
className?: string;
|
|
6
7
|
variant?: ButtonVariant;
|
|
7
8
|
size?: ButtonSize;
|
|
8
9
|
textVariant?: TypographyVariant;
|
|
9
10
|
icon?: React.ReactNode;
|
|
10
11
|
iconPosition?: 'left' | 'right';
|
|
11
12
|
loading?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
onClick?: () => void;
|
|
12
16
|
}
|
|
13
17
|
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -17,7 +17,8 @@ export interface TabItem {
|
|
|
17
17
|
*/
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
}
|
|
20
|
-
export interface TabsProps
|
|
20
|
+
export interface TabsProps {
|
|
21
|
+
className?: string;
|
|
21
22
|
/**
|
|
22
23
|
* Array of tab items
|
|
23
24
|
*/
|
|
@@ -33,7 +34,6 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
33
34
|
/**
|
|
34
35
|
* Custom class name
|
|
35
36
|
*/
|
|
36
|
-
className?: string;
|
|
37
37
|
/**
|
|
38
38
|
* Whether the component is in mobile mode (optional, auto-detected if not provided)
|
|
39
39
|
*/
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-xl-heavy' | 'body-l-heavy' | 'body-l-bold' | 'body-l-medium' | 'body-m-heavy' | 'body-m-bold' | 'body-m-medium' | 'body-s-heavy' | 'body-s-bold' | 'body-s-medium' | 'body-ms-bold' | 'body-ms-medium' | 'body-xs-bold' | 'body-xs-medium' | 'body-t-bold' | 'body-t-medium' | 'body-ss-medium';
|
|
3
|
-
export interface TypographyProps
|
|
3
|
+
export interface TypographyProps {
|
|
4
4
|
variant?: TypographyVariant;
|
|
5
|
+
children?: React.ReactNode;
|
|
5
6
|
color?: 'primary' | 'secondary' | 'neutral-darker' | 'neutral-dark' | 'neutral-main' | 'white' | 'inherit';
|
|
6
7
|
as?: React.ElementType;
|
|
8
|
+
className?: string;
|
|
7
9
|
}
|
|
8
10
|
export declare const getTypographyClasses: (variant: TypographyVariant) => string;
|
|
9
11
|
export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
|