@bitrise/bitkit 12.31.1 → 12.32.0

package/package.json

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

package/src/Components/Dialog/Dialog.tsx

@@ -1,3 +1,4 @@
+import { useId } from 'react';
 import {
   Modal,
   ModalOverlay,
@@ -38,6 +39,7 @@ const Dialog: ComponentWithAs<'section', DialogProps> = ({
 }: DialogProps) => {
   const dialogSize = useBreakpointValue({ [BREAKPOINTS.MOBILE]: 'mobile', [BREAKPOINTS.TABLET]: size });
   const prefersReducedMotion = usePrefersReducedMotion({ ssr: false });
+  const headerId = useId();
 
   return (
     <Modal
@@ -51,11 +53,11 @@ const Dialog: ComponentWithAs<'section', DialogProps> = ({
       trapFocus={trapFocus}
     >
       <ModalOverlay />
-      <ModalContent {...rest}>
+      <ModalContent aria-labelledby={variant !== 'empty' ? headerId : undefined} {...rest}>
         {variant !== 'empty' && (
           <>
             <ModalHeader marginRight="48">
-              <Text as="h1" size="5">
+              <Text id={headerId} as="h1" size="5">
                 {title}
               </Text>
             </ModalHeader>

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

@@ -0,0 +1,14 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Agent = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M13.3333 2.66671H2.66665V6.00004H13.3333V2.66671ZM13.3333 10H2.66665V13.3334H13.3333V10ZM2.66665 1.33337C1.93027 1.33337 1.33331 1.93033 1.33331 2.66671V6.00004C1.33331 6.73642 1.93027 7.33337 2.66665 7.33337H13.3333C14.0697 7.33337 14.6666 6.73642 14.6666 6.00004V2.66671C14.6666 1.93033 14.0697 1.33337 13.3333 1.33337H2.66665ZM2.66665 8.66671C1.93027 8.66671 1.33331 9.26366 1.33331 10V13.3334C1.33331 14.0698 1.93027 14.6667 2.66665 14.6667H13.3333C14.0697 14.6667 14.6666 14.0698 14.6666 13.3334V10C14.6666 9.26366 14.0697 8.66671 13.3333 8.66671H2.66665Z"
+      clipRule="evenodd"
+    />
+  </Icon>
+));
+
+export default Agent;

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

@@ -2,6 +2,7 @@ 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 Agent } from './Agent';
 export { default as Anchor } from './Anchor';
 export { default as Android } from './Android';
 export { default as App } from './App';

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

@@ -0,0 +1,14 @@
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Agent = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20 4H4V9H20V4ZM20 15H4V20H20V15ZM4 2C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H20C21.1046 11 22 10.1046 22 9V4C22 2.89543 21.1046 2 20 2H4ZM4 13C2.89543 13 2 13.8954 2 15V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V15C22 13.8954 21.1046 13 20 13H4Z"
+      clipRule="evenodd"
+    />
+  </Icon>
+));
+
+export default Agent;

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

@@ -2,6 +2,7 @@ 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 Agent } from './Agent';
 export { default as Anchor } from './Anchor';
 export { default as Android } from './Android';
 export { default as App } from './App';