@bitrise/bitkit 9.15.0 → 9.16.2

package/package.json

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

package/src/Components/Box/Box.tsx

@@ -10,6 +10,6 @@ const Box = forwardRef<BoxProps, 'div'>((props, ref) => {
   return <ChakraBox {...props} ref={ref} />;
 });
 
-export { BoxProps } from '@chakra-ui/react';
+export type { BoxProps };
 
 export default Box;

package/src/Components/Text/Text.tsx

@@ -23,6 +23,7 @@ type TextTags =
   | 'h6'
   | 'kbd'
   | 'li'
+  | 'label'
   | 'mark'
   | 'p'
   | 'pre'
@@ -43,7 +44,6 @@ export interface TextProps extends ChakraTextProps {
    */
   as?: TextTags;
   className?: string;
-  color?: 'body' | 'secondary' | string;
   /**
    * Font weight
    */
@@ -53,22 +53,28 @@ export interface TextProps extends ChakraTextProps {
    */
   size?: TextSizes;
   textTransform?: 'capitalize' | 'lowercase' | 'none' | 'uppercase';
+  hasEllipsis?: boolean;
 }
 
 /**
  * `Text` component is the used to render text and paragraphs within an interface. It renders a `<p>` tag by default.
  */
 const Text = forwardRef<TextProps, 'p'>((props, ref) => {
-  const { color, fontWeight, size, textTransform } = props;
-  const properties: ChakraTextProps = { ...props };
+  const { fontWeight, size, textTransform, hasEllipsis, ...rest } = props;
+  const properties: ChakraTextProps = { fontWeight, size, textTransform, ...rest };
   if (size === '1' && (!textTransform || textTransform === 'none')) {
     properties.textTransform = 'uppercase';
   }
   if (!fontWeight && (size === '5' || size === '6' || size === '7' || size === '8')) {
     properties.fontWeight = 'bold';
   }
-  if (color) {
-    properties.color = `text.${color}`;
+  if (hasEllipsis) {
+    if (!properties.maxWidth) {
+      properties.maxWidth = '100%';
+    }
+    properties.textOverflow = 'ellipsis';
+    properties.whiteSpace = 'nowrap';
+    properties.overflow = 'hidden';
   }
   return <ChakraText {...properties} ref={ref} />;
 });

package/src/Foundations/Typography/Typography.ts

@@ -17,6 +17,13 @@ const typography = {
     normal: 400,
     bold: 700,
   },
+  letterSpacings: {
+    '1': '0.00625rem',
+    '2': '0.009375rem',
+    '3': '0.0175rem',
+    '4': '0.0375rem',
+    '5': '0.05rem',
+  },
   lineHeights: {
     '1': '1rem',
     '2': '1.25rem',

package/src/index.ts

@@ -29,5 +29,11 @@ export { default as Card } from './Components/Card/Card';
 export type { CardContentProps } from './Components/Card/CardContent';
 export { default as CardContent } from './Components/Card/CardContent';
 
+export type { TextProps } from './Components/Text/Text';
+export { default as Text } from './Components/Text/Text';
+
+export type { BoxProps } from './Components/Box/Box';
+export { default as Box } from './Components/Box/Box';
+
 export type { ColorButtonProps } from './Components/ColorButton/ColorButton';
 export { default as ColorButton } from './Components/ColorButton/ColorButton';

package/src/old.ts

@@ -232,12 +232,6 @@ export { default as Tab } from './Old/Tabs/Tab';
 export type { Props as TabsProps } from './Old/Tabs/Tabs';
 export { default as Tabs } from './Old/Tabs/Tabs';
 
-export type { Props as TextProps } from './Old/Text/Text';
-export type { TypeTextLetterSpacing } from './Old/Text/Text';
-export type { TypeTextSize } from './Old/Text/Text';
-export type { TypeTextWeight } from './Old/Text/Text';
-export { default as Text } from './Old/Text/Text';
-
 export type { Props as TextareaProps } from './Old/Textarea/Textarea';
 export { default as Textarea } from './Old/Textarea/Textarea';
 

package/src/tsconfig.json

@@ -3,4 +3,4 @@
   "include": [
     "**/*"
   ]
-}
+}