@televet/kibble-ui 0.1.0-beta.19 → 0.1.0-beta.20

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.
Files changed (51) hide show
  1. package/README.md +35 -227
  2. package/build/components/Banner/index.d.ts +3 -0
  3. package/build/index.d.ts +2 -1
  4. package/build/index.js +13654 -67
  5. package/build/index.js.map +1 -1
  6. package/build/theme/index.d.ts +13 -19
  7. package/build/theme/{colors.d.ts → tokens/colors.d.ts} +3 -6
  8. package/package.json +14 -27
  9. package/build/index.es.js +0 -13886
  10. package/build/index.es.js.map +0 -1
  11. package/build/providers/ThemeProvider/ThemeProvider.d.ts +0 -5
  12. package/build/theme/breakpoints.d.ts +0 -9
  13. package/build/theme/components/Input.d.ts +0 -3
  14. package/build/theme/components/Popover.d.ts +0 -3
  15. package/build/theme/components/Select.d.ts +0 -3
  16. package/build/theme/components/index.d.ts +0 -8
  17. package/build/theme/foundations/blur.d.ts +0 -12
  18. package/build/theme/foundations/borders.d.ts +0 -15
  19. package/build/theme/foundations/breakpoints.d.ts +0 -9
  20. package/build/theme/foundations/colors.d.ts +0 -197
  21. package/build/theme/foundations/fontSizes.d.ts +0 -17
  22. package/build/theme/foundations/fontWeights.d.ts +0 -13
  23. package/build/theme/foundations/fonts.d.ts +0 -7
  24. package/build/theme/foundations/palette.d.ts +0 -23
  25. package/build/theme/global.d.ts +0 -17
  26. package/build/theme/letterSpacings.d.ts +0 -17
  27. package/build/theme/lineHeights.d.ts +0 -19
  28. package/build/theme/palette.d.ts +0 -23
  29. package/build/theme/pallette.d.ts +0 -23
  30. package/build/theme/radii.d.ts +0 -13
  31. package/build/theme/shadows.d.ts +0 -27
  32. package/build/theme/sizes.d.ts +0 -27
  33. package/build/theme/space.d.ts +0 -37
  34. package/build/theme/theme.d.ts +0 -3
  35. package/build/theme/tokens/colors/colors.d.ts +0 -190
  36. package/build/theme/tokens/fonts/fonts.d.ts +0 -6
  37. package/build/theme/transition.d.ts +0 -28
  38. package/build/theme/zIndeces.d.ts +0 -17
  39. /package/build/theme/{blur.d.ts → tokens/blur.d.ts} +0 -0
  40. /package/build/theme/{borders.d.ts → tokens/borders.d.ts} +0 -0
  41. /package/build/theme/{fontSizes.d.ts → tokens/fontSizes.d.ts} +0 -0
  42. /package/build/theme/{fontWeights.d.ts → tokens/fontWeights.d.ts} +0 -0
  43. /package/build/theme/{fonts.d.ts → tokens/fonts.d.ts} +0 -0
  44. /package/build/theme/{foundations → tokens}/letterSpacings.d.ts +0 -0
  45. /package/build/theme/{foundations → tokens}/lineHeights.d.ts +0 -0
  46. /package/build/theme/{foundations → tokens}/radii.d.ts +0 -0
  47. /package/build/theme/{foundations → tokens}/shadows.d.ts +0 -0
  48. /package/build/theme/{foundations → tokens}/sizes.d.ts +0 -0
  49. /package/build/theme/{foundations → tokens}/space.d.ts +0 -0
  50. /package/build/theme/{foundations → tokens}/transition.d.ts +0 -0
  51. /package/build/theme/{foundations → tokens}/zIndeces.d.ts +0 -0
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- declare const ThemeProvider: ({ children }: {
3
- children: ReactNode;
4
- }) => JSX.Element;
5
- export default ThemeProvider;
@@ -1,9 +0,0 @@
1
- declare const breakpoints: Tbreakpoints;
2
- export declare type Tbreakpoints = {
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
7
- '2xl': string;
8
- };
9
- export default breakpoints;
@@ -1,3 +0,0 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Input: ComponentStyleConfig;
3
- export default Input;
@@ -1,3 +0,0 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Popover: ComponentStyleConfig;
3
- export default Popover;
@@ -1,3 +0,0 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const Select: ComponentStyleConfig;
3
- export default Select;
@@ -1,8 +0,0 @@
1
- import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
- declare const components: TComponents;
3
- export declare type TComponents = {
4
- Input: ComponentStyleConfig;
5
- Popover: ComponentStyleConfig;
6
- Select: ComponentStyleConfig;
7
- };
8
- export default components;
@@ -1,12 +0,0 @@
1
- declare const blur: Tblur;
2
- export declare type Tblur = {
3
- none: number;
4
- sm: string;
5
- base: string;
6
- md: string;
7
- lg: string;
8
- xl: string;
9
- '2xl': string;
10
- '3xl': string;
11
- };
12
- export default blur;
@@ -1,15 +0,0 @@
1
- declare const borders: {
2
- none: number;
3
- '1px': string;
4
- '2px': string;
5
- '4px': string;
6
- '8px': string;
7
- };
8
- export declare type Tborders = {
9
- none: number;
10
- '1px': string;
11
- '2px': string;
12
- '4px': string;
13
- '8px': string;
14
- };
15
- export default borders;
@@ -1,9 +0,0 @@
1
- declare const breakpoints: Tbreakpoints;
2
- export declare type Tbreakpoints = {
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
7
- '2xl': string;
8
- };
9
- export default breakpoints;
@@ -1,197 +0,0 @@
1
- export declare const baseColors: IBaseColors;
2
- export declare const semanticTokens: ISemanticTokens;
3
- interface IBaseColors {
4
- transparent: string;
5
- current: string;
6
- black: string;
7
- white: string;
8
- televet: {
9
- 100: string;
10
- };
11
- whiteAlpha: {
12
- 50: string;
13
- 100: string;
14
- 200: string;
15
- 300: string;
16
- 400: string;
17
- 500: string;
18
- 600: string;
19
- 700: string;
20
- 800: string;
21
- 900: string;
22
- };
23
- blackAlpha: {
24
- 50: string;
25
- 100: string;
26
- 200: string;
27
- 300: string;
28
- 400: string;
29
- 500: string;
30
- 600: string;
31
- 700: string;
32
- 800: string;
33
- 900: string;
34
- };
35
- gray: {
36
- 50: string;
37
- 100: string;
38
- 200: string;
39
- 300: string;
40
- 400: string;
41
- 500: string;
42
- 600: string;
43
- 700: string;
44
- 800: string;
45
- 900: string;
46
- };
47
- red: {
48
- 50: string;
49
- 100: string;
50
- 200: string;
51
- 300: string;
52
- 400: string;
53
- 500: string;
54
- 600: string;
55
- 700: string;
56
- 800: string;
57
- 900: string;
58
- };
59
- orange: {
60
- 50: string;
61
- 100: string;
62
- 200: string;
63
- 300: string;
64
- 400: string;
65
- 500: string;
66
- 600: string;
67
- 700: string;
68
- 800: string;
69
- 900: string;
70
- };
71
- yellow: {
72
- 50: string;
73
- 100: string;
74
- 200: string;
75
- 300: string;
76
- 400: string;
77
- 500: string;
78
- 600: string;
79
- 700: string;
80
- 800: string;
81
- 900: string;
82
- };
83
- green: {
84
- 50: string;
85
- 100: string;
86
- 200: string;
87
- 300: string;
88
- 400: string;
89
- 500: string;
90
- 600: string;
91
- 700: string;
92
- 800: string;
93
- 900: string;
94
- };
95
- teal: {
96
- 50: string;
97
- 100: string;
98
- 200: string;
99
- 300: string;
100
- 400: string;
101
- 500: string;
102
- 600: string;
103
- 700: string;
104
- 800: string;
105
- 900: string;
106
- };
107
- blue: {
108
- 50: string;
109
- 100: string;
110
- 200: string;
111
- 300: string;
112
- 400: string;
113
- 500: string;
114
- 600: string;
115
- 700: string;
116
- 800: string;
117
- 900: string;
118
- };
119
- comet: {
120
- 50: string;
121
- 100: string;
122
- 200: string;
123
- 300: string;
124
- 400: string;
125
- 500: string;
126
- 600: string;
127
- 700: string;
128
- 800: string;
129
- 900: string;
130
- };
131
- }
132
- export interface ISemanticTokens {
133
- text: {
134
- onLight: string;
135
- linkOnLight: string;
136
- onLightSubtle: string;
137
- onDark: string;
138
- headline: string;
139
- placeholder: string;
140
- success: string;
141
- warning: string;
142
- error: string;
143
- };
144
- background: {
145
- light: string;
146
- grayLight: string;
147
- grayDark: string;
148
- tealLight: string;
149
- dark: string;
150
- table: string;
151
- overlay: string;
152
- info: string;
153
- error: string;
154
- warning: string;
155
- success: string;
156
- };
157
- icon: {
158
- onLight: string;
159
- onLightSubtle: string;
160
- onDark: string;
161
- inactive: string;
162
- active: string;
163
- success: string;
164
- warning: string;
165
- error: string;
166
- };
167
- border: {
168
- default: string;
169
- dark: string;
170
- focus: string;
171
- info: string;
172
- error: string;
173
- warning: string;
174
- success: string;
175
- };
176
- divider: {
177
- onLight: string;
178
- };
179
- status: {
180
- open: string;
181
- confirmed: string;
182
- success: string;
183
- warning: string;
184
- action: string;
185
- negative: string;
186
- error: string;
187
- archived: string;
188
- closed: string;
189
- };
190
- brand: {
191
- teal: string;
192
- red: string;
193
- };
194
- }
195
- export declare type TColors = IBaseColors & ISemanticTokens;
196
- declare const colors: TColors;
197
- export default colors;
@@ -1,17 +0,0 @@
1
- declare const fontSizes: TFontSizes;
2
- export declare type TFontSizes = {
3
- xs: string;
4
- sm: string;
5
- md: string;
6
- lg: string;
7
- xl: string;
8
- '2xl': string;
9
- '3xl': string;
10
- '4xl': string;
11
- '5xl': string;
12
- '6xl': string;
13
- '7xl': string;
14
- '8xl': string;
15
- '9xl': string;
16
- };
17
- export default fontSizes;
@@ -1,13 +0,0 @@
1
- declare const fontWeights: TFontWeights;
2
- export declare type TFontWeights = {
3
- hairline: number;
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
- };
13
- export default fontWeights;
@@ -1,7 +0,0 @@
1
- declare const fonts: TFonts;
2
- export declare type TFonts = {
3
- heading: string;
4
- body: string;
5
- mono: string;
6
- };
7
- export default fonts;
@@ -1,23 +0,0 @@
1
- declare const palette: TPalette;
2
- export declare type TPalette = {
3
- primaryLightest: string;
4
- primaryLight: string;
5
- primary: string;
6
- primaryDark: string;
7
- error: string;
8
- errorLight: string;
9
- errorSecondary: string;
10
- errorSecondaryDark: string;
11
- grayWhite: string;
12
- graySecondary: string;
13
- success: string;
14
- grayLightest: string;
15
- grayLight: string;
16
- grayDark: string;
17
- grayDarker: string;
18
- grayDarkest: string;
19
- warning: string;
20
- white: string;
21
- black: string;
22
- };
23
- export default palette;
@@ -1,17 +0,0 @@
1
- declare const globalStyles: TGlobalStyles;
2
- export declare type TGlobalStyles = {
3
- global: {
4
- body: {
5
- fontFamily: string;
6
- color: string;
7
- bg: string;
8
- };
9
- '*::placeholder': {
10
- color: string;
11
- };
12
- '*, *::before, &::after': {
13
- borderColor: string;
14
- };
15
- };
16
- };
17
- export default globalStyles;
@@ -1,17 +0,0 @@
1
- declare const letterSpacings: {
2
- tighter: string;
3
- tight: string;
4
- normal: string;
5
- wide: string;
6
- wider: string;
7
- widest: string;
8
- };
9
- export declare type TLetterSpacings = {
10
- tighter: string;
11
- tight: string;
12
- normal: string;
13
- wide: string;
14
- wider: string;
15
- widest: string;
16
- };
17
- export default letterSpacings;
@@ -1,19 +0,0 @@
1
- declare const lineHeights: TLineHeights;
2
- export declare type TLineHeights = {
3
- normal: string;
4
- none: number;
5
- shorter: number;
6
- short: number;
7
- base: number;
8
- tall: number;
9
- taller: string;
10
- '3': string;
11
- '4': string;
12
- '5': string;
13
- '6': string;
14
- '7': string;
15
- '8': string;
16
- '9': string;
17
- '10': string;
18
- };
19
- export default lineHeights;
@@ -1,23 +0,0 @@
1
- declare const palette: TPalette;
2
- export declare type TPalette = {
3
- primaryLightest: string;
4
- primaryLight: string;
5
- primary: string;
6
- primaryDark: string;
7
- error: string;
8
- errorLight: string;
9
- errorSecondary: string;
10
- errorSecondaryDark: string;
11
- grayWhite: string;
12
- graySecondary: string;
13
- success: string;
14
- grayLightest: string;
15
- grayLight: string;
16
- grayDark: string;
17
- grayDarker: string;
18
- grayDarkest: string;
19
- warning: string;
20
- white: string;
21
- black: string;
22
- };
23
- export default palette;
@@ -1,23 +0,0 @@
1
- declare const pallette: TPallette;
2
- export declare type TPallette = {
3
- primaryLightest: string;
4
- primaryLight: string;
5
- primary: string;
6
- primaryDark: string;
7
- error: string;
8
- errorLight: string;
9
- errorSecondary: string;
10
- errorSecondaryDark: string;
11
- grayWhite: string;
12
- graySecondary: string;
13
- success: string;
14
- grayLightest: string;
15
- grayLight: string;
16
- grayDark: string;
17
- grayDarker: string;
18
- grayDarkest: string;
19
- warning: string;
20
- white: string;
21
- black: string;
22
- };
23
- export default pallette;
@@ -1,13 +0,0 @@
1
- declare const radii: TRadii;
2
- export declare type TRadii = {
3
- none: string;
4
- sm: string;
5
- base: string;
6
- md: string;
7
- lg: string;
8
- xl: string;
9
- '2xl': string;
10
- '3xl': string;
11
- full: string;
12
- };
13
- export default radii;
@@ -1,27 +0,0 @@
1
- declare const shadows: {
2
- xs: string;
3
- sm: string;
4
- base: string;
5
- md: string;
6
- lg: string;
7
- xl: string;
8
- '2xl': string;
9
- outline: string;
10
- inner: string;
11
- none: string;
12
- 'dark-lg': string;
13
- };
14
- export declare type TShadows = {
15
- xs: string;
16
- sm: string;
17
- base: string;
18
- md: string;
19
- lg: string;
20
- xl: string;
21
- '2xl': string;
22
- outline: string;
23
- inner: string;
24
- none: string;
25
- 'dark-lg': string;
26
- };
27
- export default shadows;
@@ -1,27 +0,0 @@
1
- declare const sizes: TSizes;
2
- export declare type TSizes = {
3
- max: string;
4
- min: string;
5
- full: string;
6
- '3xs': string;
7
- '2xs': string;
8
- xs: string;
9
- sm: string;
10
- md: string;
11
- lg: string;
12
- xl: string;
13
- '2xl': string;
14
- '3xl': string;
15
- '4xl': string;
16
- '5xl': string;
17
- '6xl': string;
18
- '7xl': string;
19
- '8xl': string;
20
- container: {
21
- sm: string;
22
- md: string;
23
- lg: string;
24
- xl: string;
25
- };
26
- };
27
- export default sizes;
@@ -1,37 +0,0 @@
1
- declare const space: TSpace;
2
- export declare type TSpace = {
3
- px: string;
4
- 0.5: string;
5
- 1: string;
6
- 1.5: string;
7
- 2: string;
8
- 2.5: string;
9
- 3: string;
10
- 3.5: string;
11
- 4: string;
12
- 5: string;
13
- 6: string;
14
- 7: string;
15
- 8: string;
16
- 9: string;
17
- 10: string;
18
- 12: string;
19
- 14: string;
20
- 16: string;
21
- 20: string;
22
- 24: string;
23
- 28: string;
24
- 32: string;
25
- 36: string;
26
- 40: string;
27
- 44: string;
28
- 48: string;
29
- 52: string;
30
- 56: string;
31
- 60: string;
32
- 64: string;
33
- 72: string;
34
- 80: string;
35
- 96: string;
36
- };
37
- export default space;
@@ -1,3 +0,0 @@
1
- import { ThemeConfig } from '@chakra-ui/react';
2
- declare const theme: ThemeConfig;
3
- export default theme;