@bitrise/bitkit 10.35.2-alpha-chakra.1 → 10.35.2-alpha-chakra.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "10.35.2-alpha-chakra.1",
+  "version": "10.35.2-alpha-chakra.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Foundations/Colors/Colors.ts

@@ -125,7 +125,109 @@ const colors = {
   },
 };
 
-export type Colors = typeof colors;
+export type TypeColors =
+  | 'neutral.10'
+  | 'neutral.20'
+  | 'neutral.30'
+  | 'neutral.40'
+  | 'neutral.50'
+  | 'neutral.60'
+  | 'neutral.70'
+  | 'neutral.80'
+  | 'neutral.90'
+  | 'neutral.93'
+  | 'neutral.95'
+  | 'neutral.100'
+  | 'purple.10'
+  | 'purple.20'
+  | 'purple.30'
+  | 'purple.40'
+  | 'purple.50'
+  | 'purple.60'
+  | 'purple.70'
+  | 'purple.80'
+  | 'purple.90'
+  | 'purple.93'
+  | 'purple.95'
+  | 'purple.100'
+  | 'red.10'
+  | 'red.20'
+  | 'red.30'
+  | 'red.40'
+  | 'red.50'
+  | 'red.60'
+  | 'red.70'
+  | 'red.80'
+  | 'red.90'
+  | 'red.93'
+  | 'red.95'
+  | 'red.100'
+  | 'orange.10'
+  | 'orange.20'
+  | 'orange.30'
+  | 'orange.40'
+  | 'orange.50'
+  | 'orange.60'
+  | 'orange.70'
+  | 'orange.80'
+  | 'orange.90'
+  | 'orange.93'
+  | 'orange.95'
+  | 'orange.100'
+  | 'yellow.10'
+  | 'yellow.20'
+  | 'yellow.30'
+  | 'yellow.40'
+  | 'yellow.50'
+  | 'yellow.60'
+  | 'yellow.70'
+  | 'yellow.80'
+  | 'yellow.90'
+  | 'yellow.93'
+  | 'yellow.95'
+  | 'yellow.100'
+  | 'green.10'
+  | 'green.20'
+  | 'green.30'
+  | 'green.40'
+  | 'green.50'
+  | 'green.60'
+  | 'green.70'
+  | 'green.80'
+  | 'green.90'
+  | 'green.93'
+  | 'green.95'
+  | 'green.100'
+  | 'turquoise.10'
+  | 'turquoise.20'
+  | 'turquoise.30'
+  | 'turquoise.40'
+  | 'turquoise.50'
+  | 'turquoise.60'
+  | 'turquoise.70'
+  | 'turquoise.80'
+  | 'turquoise.90'
+  | 'turquoise.93'
+  | 'turquoise.95'
+  | 'turquoise.100'
+  | 'blue.10'
+  | 'blue.20'
+  | 'blue.30'
+  | 'blue.40'
+  | 'blue.50'
+  | 'blue.60'
+  | 'blue.70'
+  | 'blue.80'
+  | 'blue.90'
+  | 'blue.93'
+  | 'blue.95'
+  | 'blue.100'
+  | 'brand.primary'
+  | 'text.body'
+  | 'text.secondary'
+  | 'text.link'
+  | 'text.linkHover'
+  | 'separator.primary';
 
 export type ColorScheme = 'blue' | 'red' | 'green' | 'yellow' | 'purple' | 'neutral';
 

package/src/Foundations/Colors/Palette.tsx

@@ -5,10 +5,10 @@ import Card from '../../Components/Card/Card';
 import Divider from '../../Components/Divider/Divider';
 import Provider from '../../Components/Provider/Provider';
 import Text from '../../Components/Text/Text';
-import colors, { Colors } from './Colors';
+import colors from './Colors';
 
 const paletteKeys = ['neutral', 'purple', 'red', 'orange', 'yellow', 'green', 'turquoise', 'blue'] as Array<
-  keyof Colors
+  keyof typeof colors
 >;
 
 const getTextColorFromShade = (backgroundColor: string, darkColor = 'text.body', lightColor = 'neutral.100') => {

package/src/Foundations/Sizes/Sizes.ts

@@ -14,5 +14,5 @@ const sizes = {
   '128': '8rem',
 };
 
-export type Sizes = typeof sizes;
+export type TypeSizes = keyof typeof sizes;
 export default sizes;

package/src/index.ts

@@ -3,8 +3,8 @@ export * from './utils/chakra';
 export * from './hooks';
 
 export { default as theme } from './theme';
-export type { Colors } from './Foundations/Colors/Colors';
-export type { Sizes } from './Foundations/Sizes/Sizes';
+export type { TypeColors } from './Foundations/Colors/Colors';
+export type { TypeSizes } from './Foundations/Sizes/Sizes';
 
 export type { LinkProps } from './Components/Link/Link';
 export { default as Link } from './Components/Link/Link';