@bitrise/bitkit 9.17.0 → 9.18.0

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

@@ -0,0 +1,193 @@
+export { default as AddonsTuorqouise } from './AddonsTuorqouise';
+export { default as AddonsViolet } from './AddonsViolet';
+export { default as AddonsWhite } from './AddonsWhite';
+export { default as Addons } from './Addons';
+export { default as Anchor } from './Anchor';
+export { default as Android } from './Android';
+export { default as App } from './App';
+export { default as AppleFill } from './AppleFill';
+export { default as Apple } from './Apple';
+export { default as ArrowBack } from './ArrowBack';
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowForward } from './ArrowForward';
+export { default as ArrowQuit } from './ArrowQuit';
+export { default as ArrowUp } from './ArrowUp';
+export { default as BackArrow } from './BackArrow';
+export { default as Badge3rdParty } from './Badge3rdParty';
+export { default as BadgeBitrise } from './BadgeBitrise';
+export { default as Bell } from './Bell';
+export { default as BitbotError } from './BitbotError';
+export { default as Bitbot } from './Bitbot';
+export { default as BitbucketBlue } from './BitbucketBlue';
+export { default as BitbucketPlain } from './BitbucketPlain';
+export { default as BitbucketShadedWhite } from './BitbucketShadedWhite';
+export { default as Book } from './Book';
+export { default as Branch } from './Branch';
+export { default as Bug } from './Bug';
+export { default as Build } from './Build';
+export { default as BuildstatusAbortedSolid } from './BuildstatusAbortedSolid';
+export { default as BuildstatusAborted } from './BuildstatusAborted';
+export { default as BuildstatusFailedSolid } from './BuildstatusFailedSolid';
+export { default as BuildstatusFailed } from './BuildstatusFailed';
+export { default as BuildstatusLoadingAnimated } from './BuildstatusLoadingAnimated';
+export { default as BuildstatusLoading } from './BuildstatusLoading';
+export { default as BuildstatusNeverbuilt } from './BuildstatusNeverbuilt';
+export { default as BuildstatusProgressEggplant } from './BuildstatusProgressEggplant';
+export { default as BuildstatusProgressWhite } from './BuildstatusProgressWhite';
+export { default as BuildstatusSuccessfulSolid } from './BuildstatusSuccessfulSolid';
+export { default as BuildstatusSuccessful } from './BuildstatusSuccessful';
+export { default as Bulletpoint } from './Bulletpoint';
+export { default as Cache } from './Cache';
+export { default as Calendar } from './Calendar';
+export { default as ChangePlan } from './ChangePlan';
+export { default as ChatMessage } from './ChatMessage';
+export { default as Chat } from './Chat';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as ChevronUp } from './ChevronUp';
+export { default as Clock } from './Clock';
+export { default as CloseSmall } from './CloseSmall';
+export { default as CodeSigning } from './CodeSigning';
+export { default as Code } from './Code';
+export { default as Coffee } from './Coffee';
+export { default as Commit } from './Commit';
+export { default as Conference } from './Conference';
+export { default as Cordova } from './Cordova';
+export { default as Cpu } from './Cpu';
+export { default as Creditcard } from './Creditcard';
+export { default as Credits } from './Credits';
+export { default as Cycle } from './Cycle';
+export { default as DeleteNope } from './DeleteNope';
+export { default as Deployment } from './Deployment';
+export { default as Doc } from './Doc';
+export { default as Dollars } from './Dollars';
+export { default as Download } from './Download';
+export { default as DropdownArrows } from './DropdownArrows';
+export { default as Dudes } from './Dudes';
+export { default as Duplicate } from './Duplicate';
+export { default as Enterprise } from './Enterprise';
+export { default as ErrorGeneral } from './ErrorGeneral';
+export { default as Expand } from './Expand';
+export { default as Fastlane } from './Fastlane';
+export { default as FileDoc } from './FileDoc';
+export { default as FilePdf } from './FilePdf';
+export { default as FilePlist } from './FilePlist';
+export { default as FileZip } from './FileZip';
+export { default as Filter } from './Filter';
+export { default as Flag } from './Flag';
+export { default as Flutter } from './Flutter';
+export { default as Folder } from './Folder';
+export { default as FullscreenExit } from './FullscreenExit';
+export { default as Fullscreen } from './Fullscreen';
+export { default as Gauge } from './Gauge';
+export { default as Github } from './Github';
+export { default as GitlabColor } from './GitlabColor';
+export { default as GitlabPlain } from './GitlabPlain';
+export { default as GitlabShadedWhite } from './GitlabShadedWhite';
+export { default as Globe } from './Globe';
+export { default as Go } from './Go';
+export { default as Group } from './Group';
+export { default as Heart } from './Heart';
+export { default as HidePassword } from './HidePassword';
+export { default as History } from './History';
+export { default as Image } from './Image';
+export { default as Info } from './Info';
+export { default as Interaction } from './Interaction';
+export { default as Invoice } from './Invoice';
+export { default as Ionic } from './Ionic';
+export { default as Japanese } from './Japanese';
+export { default as Key } from './Key';
+export { default as Laptop } from './Laptop';
+export { default as Lightbulb } from './Lightbulb';
+export { default as Link } from './Link';
+export { default as Lock } from './Lock';
+export { default as Login } from './Login';
+export { default as Logout } from './Logout';
+export { default as Macos } from './Macos';
+export { default as Magnifier } from './Magnifier';
+export { default as Mail } from './Mail';
+export { default as MenuGrid } from './MenuGrid';
+export { default as MenuHamburger } from './MenuHamburger';
+export { default as Message } from './Message';
+export { default as MinusClose } from './MinusClose';
+export { default as MinusRemove } from './MinusRemove';
+export { default as Mobile } from './Mobile';
+export { default as MoreHorizontal } from './MoreHorizontal';
+export { default as MoreVertical } from './MoreVertical';
+export { default as News } from './News';
+export { default as NoTie } from './NoTie';
+export { default as Nodejs } from './Nodejs';
+export { default as Numero } from './Numero';
+export { default as OpenInBrowser } from './OpenInBrowser';
+export { default as Other } from './Other';
+export { default as Overview } from './Overview';
+export { default as Owner } from './Owner';
+export { default as Pause } from './Pause';
+export { default as Pencil } from './Pencil';
+export { default as Percent } from './Percent';
+export { default as Person } from './Person';
+export { default as Play } from './Play';
+export { default as PlusAdd } from './PlusAdd';
+export { default as PlusOpen } from './PlusOpen';
+export { default as Podcast } from './Podcast';
+export { default as Power } from './Power';
+export { default as ProgressEggplant } from './ProgressEggplant';
+export { default as ProgressViolet } from './ProgressViolet';
+export { default as ProgressWhite } from './ProgressWhite';
+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 Request } from './Request';
+export { default as Responsiveness } from './Responsiveness';
+export { default as SampleApp } from './SampleApp';
+export { default as Save } from './Save';
+export { default as Screenshare } from './Screenshare';
+export { default as SecurityShield } from './SecurityShield';
+export { default as Settings } from './Settings';
+export { default as Ship } from './Ship';
+export { default as ShowPassword } from './ShowPassword';
+export { default as Shuffle } from './Shuffle';
+export { default as Stability } from './Stability';
+export { default as Stack } from './Stack';
+export { default as Star } from './Star';
+export { default as Status } from './Status';
+export { default as StepUpgrade } from './StepUpgrade';
+export { default as StepVersionOk } from './StepVersionOk';
+export { default as StepsTuorqouise } from './StepsTuorqouise';
+export { default as StepsViolet } from './StepsViolet';
+export { default as StepsWhite } from './StepsWhite';
+export { default as Steps } from './Steps';
+export { default as StepstatusSkip } from './StepstatusSkip';
+export { default as StepstatusWarning } from './StepstatusWarning';
+export { default as Stopwatch } from './Stopwatch';
+export { default as Support } from './Support';
+export { default as Swag } from './Swag';
+export { default as Tag } from './Tag';
+export { default as TestFailed } from './TestFailed';
+export { default as TestInconclusive } from './TestInconclusive';
+export { default as TestInfo } from './TestInfo';
+export { default as TestInprogress } from './TestInprogress';
+export { default as TestSkipped } from './TestSkipped';
+export { default as TestSuccess } from './TestSuccess';
+export { default as TestWarning } from './TestWarning';
+export { default as Testing } from './Testing';
+export { default as Tick } from './Tick';
+export { default as Time } from './Time';
+export { default as Tools } from './Tools';
+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 ValidateShield } from './ValidateShield';
+export { default as Video } from './Video';
+export { default as Warning } from './Warning';
+export { default as WebUi } from './WebUi';
+export { default as Webhooks } from './Webhooks';
+export { default as Webinar } from './Webinar';
+export { default as Window } from './Window';
+export { default as WorkflowFlow } from './WorkflowFlow';
+export { default as Workflow } from './Workflow';
+export { default as Wow } from './Wow';
+export { default as Xamarin } from './Xamarin';

package/src/Components/Icons/index.stories.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Meta } from '@storybook/react';
+import { Grid, GridItem, Tooltip, useClipboard, useToast } from '@chakra-ui/react';
+import Icon, { TypeIconName } from '../Icon/Icon';
+import Text from '../Text/Text';
+import * as bigIcons from './24x24';
+
+export default { title: 'Components/Icons' } as Meta;
+
+const IconCard = ({ iconName }: { iconName: string }) => {
+  const { onCopy } = useClipboard(iconName, {});
+  const toast = useToast();
+  return (
+    <Tooltip
+      label={
+        <Text textAlign="center">
+          {iconName} <br /> click to copy <Icon size="16" color="white" name="Duplicate" />
+        </Text>
+      }
+    >
+      <Grid
+        onClick={() => {
+          onCopy();
+          toast.closeAll();
+          toast({
+            title: (
+              <>
+                Copied <code>{iconName}</code>!
+              </>
+            ),
+          });
+        }}
+        cursor="pointer"
+        background="neutral.50"
+        alignContent="space-around"
+        gridTemplateColumns="1f 1f"
+        padding="8"
+        gap="4"
+        alignItems="center"
+        margin="4"
+      >
+        <Icon marginX="auto" name={iconName as TypeIconName} size="24" />
+        <Icon marginX="auto" name={iconName as TypeIconName} size="16" />
+        <GridItem as={Text} hasEllipsis textAlign="center" fontSize="2" lineHeight="2" colSpan={2}>
+          {iconName}
+        </GridItem>
+      </Grid>
+    </Tooltip>
+  );
+};
+
+export const List = () => (
+  <Grid gap="2" templateColumns="repeat(auto-fit, minmax(150px, 1fr))">
+    {Object.keys(bigIcons).map((icon) => (
+      <React.Fragment key={icon}>
+        <IconCard iconName={icon} />
+      </React.Fragment>
+    ))}
+  </Grid>
+);

package/src/Components/Icons/utils.ts

@@ -0,0 +1,15 @@
+import { useRef } from 'react';
+
+let uniqueId = 0;
+const getUniqueId = () => {
+  uniqueId += 1;
+  return uniqueId;
+};
+
+export function useIconId() {
+  const idRef = useRef<null | number>(null);
+  if (idRef.current === null) {
+    idRef.current = getUniqueId();
+  }
+  return `iconRender${idRef.current}`;
+}

package/src/Components/Menu/Menu.stories.tsx

@@ -13,11 +13,11 @@ export default {
 
 const List = () => (
   <MenuList>
-    <MenuItem iconName="AddOnsColorTuorqouise">Download</MenuItem>
-    <MenuItem iconName="AddOnsColorTuorqouise">Create a Copy</MenuItem>
-    <MenuItem iconName="AddOnsColorTuorqouise">Mark as Draft</MenuItem>
-    <MenuItem iconName="AddOnsColorTuorqouise">Delete</MenuItem>
-    <MenuItem iconName="AddOnsColorTuorqouise">Attend a Workshop</MenuItem>
+    <MenuItem iconName="AddonsTuorqouise">Download</MenuItem>
+    <MenuItem iconName="AddonsTuorqouise">Create a Copy</MenuItem>
+    <MenuItem iconName="AddonsTuorqouise">Mark as Draft</MenuItem>
+    <MenuItem iconName="AddonsTuorqouise">Delete</MenuItem>
+    <MenuItem iconName="AddonsTuorqouise">Attend a Workshop</MenuItem>
   </MenuList>
 );
 
@@ -65,10 +65,10 @@ export const WithCustomListWIP: ComponentStory<typeof Menu> = () => (
     <MenuButton as={Button}>Actions</MenuButton>
     <MenuList>
       <CustomItem />
-      <MenuItem iconName="AddOnsColorTuorqouise">Create a Copy</MenuItem>
-      <MenuItem iconName="AddOnsColorTuorqouise">Mark as Draft</MenuItem>
-      <MenuItem iconName="AddOnsColorTuorqouise">Delete</MenuItem>
-      <MenuItem iconName="AddOnsColorTuorqouise">Attend a Workshop</MenuItem>
+      <MenuItem iconName="AddonsTuorqouise">Create a Copy</MenuItem>
+      <MenuItem iconName="AddonsTuorqouise">Mark as Draft</MenuItem>
+      <MenuItem iconName="AddonsTuorqouise">Delete</MenuItem>
+      <MenuItem iconName="AddonsTuorqouise">Attend a Workshop</MenuItem>
     </MenuList>
   </Menu>
 );

package/src/index.ts

@@ -39,6 +39,9 @@ export { default as Box } from './Components/Box/Box';
 export type { ColorButtonProps } from './Components/ColorButton/ColorButton';
 export { default as ColorButton } from './Components/ColorButton/ColorButton';
 
+export type { TypeIconName, IconProps } from './Components/Icon/Icon';
+export { default as Icon } from './Components/Icon/Icon';
+
 export type { TabsProps } from './Components/Tabs/Tabs';
 export { default as Tabs } from './Components/Tabs/Tabs';
 

package/src/old.ts

@@ -91,10 +91,6 @@ export { default as Grid } from './Old/Grid/Grid';
 export type { Props as HamburgerProps } from './Old/Hamburger/Hamburger';
 export { default as Hamburger } from './Old/Hamburger/Hamburger';
 
-export type { Props as IconProps } from './Old/Icon/Icon';
-export type { TypeIconName } from './Old/Icon/Icon';
-export { default as Icon } from './Old/Icon/Icon';
-
 export type { Props as ImageProps } from './Old/Image/Image';
 export { default as Image } from './Old/Image/Image';