@televet/kibble-ui 1.3.0 → 1.3.1
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/build/components/Typography/Heading/heading.component.d.ts +4 -3
- package/build/components/Typography/Text/text.component.d.ts +6 -2
- package/build/components/Typography/Text/text.types.d.ts +1 -0
- package/build/components/Typography/index.d.ts +1 -0
- package/build/components/Typography/typography.types.d.ts +1 -0
- package/build/hocs/index.d.ts +2 -0
- package/build/hocs/withDarkMode.d.ts +2 -0
- package/build/hocs/withTheme.d.ts +3 -0
- package/build/index.d.ts +1 -0
- package/build/index.js +250 -220
- package/build/index.js.map +1 -1
- package/build/theme/theme.types.d.ts +1 -2
- package/build/theme/tokens/colors/color.types.d.ts +2 -23
- package/build/theme/tokens/fontWeights.d.ts +3 -12
- package/package.json +1 -1
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import * as tokens from './tokens';
|
|
2
2
|
import { ButtonStyleType, HeadingStyleConfig, TooltipStyleConfig } from '../components';
|
|
3
3
|
import { ComponentStyleConfig } from '@chakra-ui/theme';
|
|
4
|
-
import { Colors } from './tokens/colors/color.types';
|
|
5
4
|
export interface ThemeProps {
|
|
6
5
|
theme: Theme;
|
|
7
6
|
}
|
|
8
7
|
export interface Theme {
|
|
9
8
|
blur: tokens.Blur;
|
|
10
9
|
borders: tokens.Borders;
|
|
11
|
-
colors: Colors;
|
|
10
|
+
colors: tokens.Colors;
|
|
12
11
|
radii: tokens.Radii;
|
|
13
12
|
shadows: tokens.Shadows;
|
|
14
13
|
sizes: tokens.Sizes;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColorMode } from '@chakra-ui/react';
|
|
2
|
-
import { IconColor } from '../../../components';
|
|
2
|
+
import { IconColor, TextColor } from '../../../components';
|
|
3
3
|
export declare type ColorValue = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
4
4
|
export declare type ColorValueMap = Record<ColorValue, string>;
|
|
5
5
|
export declare type AdaptiveColor = Record<ColorMode, string>;
|
|
@@ -23,28 +23,6 @@ export interface CoreColors {
|
|
|
23
23
|
purple: ColorValueMap;
|
|
24
24
|
}
|
|
25
25
|
export interface SemanticColors {
|
|
26
|
-
text: {
|
|
27
|
-
light: {
|
|
28
|
-
default: string;
|
|
29
|
-
headline: string;
|
|
30
|
-
subtle: string;
|
|
31
|
-
link: string;
|
|
32
|
-
placeholder: string;
|
|
33
|
-
success: string;
|
|
34
|
-
warning: string;
|
|
35
|
-
error: string;
|
|
36
|
-
};
|
|
37
|
-
dark: {
|
|
38
|
-
default: string;
|
|
39
|
-
headline: string;
|
|
40
|
-
subtle: string;
|
|
41
|
-
link: string;
|
|
42
|
-
placeholder: string;
|
|
43
|
-
success: string;
|
|
44
|
-
warning: string;
|
|
45
|
-
error: string;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
26
|
background: {
|
|
49
27
|
light: string;
|
|
50
28
|
grayLight: string;
|
|
@@ -101,5 +79,6 @@ export interface SemanticColors {
|
|
|
101
79
|
}
|
|
102
80
|
export interface AdaptiveColors {
|
|
103
81
|
icon: AdaptiveColorMap<IconColor>;
|
|
82
|
+
text: AdaptiveColorMap<TextColor>;
|
|
104
83
|
}
|
|
105
84
|
export declare type Colors = CoreColors & SemanticColors & AdaptiveColors;
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
export declare const fontWeights:
|
|
2
|
-
export declare type
|
|
3
|
-
|
|
4
|
-
thin: number;
|
|
5
|
-
light: number;
|
|
6
|
-
normal: number;
|
|
7
|
-
medium: number;
|
|
8
|
-
semibold: number;
|
|
9
|
-
bold: number;
|
|
10
|
-
extrabold: number;
|
|
11
|
-
black: number;
|
|
12
|
-
};
|
|
1
|
+
export declare const fontWeights: Record<FontWeight, number>;
|
|
2
|
+
export declare type FontWeight = 'hairline' | 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
|
|
3
|
+
export declare type FontWeights = Record<FontWeight, number>;
|