@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,24 +1,20 @@
1
- import { ISemanticTokens, TColors } from './foundations/colors';
2
- import { Tblur } from './foundations/blur';
3
- import { Tbreakpoints } from './foundations/breakpoints';
4
- import { Tborders } from './foundations/borders';
5
- import { TRadii } from './foundations/radii';
6
- import { TShadows } from './foundations/shadows';
7
- import { TSpace } from './foundations/space';
8
- import { TSizes } from './foundations/sizes';
9
- import { TTransition } from './foundations/transition';
10
- import { TFonts } from './foundations/fonts';
11
- import { TFontSizes } from './foundations/fontSizes';
12
- import { TFontWeights } from './foundations/fontWeights';
13
- import { TLineHeights } from './foundations/lineHeights';
14
- import { TZIndices } from './foundations/zIndeces';
15
- import { TPalette } from './foundations/palette';
16
- import { TGlobalStyles } from './global';
1
+ import { ISemanticTokens, TColors } from './tokens/colors';
2
+ import { Tblur } from './tokens/blur';
3
+ import { Tborders } from './tokens/borders';
4
+ import { TRadii } from './tokens/radii';
5
+ import { TShadows } from './tokens/shadows';
6
+ import { TSpace } from './tokens/space';
7
+ import { TSizes } from './tokens/sizes';
8
+ import { TTransition } from './tokens/transition';
9
+ import { TFonts } from './tokens/fonts';
10
+ import { TFontSizes } from './tokens/fontSizes';
11
+ import { TFontWeights } from './tokens/fontWeights';
12
+ import { TLineHeights } from './tokens/lineHeights';
13
+ import { TZIndices } from './tokens/zIndeces';
17
14
  declare const theme: ITheme;
18
15
  export interface ITheme {
19
16
  blur: Tblur;
20
17
  borders: Tborders;
21
- breakpoints: Tbreakpoints;
22
18
  colors: TColors;
23
19
  radii: TRadii;
24
20
  shadows: TShadows;
@@ -30,9 +26,7 @@ export interface ITheme {
30
26
  space: TSpace;
31
27
  transition: TTransition;
32
28
  zIndices: TZIndices;
33
- palette: TPalette;
34
29
  semanticTokens: ISemanticTokens;
35
- styles: TGlobalStyles;
36
30
  initialColorMode: string;
37
31
  useSystemColorMode: boolean;
38
32
  }
@@ -5,9 +5,6 @@ interface IBaseColors {
5
5
  current: string;
6
6
  black: string;
7
7
  white: string;
8
- televet: {
9
- 100: string;
10
- };
11
8
  whiteAlpha: {
12
9
  50: string;
13
10
  100: string;
@@ -187,9 +184,9 @@ export interface ISemanticTokens {
187
184
  archived: string;
188
185
  closed: string;
189
186
  };
190
- brand: {
191
- teal: string;
192
- red: string;
187
+ general: {
188
+ brand: string;
189
+ error: string;
193
190
  };
194
191
  }
195
192
  export declare type TColors = IBaseColors & ISemanticTokens;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@televet/kibble-ui",
3
- "version": "0.1.0-beta.19",
3
+ "version": "0.1.0-beta.20",
4
4
  "description": "Kibble Design System by Televet",
5
5
  "author": "TeleVet",
6
6
  "main": "build/index.js",
@@ -11,16 +11,10 @@
11
11
  "scripts": {
12
12
  "test": "react-scripts test",
13
13
  "eject": "react-scripts eject",
14
- "build:lib": "npx rollup -c",
15
- "fix:js": "npx eslint --fix ./src/",
16
- "lint:js": "npx eslint ./src/",
17
- "lint:style": "npx stylelint ./src/",
18
- "fix:style": "npx stylelint ./src/ --fix",
14
+ "fix": "npx eslint --fix ./src/ && npx stylelint ./src/ --fix",
15
+ "lint": "npx eslint ./src/ && npx stylelint ./src/",
19
16
  "start": "start-storybook -p 6006 && npx rollup -c --watch",
20
- "build:docs": "build-storybook -o docs",
21
- "build": "npm run build:docs && npm run build:lib",
22
- "start:localDev": "npx rollup -c --watch",
23
- "prepare": "husky install"
17
+ "build": "build-storybook -o docs && npx rollup -c"
24
18
  },
25
19
  "browserslist": {
26
20
  "production": [
@@ -54,13 +48,19 @@
54
48
  "@storybook/addon-docs": "^6.4.19",
55
49
  "@storybook/addon-essentials": "6.4.19",
56
50
  "@storybook/addon-links": "6.4.17",
51
+ "@storybook/addons": "^6.4.22",
57
52
  "@storybook/node-logger": "6.4.19",
58
53
  "@storybook/preset-create-react-app": "^3.2.0",
59
54
  "@storybook/react": "^6.3.8",
55
+ "@storybook/theming": "^6.4.22",
60
56
  "@testing-library/jest-dom": "^5.14.1",
61
57
  "@testing-library/react": "^12.0.0",
62
58
  "@testing-library/react-hooks": "^7.0.2",
63
59
  "@testing-library/user-event": "^13.2.1",
60
+ "@types/jest": "^27.4.1",
61
+ "@types/node": "^17.0.21",
62
+ "@types/react": "^17.0.40",
63
+ "@types/react-dom": "^17.0.13",
64
64
  "@types/styled-components": "^5.1.24",
65
65
  "@typescript-eslint/eslint-plugin": "^4.29.0",
66
66
  "@typescript-eslint/parser": "^4.29.0",
@@ -101,28 +101,15 @@
101
101
  "stylelint": "^13.13.1",
102
102
  "stylelint-config-standard": "^22.0.0",
103
103
  "stylelint-order": "^4.1.0",
104
- "@types/jest": "^27.4.1",
105
- "@types/node": "^17.0.21",
106
- "@types/react": "^17.0.40",
107
- "@types/react-dom": "^17.0.13",
108
- "@chakra-ui/icons": "^1.1.7",
109
- "@chakra-ui/react": "^1.8.6",
110
- "@chakra-ui/theme-tools": "^1.3.6",
111
104
  "react": "^16.13.1",
112
105
  "react-dom": "^16.13.1",
113
- "styled-components": "^5.3.3",
114
106
  "typescript": "^4.6.2"
115
107
  },
116
108
  "peerDependencies": {
117
- "@chakra-ui/react": "^1.8.6",
118
- "@chakra-ui/icons": "^1.1.7",
119
- "@emotion/react": "^11.4.0",
120
- "@emotion/styled": "^11.3.0",
121
- "@chakra-ui/theme-tools": "^1.3.6",
122
- "styled-components": ">=5.0.0",
123
- "react-hook-form": ">=5.7.0",
124
109
  "prop-types": ">=15.0.0",
125
- "react": "^16.13.1",
126
- "react-dom": "^16.13.1"
110
+ "react": ">=16.13.1",
111
+ "react-dom": ">=16.13.1",
112
+ "react-hook-form": ">=5.7.0",
113
+ "styled-components": ">=5.0.0"
127
114
  }
128
115
  }