@bitrise/bitkit 9.26.0 → 9.26.2-alpha-chakra.2

package/package.json

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

package/src/Components/EmptyState/EmptyState.tsx

@@ -5,7 +5,7 @@ import Icon, { TypeIconName } from '../Icon/Icon';
 import Text from '../Text/Text';
 
 export interface EmptyStateProps extends BoxProps {
-  description?: string;
+  description?: React.ReactNode;
   iconName: TypeIconName;
   maxContentWidth?: string;
   title: string;

package/src/Components/Select/Select.tsx

@@ -8,7 +8,7 @@ export interface SelectProps extends ChakraSelectProps {
 }
 
 const Select = (props: SelectProps) => {
-  const { iconName = 'DropdownArrows', size, ...rest } = props;
+  const { iconName = 'DropdownArrows', size, placeholder, children, ...rest } = props;
   const iconSize = size === 'medium' ? '24' : '16';
   const properties: ChakraSelectProps = {
     icon: <Icon name={iconName} fontSize={iconSize} size={iconSize} />,
@@ -16,7 +16,16 @@ const Select = (props: SelectProps) => {
     variant: 'select',
     ...rest,
   };
-  return <ChakraSelect {...properties} />;
+  return (
+    <ChakraSelect {...properties}>
+      {placeholder && (
+        <option selected hidden disabled value="">
+          {placeholder}
+        </option>
+      )}
+      {children}
+    </ChakraSelect>
+  );
 };
 
 Select.defaultProps = {

package/src/index.ts

@@ -82,3 +82,6 @@ export type { MenuListProps } from './Components/Menu/MenuList';
 export { default as MenuList } from './Components/Menu/MenuList';
 
 export { default as useToast } from './Components/Toast/Toast';
+
+export type { EmptyStateProps } from './Components/EmptyState/EmptyState';
+export { default as EmptyState } from './Components/EmptyState/EmptyState';