[skip ci] repo-sync

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-.DS_Store
+lib
+yarn-error.log

src/ArrowBox.tsx

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react"
+
+import Icon from "./Icon"
+import { ReactComponent as ArrowBoxSvg } from "./images/data-box.svg"
+
+export const ArrowBoxIcon = forwardRef<
+  SVGSVGElement,
+  {
+    className?: string
+    style?: React.CSSProperties
+  }
+>(function InnerArrowBoxIcon(props, ref) {
+  return <Icon ref={ref} component={ArrowBoxSvg} {...props} />
+})

src/CollapseIcon.tsx

@@ -0,0 +1,8 @@
+import React, { forwardRef } from "react"
+
+import Icon from "./Icon"
+import { ReactComponent as Backup } from "./images/collapse-custom.svg"
+
+export const CollapseIcon = forwardRef<SVGSVGElement>(function InnerArgoCDIcon(props, ref) {
+  return <Icon ref={ref} component={Backup} {...props} />
+})

src/DragAreaIcon.tsx

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react"
+
+import Icon from "./Icon"
+import { ReactComponent as DragArea } from "./images/drag-area.svg"
+
+export const DragAreaIcon = forwardRef<
+  SVGSVGElement,
+  {
+    className?: string
+    style?: React.CSSProperties
+  }
+>(function InnerDragAreaIcon(props, ref) {
+  return <Icon ref={ref} component={DragArea} {...props} />
+})

src/KubernetesOutlined.tsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from "react"
+
+import Icon, { IconProps } from "./Icon"
+import { ReactComponent as KubernetesSvg } from "./images/Kubernetes.svg"
+
+export const KubernetesOutlinedIcon = forwardRef<
+  SVGSVGElement,
+  Omit<IconProps, "component" | "ref">
+>(function InnerKubernetesIcon(props, ref) {
+  return <Icon ref={ref} component={KubernetesSvg} {...props} />
+})

src/RegexIcon.tsx

@@ -0,0 +1,14 @@
+import React, { forwardRef } from "react"
+
+import Icon from "./Icon"
+import { ReactComponent as Expand } from "./images/regex.svg"
+
+export const RegexIcon = forwardRef<
+  SVGSVGElement,
+  {
+    className?: string
+    style?: React.CSSProperties
+  }
+>(function InnerRegexIcon(props, ref) {
+  return <Icon ref={ref} component={Expand} {...props} />
+})

src/SleepIcon.tsx

@@ -3,6 +3,12 @@ import React, { forwardRef } from "react"
 import Icon from "./Icon"
 import { ReactComponent as SleepSvg } from "./images/sleep.svg"
 
-export const SleepIcon = forwardRef<SVGSVGElement>(function InnerSleepIcon(props, ref) {
+export const SleepIcon = forwardRef<
+  SVGSVGElement,
+  {
+    className?: string
+    style?: React.CSSProperties
+  }
+>(function InnerSleepIcon(props, ref) {
   return <Icon ref={ref} component={SleepSvg} {...props} />
 })