@televet/kibble-ui 0.1.0-beta.1 → 0.1.0-beta.11
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/index.js +1998 -13083
- package/build/index.js.map +1 -1
- package/build/theme/colors.d.ts +32 -28
- package/build/theme/index.d.ts +4 -1
- package/build/theme/palette.d.ts +23 -0
- package/build/theme/pallette.d.ts +23 -0
- package/package.json +7 -10
package/build/theme/colors.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
export declare const baseColors: IBaseColors;
|
|
2
|
+
export declare const semanticTokens: ISemanticTokens;
|
|
3
|
+
interface IBaseColors {
|
|
2
4
|
transparent: string;
|
|
3
5
|
current: string;
|
|
4
6
|
black: string;
|
|
@@ -127,54 +129,50 @@ interface IPallette {
|
|
|
127
129
|
900: string;
|
|
128
130
|
};
|
|
129
131
|
}
|
|
130
|
-
interface ISemanticTokens {
|
|
132
|
+
export interface ISemanticTokens {
|
|
131
133
|
text: {
|
|
132
134
|
onLight: string;
|
|
135
|
+
linkOnLight: string;
|
|
133
136
|
onLightSubtle: string;
|
|
134
137
|
onDark: string;
|
|
135
138
|
headline: string;
|
|
139
|
+
placeholder: string;
|
|
140
|
+
success: string;
|
|
141
|
+
warning: string;
|
|
142
|
+
error: string;
|
|
136
143
|
};
|
|
137
144
|
background: {
|
|
138
145
|
light: string;
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
warning: string;
|
|
143
|
-
success: string;
|
|
144
|
-
};
|
|
145
|
-
border: {
|
|
146
|
-
default: string;
|
|
146
|
+
grayLight: string;
|
|
147
|
+
grayDark: string;
|
|
148
|
+
tealLight: string;
|
|
147
149
|
dark: string;
|
|
150
|
+
table: string;
|
|
151
|
+
overlay: string;
|
|
148
152
|
info: string;
|
|
149
153
|
error: string;
|
|
150
154
|
warning: string;
|
|
151
155
|
success: string;
|
|
152
156
|
};
|
|
153
|
-
button: {
|
|
154
|
-
primaryDefault: string;
|
|
155
|
-
primaryHover: string;
|
|
156
|
-
primaryActive: string;
|
|
157
|
-
secondaryDefault: string;
|
|
158
|
-
secondaryHover: string;
|
|
159
|
-
secondaryActive: string;
|
|
160
|
-
tertiaryDefault: string;
|
|
161
|
-
tertiaryHover: string;
|
|
162
|
-
tertiaryActive: string;
|
|
163
|
-
ghostDefault: string;
|
|
164
|
-
ghostHover: string;
|
|
165
|
-
ghostActive: string;
|
|
166
|
-
};
|
|
167
|
-
link: {
|
|
168
|
-
onLight: string;
|
|
169
|
-
};
|
|
170
157
|
icon: {
|
|
171
158
|
onLight: string;
|
|
159
|
+
onLightSubtle: string;
|
|
172
160
|
onDark: string;
|
|
161
|
+
inactive: string;
|
|
173
162
|
active: string;
|
|
174
163
|
success: string;
|
|
175
164
|
warning: string;
|
|
176
165
|
error: string;
|
|
177
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
|
+
};
|
|
178
176
|
divider: {
|
|
179
177
|
onLight: string;
|
|
180
178
|
};
|
|
@@ -186,8 +184,14 @@ interface ISemanticTokens {
|
|
|
186
184
|
action: string;
|
|
187
185
|
negative: string;
|
|
188
186
|
error: string;
|
|
187
|
+
archived: string;
|
|
188
|
+
closed: string;
|
|
189
|
+
};
|
|
190
|
+
brand: {
|
|
191
|
+
teal: string;
|
|
192
|
+
red: string;
|
|
189
193
|
};
|
|
190
194
|
}
|
|
191
|
-
export declare type TColors =
|
|
195
|
+
export declare type TColors = IBaseColors & ISemanticTokens;
|
|
192
196
|
declare const colors: TColors;
|
|
193
197
|
export default colors;
|
package/build/theme/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TColors } from './colors';
|
|
1
|
+
import { ISemanticTokens, TColors } from './colors';
|
|
2
2
|
import { Tblur } from './blur';
|
|
3
3
|
import { Tbreakpoints } from './breakpoints';
|
|
4
4
|
import { Tborders } from './borders';
|
|
@@ -12,6 +12,7 @@ import { TFontSizes } from './fontSizes';
|
|
|
12
12
|
import { TFontWeights } from './fontWeights';
|
|
13
13
|
import { TLineHeights } from './lineHeights';
|
|
14
14
|
import { TZIndices } from './zIndeces';
|
|
15
|
+
import { TPalette } from './palette';
|
|
15
16
|
declare const theme: ITheme;
|
|
16
17
|
export interface ITheme {
|
|
17
18
|
blur: Tblur;
|
|
@@ -28,5 +29,7 @@ export interface ITheme {
|
|
|
28
29
|
space: TSpace;
|
|
29
30
|
transition: TTransition;
|
|
30
31
|
zIndices: TZIndices;
|
|
32
|
+
palette: TPalette;
|
|
33
|
+
semanticTokens: ISemanticTokens;
|
|
31
34
|
}
|
|
32
35
|
export default theme;
|
|
@@ -0,0 +1,23 @@
|
|
|
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;
|
|
@@ -0,0 +1,23 @@
|
|
|
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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@televet/kibble-ui",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.11",
|
|
4
4
|
"description": "Kibble Design System by Televet",
|
|
5
5
|
"author": "TeleVet",
|
|
6
6
|
"main": "build/index.js",
|
|
@@ -44,13 +44,7 @@
|
|
|
44
44
|
"@babel/preset-env": "^7.15.0",
|
|
45
45
|
"@babel/preset-react": "^7.14.5",
|
|
46
46
|
"@babel/runtime": "^7.15.3",
|
|
47
|
-
"@chakra-ui/cli": "^1.9.0",
|
|
48
|
-
"@chakra-ui/icons": "^1.1.7",
|
|
49
|
-
"@chakra-ui/react": "^1.8.6",
|
|
50
|
-
"@chakra-ui/theme-tools": "^1.3.6",
|
|
51
47
|
"@chakra-ui/storybook-addon": "^1.0.3",
|
|
52
|
-
"@emotion/react": "^11.8.1",
|
|
53
|
-
"@emotion/styled": "^11.8.1",
|
|
54
48
|
"@rollup/plugin-babel": "^5.3.0",
|
|
55
49
|
"@rollup/plugin-commonjs": "^20.0.0",
|
|
56
50
|
"@rollup/plugin-node-resolve": "^13.0.4",
|
|
@@ -104,19 +98,22 @@
|
|
|
104
98
|
"rollup-plugin-typescript2": "^0.27.1",
|
|
105
99
|
"stylelint": "^13.13.1",
|
|
106
100
|
"stylelint-config-standard": "^22.0.0",
|
|
107
|
-
"stylelint-order": "^4.1.0"
|
|
108
|
-
},
|
|
109
|
-
"dependencies": {
|
|
101
|
+
"stylelint-order": "^4.1.0",
|
|
110
102
|
"@types/jest": "^27.4.1",
|
|
111
103
|
"@types/node": "^17.0.21",
|
|
112
104
|
"@types/react": "^17.0.40",
|
|
113
105
|
"@types/react-dom": "^17.0.13",
|
|
106
|
+
"@chakra-ui/icons": "^1.1.7",
|
|
107
|
+
"@chakra-ui/react": "^1.8.6",
|
|
108
|
+
"@chakra-ui/theme-tools": "^1.3.6",
|
|
114
109
|
"react": "^16.13.1",
|
|
115
110
|
"react-dom": "^16.13.1",
|
|
116
111
|
"styled-components": "^5.3.3",
|
|
117
112
|
"typescript": "^4.6.2"
|
|
118
113
|
},
|
|
119
114
|
"peerDependencies": {
|
|
115
|
+
"@chakra-ui/react": "^1.8.6",
|
|
116
|
+
"@chakra-ui/icons": "^1.1.7",
|
|
120
117
|
"styled-components": ">=5.0.0",
|
|
121
118
|
"react-hook-form": ">=5.7.0",
|
|
122
119
|
"prop-types": ">=15.0.0",
|