@bitrise/bitkit 12.41.5 → 12.42.0

package/package.json

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

package/src/Components/Icons/16x16/Release.tsx

@@ -0,0 +1,15 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Release = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path d="M7.25 3.25H8.75V4.75H7.25V3.25Z" fill="currentColor" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2.5C3 1.67157 3.67157 1 4.5 1H11.5C12.3284 1 13 1.67157 13 2.5V13.5C13 14.3284 12.3284 15 11.5 15H4.5C3.67157 15 3 14.3284 3 13.5V2.5ZM4.5 2.5H11.5V13.5H8.758V9.87935L9.93931 11.0607L11 10L7.99997 7L4.99997 10L6.06063 11.0607L7.258 9.86329V13.5H4.5L4.5 2.5Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Release;

package/src/Components/Icons/16x16/Upload.tsx

@@ -0,0 +1,16 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Release = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      d="M7.25002 4.87132V10H8.75002V4.87132L10.4749 6.59619L11.5356 5.53553L8.00002 2L4.46449 5.53553L5.52515 6.59619L7.25002 4.87132Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.25 9H3V11.5C3 12.3284 3.67157 13 4.5 13H11.5C12.3284 13 13 12.3284 13 11.5V9H11.75V11.5H4.25V9Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Release;

package/src/Components/Icons/16x16/index.ts

@@ -150,6 +150,7 @@ export { default as Pull } from './Pull';
 export { default as Push } from './Push';
 export { default as ReactIcon } from './ReactIcon';
 export { default as Refresh } from './Refresh';
+export { default as Release } from './Release';
 export { default as Replace } from './Replace';
 export { default as Request } from './Request';
 export { default as Responsiveness } from './Responsiveness';
@@ -196,6 +197,7 @@ export { default as Trace } from './Trace';
 export { default as Trash } from './Trash';
 export { default as Trigger } from './Trigger';
 export { default as Twitter } from './Twitter';
+export { default as Upload } from './Upload';
 export { default as ValidateShield } from './ValidateShield';
 export { default as Video } from './Video';
 export { default as Warning } from './Warning';

package/src/Components/Icons/24x24/Release.tsx

@@ -0,0 +1,15 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Release = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path d="M13 5H11V7H13V5Z" fill="currentColor" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2ZM7 20V4H17V20H13V14.8284L14.5858 16.4142L16 15L12 11L8 15L9.41421 16.4142L11 14.8284V20H7Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Release;

package/src/Components/Icons/24x24/Upload.tsx

@@ -0,0 +1,10 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Release = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path d="M8.49997 9.4L7.09997 8L12 3L17 8L15.6 9.4L13.1 6.9V15H11.1V6.9L8.49997 9.4Z" fill="currentColor" />
+    <path d="M6 13H4V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V13H18V18H6V13Z" fill="currentColor" />
+  </Icon>
+));
+
+export default Release;

package/src/Components/Icons/24x24/index.ts

@@ -150,6 +150,7 @@ export { default as Pull } from './Pull';
 export { default as Push } from './Push';
 export { default as ReactIcon } from './ReactIcon';
 export { default as Refresh } from './Refresh';
+export { default as Release } from './Release';
 export { default as Replace } from './Replace';
 export { default as Request } from './Request';
 export { default as Responsiveness } from './Responsiveness';
@@ -196,6 +197,7 @@ export { default as Trace } from './Trace';
 export { default as Trash } from './Trash';
 export { default as Trigger } from './Trigger';
 export { default as Twitter } from './Twitter';
+export { default as Upload } from './Upload';
 export { default as ValidateShield } from './ValidateShield';
 export { default as Video } from './Video';
 export { default as Warning } from './Warning';

package/src/Components/Tag/Tag.tsx

@@ -1,5 +1,6 @@
 import { Tag as ChakraTag, TagCloseButton, TagProps as ChakraTagProps, useMultiStyleConfig } from '@chakra-ui/react';
-import Icon from '../Icon/Icon';
+import { TypeColors } from 'src/Foundations/Colors/Colors';
+import Icon, { TypeIconName } from '../Icon/Icon';
 import Skeleton from '../Skeleton/Skeleton';
 import SkeletonBox from '../Skeleton/SkeletonBox';
 import Text from '../Text/Text';
@@ -8,6 +9,8 @@ import Tooltip from '../Tooltip/Tooltip';
 export interface TagProps extends Omit<ChakraTagProps, 'colorScheme' | 'size' | 'variant'> {
   closeButtonTooltip?: string;
   colorScheme?: 'neutral' | 'blue' | 'green' | 'red' | 'yellow' | 'purple';
+  iconColor?: TypeColors;
+  iconName?: TypeIconName;
   isDisabled?: boolean;
   isLoading?: boolean;
   onClose?: () => void;
@@ -16,7 +19,8 @@ export interface TagProps extends Omit<ChakraTagProps, 'colorScheme' | 'size' |
 }
 
 const Tag = (props: TagProps) => {
-  const { children, closeButtonTooltip, isDisabled, isLoading, onClose, withIcon, ...tagProps } = props;
+  const { children, closeButtonTooltip, iconColor, iconName, isDisabled, isLoading, onClose, withIcon, ...tagProps } =
+    props;
   const style = useMultiStyleConfig('Tag', tagProps);
 
   return (
@@ -27,7 +31,14 @@ const Tag = (props: TagProps) => {
       data-loading={isLoading || undefined}
       {...tagProps}
     >
-      {withIcon && <Icon name="Tick" size={tagProps.size === 'sm' ? '16' : '24'} __css={style.icon} />}
+      {(withIcon || !!iconName) && (
+        <Icon
+          color={iconColor}
+          name={iconName || 'Tick'}
+          size={tagProps.size === 'sm' ? '16' : '24'}
+          __css={style.icon}
+        />
+      )}
       <Text as="span" hasEllipsis sx={style.label}>
         {isLoading ? (
           <Skeleton isActive>