added contract expand and rewind icons (#36598)

docs-ui/stories/assets/icons/data.tsx

@@ -624,6 +624,11 @@ export const icons: IconData[] = [
     groups: ['action'],
     keywords: ['open'],
   },
+  {
+    id: 'contract',
+    groups: ['action'],
+    keywords: ['close'],
+  },
   {
     id: 'asana',
     groups: ['logo'],
@@ -662,7 +667,12 @@ export const icons: IconData[] = [
   {
     id: 'panel',
     groups: ['navigation'],
-    keywords: ['sidebar', 'footer'],
+    keywords: ['sidebar', 'footer', 'header'],
     additionalProps: ['direction'],
   },
+  {
+    id: 'rewind10',
+    groups: ['action'],
+    keywords: ['rewind'],
+  },
 ];

static/app/icons/iconContract.tsx

@@ -0,0 +1,18 @@
+import {forwardRef} from 'react';
+
+import {SvgIcon, SVGIconProps} from './svgIcon';
+
+const IconContract = forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <path d="M5.02,16c-.41,0-.75-.34-.75-.75v-3.49H.78c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75H5.02c.41,0,.75,.34,.75,.75v4.24c0,.41-.34,.75-.75,.75Z" />
+      <path d="M11.05,16c-.41,0-.75-.34-.75-.75v-4.24c0-.41,.34-.75,.75-.75h4.22c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75h-3.47v3.49c0,.41-.34,.75-.75,.75Z" />
+      <path d="M5.01,5.73H.79c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h3.47V.76C4.26,.35,4.6,0,5.01,0s.75,.34,.75,.75V4.98c0,.41-.34,.75-.75,.75Z" />
+      <path d="M15.27,5.73h-4.22c-.41,0-.75-.34-.75-.75V.76c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v3.47h3.47c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75Z" />
+    </SvgIcon>
+  );
+});
+
+IconContract.displayName = 'IconContract';
+
+export {IconContract};

static/app/icons/iconExpand.tsx

@@ -5,10 +5,10 @@ import {SvgIcon, SVGIconProps} from './svgIcon';
 const IconExpand = forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
   return (
     <SvgIcon {...props} ref={ref}>
-      <path d="M14.51,2.56l-3,3a.75.75,0,0,1-1.06,0,.75.75,0,0,1,0-1.06l3-3H11a.76.76,0,0,1-.75-.75A.76.76,0,0,1,11,0h4.24A.76.76,0,0,1,16,.75V5a.75.75,0,0,1-1.5,0Z" />
-      <path d="M2.59,1.5,5.52,4.44a.74.74,0,0,1,0,1.06A.75.75,0,0,1,5,5.72a.79.79,0,0,1-.53-.22L1.53,2.56V5A.75.75,0,0,1,0,5V.75A.75.75,0,0,1,.78,0H5A.75.75,0,0,1,5,1.5Z" />
-      <path d="M13.42,14.49l-2.93-2.93a.75.75,0,0,1,0-1.06.74.74,0,0,1,1.06,0l2.93,2.93V11A.75.75,0,1,1,16,11v4.21a.74.74,0,0,1-.75.75H11a.75.75,0,0,1,0-1.5Z" />
-      <path d="M1.51,13.43l2.91-2.92a.77.77,0,0,1,1.07,0,.75.75,0,0,1,0,1.06L2.57,14.49H5A.75.75,0,1,1,5,16H.76A.74.74,0,0,1,0,15.24V11a.74.74,0,0,1,.75-.75.75.75,0,0,1,.75.75Z" />
+      <path d="M15.26,5.74c-.41,0-.75-.34-.75-.75V1.5h-3.49c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h4.24c.41,0,.75,.34,.75,.75V4.99c0,.41-.34,.75-.75,.75Z" />
+      <path d="M.78,5.74C.36,5.74,.03,5.4,.03,4.99V.75C.03,.34,.36,0,.78,0H4.99c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75H1.53v3.49c0,.41-.34,.75-.75,.75Z" />
+      <path d="M15.23,16h-4.22c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75h3.47v-3.47c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v4.22c0,.41-.34,.75-.75,.75Z" />
+      <path d="M4.97,16H.76C.34,16,0,15.66,0,15.25v-4.22c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v3.47h3.47c.41,0,.75,.34,.75,.75s-.34,.75-.75,.75Z" />
     </SvgIcon>
   );
 });

static/app/icons/iconRewind10.tsx

@@ -0,0 +1,18 @@
+import {forwardRef} from 'react';
+
+import {SvgIcon, SVGIconProps} from './svgIcon';
+
+const IconRewind10 = forwardRef<SVGSVGElement, SVGIconProps>((props, ref) => {
+  return (
+    <SvgIcon {...props} ref={ref}>
+      <path d="M2.18,2.64c-.05-.07-.07-.14-.06-.22,.01-.08,.05-.15,.12-.2L4.62,.34c.06-.04,.12-.09,.18-.13,.06-.04,.13-.06,.2-.06h.86c.08,0,.15,.03,.21,.09,.06,.06,.09,.13,.09,.21V7.56c0,.08-.03,.15-.09,.21s-.13,.09-.21,.09h-.89c-.08,0-.15-.03-.21-.09s-.09-.13-.09-.21V2.12l-1.56,1.22c-.07,.05-.14,.07-.21,.06-.08-.01-.15-.05-.2-.12l-.52-.65Z" />
+      <path d="M13.47,3.03c0,.14,.01,.29,.01,.46v1.03c0,.17,0,.32-.01,.46-.02,.43-.09,.82-.19,1.18-.11,.36-.27,.68-.51,.95s-.53,.48-.9,.63c-.37,.15-.82,.23-1.36,.23s-1-.08-1.36-.23c-.37-.15-.67-.36-.9-.63s-.4-.58-.51-.95-.17-.76-.19-1.18c-.01-.28-.02-.6-.02-.95s0-.67,.02-.95c.02-.42,.09-.82,.19-1.19,.11-.37,.28-.69,.51-.96s.53-.49,.9-.64c.37-.16,.82-.24,1.36-.24s.99,.08,1.36,.22c.37,.15,.67,.36,.9,.63,.23,.27,.4,.58,.51,.95,.11,.36,.17,.76,.19,1.18Zm-4.43,1.9c.04,.53,.16,.94,.38,1.23,.22,.29,.58,.43,1.09,.43s.88-.15,1.09-.43c.22-.29,.34-.7,.38-1.23,.01-.28,.02-.59,.02-.92s0-.65-.02-.92c-.04-.53-.16-.94-.38-1.23-.22-.29-.58-.43-1.09-.43s-.88,.14-1.09,.43c-.22,.29-.34,.7-.38,1.23-.01,.28-.02,.59-.02,.92s0,.64,.02,.92Z" />
+      <path d="M3.65,15.99c-.19,0-.38-.07-.53-.22L.25,12.9c-.29-.29-.29-.77,0-1.06l2.88-2.88c.29-.29,.77-.29,1.06,0s.29,.77,0,1.06l-2.35,2.35,2.35,2.35c.29,.29,.29,.77,0,1.06-.15,.15-.34,.22-.53,.22Z" />
+      <path d="M13.2,13.12H.78c-.41,0-.75-.34-.75-.75s.34-.75,.75-.75H13.2c.69,0,1.25-.56,1.25-1.25v-2.61c0-.41,.34-.75,.75-.75s.75,.34,.75,.75v2.61c0,1.52-1.23,2.75-2.75,2.75Z" />
+    </SvgIcon>
+  );
+});
+
+IconRewind10.displayName = 'IconRewind10';
+
+export {IconRewind10};

static/app/icons/index.tsx

@@ -17,9 +17,11 @@ export {IconClock} from './iconClock';
 export {IconClose} from './iconClose';
 export {IconCode} from './iconCode';
 export {IconCommit} from './iconCommit';
+export {IconContract} from './iconContract';
 export {IconCopy} from './iconCopy';
 export {IconDashboard} from './iconDashboard';
 export {IconDelete} from './iconDelete';
+export {IconDiamond} from './iconDiamond';
 export {IconDocs} from './iconDocs';
 export {IconDownload} from './iconDownload';
 export {IconEdit} from './iconEdit';
@@ -73,11 +75,11 @@ export {IconPrevious} from './iconPrevious';
 export {IconPrint} from './iconPrint';
 export {IconProject} from './iconProject';
 export {IconQuestion} from './iconQuestion';
-export {IconDiamond} from './iconDiamond';
 export {IconRefresh} from './iconRefresh';
 export {IconReleases} from './iconReleases';
 export {IconResize} from './iconResize';
 export {IconReturn} from './iconReturn';
+export {IconRewind10} from './iconRewind10';
 export {IconSad} from './iconSad';
 export {IconSearch} from './iconSearch';
 export {IconSentry} from './iconSentry';