@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.
@@ -1,4 +1,6 @@
1
- interface IPallette {
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
- gray: string;
140
- info: string;
141
- error: string;
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 = IPallette & ISemanticTokens;
195
+ export declare type TColors = IBaseColors & ISemanticTokens;
192
196
  declare const colors: TColors;
193
197
  export default colors;
@@ -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.1",
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",