@conveyorhq/arrow-ds 1.132.0 → 1.133.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.132.0",
+  "version": "1.133.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Icon/Icon.d.ts

@@ -10,6 +10,9 @@ export declare enum CUSTOM_ICON_TYPE {
     CONVEYOR_LOGO = "conveyor-logo",
     DIALOG_CHECK = "dialog-check",
     FOLDERS = "folders",
+    INSERT_END = "insert-end",
+    INSERT_MIDDLE = "insert-middle",
+    INSERT_START = "insert-start",
     SCROLL = "scroll",
     SHIELD_CHECK = "shield-check",
     SPARKLE = "sparkle",

package/public/components/Icon/Icon.js

@@ -229,6 +229,9 @@ var CUSTOM_ICON_TYPE;
     CUSTOM_ICON_TYPE["CONVEYOR_LOGO"] = "conveyor-logo";
     CUSTOM_ICON_TYPE["DIALOG_CHECK"] = "dialog-check";
     CUSTOM_ICON_TYPE["FOLDERS"] = "folders";
+    CUSTOM_ICON_TYPE["INSERT_END"] = "insert-end";
+    CUSTOM_ICON_TYPE["INSERT_MIDDLE"] = "insert-middle";
+    CUSTOM_ICON_TYPE["INSERT_START"] = "insert-start";
     CUSTOM_ICON_TYPE["SCROLL"] = "scroll";
     CUSTOM_ICON_TYPE["SHIELD_CHECK"] = "shield-check";
     CUSTOM_ICON_TYPE["SPARKLE"] = "sparkle";
@@ -244,6 +247,9 @@ const CustomIcons = {
     [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: svg_1.ConveyorLogoIcon,
     [CUSTOM_ICON_TYPE.DIALOG_CHECK]: svg_1.DialogCheck,
     [CUSTOM_ICON_TYPE.FOLDERS]: svg_1.Folders,
+    [CUSTOM_ICON_TYPE.INSERT_END]: svg_1.InsertEnd,
+    [CUSTOM_ICON_TYPE.INSERT_MIDDLE]: svg_1.InsertMiddle,
+    [CUSTOM_ICON_TYPE.INSERT_START]: svg_1.InsertStart,
     [CUSTOM_ICON_TYPE.SCROLL]: svg_1.Scroll,
     [CUSTOM_ICON_TYPE.SHIELD_CHECK]: ShieldCheck_1.SheildCheck,
     [CUSTOM_ICON_TYPE.SPARKLE]: svg_1.Sparkle,

package/public/components/Icon/svg/InsertEnd.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from "../../Svg";
+export declare const InsertEnd: (props: SvgProps) => JSX.Element;

package/public/components/Icon/svg/InsertEnd.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsertEnd = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const InsertEnd = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, Object.assign({ width: "13", height: "12", viewBox: "0 0 13 12", fill: "none" }, props),
+        react_1.default.createElement("path", { d: "M0.875 3.125C0.664062 3.125 0.5 2.96094 0.5 2.75V1.25C0.5 1.0625 0.664062 0.875 0.875 0.875H10.625C10.8125 0.875 11 1.0625 11 1.25V2.75C11 2.96094 10.8125 3.125 10.625 3.125H0.875Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M0.875 7.25C0.664062 7.25 0.5 7.08594 0.5 6.875V5.375C0.5 5.1875 0.664062 5 0.875 5H10.625C10.8125 5 11 5.1875 11 5.375V6.875C11 7.08594 10.8125 7.25 10.625 7.25H0.875Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M2.375 11.375C2.16406 11.375 2 11.2109 2 11V9.5C2 9.3125 2.16406 9.125 2.375 9.125H12.125C12.3125 9.125 12.5 9.3125 12.5 9.5V11C12.5 11.2109 12.3125 11.375 12.125 11.375H2.375Z", fill: "currentColor" })));
+};
+exports.InsertEnd = InsertEnd;

package/public/components/Icon/svg/InsertMiddle.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from "../../Svg";
+export declare const InsertMiddle: (props: SvgProps) => JSX.Element;

package/public/components/Icon/svg/InsertMiddle.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsertMiddle = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const InsertMiddle = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, Object.assign({ width: "13", height: "12", viewBox: "0 0 13 12", fill: "none" }, props),
+        react_1.default.createElement("path", { d: "M0.875 3.125C0.664062 3.125 0.5 2.96094 0.5 2.75V1.25C0.5 1.0625 0.664062 0.875 0.875 0.875H10.625C10.8125 0.875 11 1.0625 11 1.25V2.75C11 2.96094 10.8125 3.125 10.625 3.125H0.875ZM12.125 5C12.3125 5 12.5 5.1875 12.5 5.375V6.875C12.5 7.08594 12.3125 7.25 12.125 7.25H2.375C2.16406 7.25 2 7.08594 2 6.875V5.375C2 5.1875 2.16406 5 2.375 5H12.125ZM10.625 9.125C10.8125 9.125 11 9.3125 11 9.5V11C11 11.2109 10.8125 11.375 10.625 11.375H0.875C0.664062 11.375 0.5 11.2109 0.5 11V9.5C0.5 9.3125 0.664062 9.125 0.875 9.125H10.625Z", fill: "currentColor" })));
+};
+exports.InsertMiddle = InsertMiddle;

package/public/components/Icon/svg/InsertStart.d.ts

@@ -0,0 +1,2 @@
+import { SvgProps } from "../../Svg";
+export declare const InsertStart: (props: SvgProps) => JSX.Element;

package/public/components/Icon/svg/InsertStart.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsertStart = void 0;
+const react_1 = __importDefault(require("react"));
+const Svg_1 = require("../../Svg");
+const InsertStart = (props) => {
+    return (react_1.default.createElement(Svg_1.Svg, Object.assign({ width: "13", height: "12", viewBox: "0 0 13 12", fill: "none" }, props),
+        react_1.default.createElement("path", { d: "M2.375 3.125C2.16406 3.125 2 2.96094 2 2.75V1.25C2 1.0625 2.16406 0.875 2.375 0.875H12.125C12.3125 0.875 12.5 1.0625 12.5 1.25V2.75C12.5 2.96094 12.3125 3.125 12.125 3.125H2.375Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M0.875 7.25C0.664062 7.25 0.5 7.08594 0.5 6.875V5.375C0.5 5.1875 0.664062 5 0.875 5H10.625C10.8125 5 11 5.1875 11 5.375V6.875C11 7.08594 10.8125 7.25 10.625 7.25H0.875Z", fill: "currentColor" }),
+        react_1.default.createElement("path", { d: "M0.875 11.375C0.664062 11.375 0.5 11.2109 0.5 11V9.5C0.5 9.3125 0.664062 9.125 0.875 9.125H10.625C10.8125 9.125 11 9.3125 11 9.5V11C11 11.2109 10.8125 11.375 10.625 11.375H0.875Z", fill: "currentColor" })));
+};
+exports.InsertStart = InsertStart;

package/public/components/Icon/svg/index.d.ts

@@ -6,6 +6,9 @@ export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";
 export * from "./Folders";
+export * from "./InsertEnd";
+export * from "./InsertMiddle";
+export * from "./InsertStart";
 export * from "./Scroll";
 export * from "./Sparkle";
 export * from "./Triangle";

package/public/components/Icon/svg/index.js

@@ -18,6 +18,9 @@ __exportStar(require("./CommentAltCheck"), exports);
 __exportStar(require("./ConveyorLogoIcon"), exports);
 __exportStar(require("./DialogCheck"), exports);
 __exportStar(require("./Folders"), exports);
+__exportStar(require("./InsertEnd"), exports);
+__exportStar(require("./InsertMiddle"), exports);
+__exportStar(require("./InsertStart"), exports);
 __exportStar(require("./Scroll"), exports);
 __exportStar(require("./Sparkle"), exports);
 __exportStar(require("./Triangle"), exports);

package/src/components/Icon/Icon.tsx

@@ -202,6 +202,9 @@ import {
   ConveyorLogoIcon,
   DialogCheck,
   Folders,
+  InsertEnd,
+  InsertMiddle,
+  InsertStart,
   Scroll,
   Sparkle,
   TriangleDown,
@@ -413,6 +416,9 @@ export enum CUSTOM_ICON_TYPE {
   CONVEYOR_LOGO = "conveyor-logo",
   DIALOG_CHECK = "dialog-check",
   FOLDERS = "folders",
+  INSERT_END = "insert-end",
+  INSERT_MIDDLE = "insert-middle",
+  INSERT_START = "insert-start",
   SCROLL = "scroll",
   SHIELD_CHECK = "shield-check",
   SPARKLE = "sparkle",
@@ -433,6 +439,9 @@ const CustomIcons: CustomIconPaths = {
   [CUSTOM_ICON_TYPE.CONVEYOR_LOGO]: ConveyorLogoIcon,
   [CUSTOM_ICON_TYPE.DIALOG_CHECK]: DialogCheck,
   [CUSTOM_ICON_TYPE.FOLDERS]: Folders,
+  [CUSTOM_ICON_TYPE.INSERT_END]: InsertEnd,
+  [CUSTOM_ICON_TYPE.INSERT_MIDDLE]: InsertMiddle,
+  [CUSTOM_ICON_TYPE.INSERT_START]: InsertStart,
   [CUSTOM_ICON_TYPE.SCROLL]: Scroll,
   [CUSTOM_ICON_TYPE.SHIELD_CHECK]: SheildCheck,
   [CUSTOM_ICON_TYPE.SPARKLE]: Sparkle,

package/src/components/Icon/svg/InsertEnd.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const InsertEnd = (props: SvgProps) => {
+  return (
+    <Svg width="13" height="12" viewBox="0 0 13 12" fill="none" {...props}>
+      <path
+        d="M0.875 3.125C0.664062 3.125 0.5 2.96094 0.5 2.75V1.25C0.5 1.0625 0.664062 0.875 0.875 0.875H10.625C10.8125 0.875 11 1.0625 11 1.25V2.75C11 2.96094 10.8125 3.125 10.625 3.125H0.875Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0.875 7.25C0.664062 7.25 0.5 7.08594 0.5 6.875V5.375C0.5 5.1875 0.664062 5 0.875 5H10.625C10.8125 5 11 5.1875 11 5.375V6.875C11 7.08594 10.8125 7.25 10.625 7.25H0.875Z"
+        fill="currentColor"
+      />
+      <path
+        d="M2.375 11.375C2.16406 11.375 2 11.2109 2 11V9.5C2 9.3125 2.16406 9.125 2.375 9.125H12.125C12.3125 9.125 12.5 9.3125 12.5 9.5V11C12.5 11.2109 12.3125 11.375 12.125 11.375H2.375Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};

package/src/components/Icon/svg/InsertMiddle.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const InsertMiddle = (props: SvgProps) => {
+  return (
+    <Svg width="13" height="12" viewBox="0 0 13 12" fill="none" {...props}>
+      <path
+        d="M0.875 3.125C0.664062 3.125 0.5 2.96094 0.5 2.75V1.25C0.5 1.0625 0.664062 0.875 0.875 0.875H10.625C10.8125 0.875 11 1.0625 11 1.25V2.75C11 2.96094 10.8125 3.125 10.625 3.125H0.875ZM12.125 5C12.3125 5 12.5 5.1875 12.5 5.375V6.875C12.5 7.08594 12.3125 7.25 12.125 7.25H2.375C2.16406 7.25 2 7.08594 2 6.875V5.375C2 5.1875 2.16406 5 2.375 5H12.125ZM10.625 9.125C10.8125 9.125 11 9.3125 11 9.5V11C11 11.2109 10.8125 11.375 10.625 11.375H0.875C0.664062 11.375 0.5 11.2109 0.5 11V9.5C0.5 9.3125 0.664062 9.125 0.875 9.125H10.625Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};

package/src/components/Icon/svg/InsertStart.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+import { Svg, SvgProps } from "../../Svg";
+
+export const InsertStart = (props: SvgProps) => {
+  return (
+    <Svg width="13" height="12" viewBox="0 0 13 12" fill="none" {...props}>
+      <path
+        d="M2.375 3.125C2.16406 3.125 2 2.96094 2 2.75V1.25C2 1.0625 2.16406 0.875 2.375 0.875H12.125C12.3125 0.875 12.5 1.0625 12.5 1.25V2.75C12.5 2.96094 12.3125 3.125 12.125 3.125H2.375Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0.875 7.25C0.664062 7.25 0.5 7.08594 0.5 6.875V5.375C0.5 5.1875 0.664062 5 0.875 5H10.625C10.8125 5 11 5.1875 11 5.375V6.875C11 7.08594 10.8125 7.25 10.625 7.25H0.875Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0.875 11.375C0.664062 11.375 0.5 11.2109 0.5 11V9.5C0.5 9.3125 0.664062 9.125 0.875 9.125H10.625C10.8125 9.125 11 9.3125 11 9.5V11C11 11.2109 10.8125 11.375 10.625 11.375H0.875Z"
+        fill="currentColor"
+      />
+    </Svg>
+  );
+};

package/src/components/Icon/svg/index.ts

@@ -6,6 +6,9 @@ export * from "./CommentAltCheck";
 export * from "./ConveyorLogoIcon";
 export * from "./DialogCheck";
 export * from "./Folders";
+export * from "./InsertEnd";
+export * from "./InsertMiddle";
+export * from "./InsertStart";
 export * from "./Scroll";
 export * from "./Sparkle";
 export * from "./Triangle";