@eclass/ui-kit 1.10.0 → 1.11.0

package/dist/atoms/Icons/GoBack.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function GoBack(props: BaseProps): JSX.Element;
+export declare namespace GoBack {
+    var displayName: string;
+}

package/dist/atoms/Icons/Password.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function Password(props: BaseProps): JSX.Element;
+export declare namespace Password {
+    var displayName: string;
+}

package/dist/atoms/Icons/Pen.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function Pen(props: BaseProps): JSX.Element;
+export declare namespace Pen {
+    var displayName: string;
+}

package/dist/atoms/Icons/PlusSign.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function PlusSign(props: BaseProps): JSX.Element;
+export declare namespace PlusSign {
+    var displayName: string;
+}

package/dist/atoms/Icons/TextBubble.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function TextBubble(props: BaseProps): JSX.Element;
+export declare namespace TextBubble {
+    var displayName: string;
+}

package/dist/atoms/Icons/TrashCan.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseProps } from './Base';
+export declare function TrashCan(props: BaseProps): JSX.Element;
+export declare namespace TrashCan {
+    var displayName: string;
+}

package/dist/atoms/Icons/index.d.ts

@@ -11,3 +11,9 @@ export * from './TinyAlertError';
 export * from './TinyAlertWarning';
 export * from './TinyAlertSuccess';
 export * from './Multimedia';
+export * from './GoBack';
+export * from './Password';
+export * from './Pen';
+export * from './PlusSign';
+export * from './TrashCan';
+export * from './TextBubble';

package/dist/eclass-ui-kit.es.js

@@ -26715,6 +26715,94 @@ function Multimedia(props) {
   }));
 }
 Multimedia.displayName = "Multimedia";
+function GoBack(props) {
+  return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "goBack",
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M9.92593 2L4 8L9.92593 14L12 11.9L8.14815 8L12 4.1L9.92593 2Z",
+      fill: "currentColor"
+    })
+  }));
+}
+GoBack.displayName = "GoBack";
+function Password(props) {
+  return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "password",
+    children: /* @__PURE__ */ jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 1C5.95714 1 4.28571 2.67143 4.28571 4.71429V5.64286H2.42857C1.87143 5.64286 1.5 6.01429 1.5 6.57143V14.9286C1.5 15.4857 1.87143 15.8571 2.42857 15.8571H13.5714C14.1286 15.8571 14.5 15.4857 14.5 14.9286V6.57143C14.5 6.01429 14.1286 5.64286 13.5714 5.64286H11.7143V4.71429C11.7143 2.67143 10.0429 1 8 1ZM8.92857 11.8643V13.0714H7.07143V11.8643C6.51429 11.5857 6.14286 10.9357 6.14286 10.2857C6.14286 9.26429 6.97857 8.42857 8 8.42857C9.02143 8.42857 9.85714 9.26429 9.85714 10.2857C9.85714 10.9357 9.48571 11.5857 8.92857 11.8643ZM6.14286 4.71429V5.64286H9.85714V4.71429C9.85714 3.69286 9.02143 2.85714 8 2.85714C6.97857 2.85714 6.14286 3.69286 6.14286 4.71429Z",
+      fill: "currentColor"
+    })
+  }));
+}
+Password.displayName = "Password";
+function Pen(props) {
+  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "pen",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z",
+      fill: "currentColor"
+    })]
+  }));
+}
+Pen.displayName = "Pen";
+function PlusSign(props) {
+  return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "plusSign",
+    children: /* @__PURE__ */ jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16C3.6 16 0 12.4 0 8ZM9 9H12V7H9V4H7V7H4V9H7V12H9V9Z",
+      fill: "currentColor"
+    })
+  }));
+}
+PlusSign.displayName = "PlusSign";
+function TrashCan(props) {
+  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "trashCan",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M2 6V14C2 15.1 2.9 16 4 16H12C13.1 16 14 15.1 14 14V6H2Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M12 3V1C12 0.4 11.6 0 11 0H5C4.4 0 4 0.4 4 1V3H0V5H16V3H12ZM10 3H6V2H10V3Z",
+      fill: "currentColor"
+    })]
+  }));
+}
+TrashCan.displayName = "TrashCan";
+function TextBubble(props) {
+  return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "textBubble",
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M1 0H15C15.552 0 16 0.448 16 1V11C16 11.552 15.552 12 15 12H10L4 16V12H1C0.448 12 0 11.552 0 11V1C0 0.448 0.448 0 1 0Z",
+      fill: "currentColor"
+    })
+  }));
+}
+TextBubble.displayName = "TextBubble";
 function TinyAlert({
   status,
   text,
@@ -26822,7 +26910,10 @@ function Btn({
   rightIcon,
   rounded = false,
   size: size2 = "regular",
-  touchDark = false
+  touchDark = false,
+  type = "button",
+  tabIndex,
+  id: id2
 }) {
   var _a, _b, _c;
   let showChildren = children != null ? children : null;
@@ -26844,6 +26935,7 @@ function Btn({
     children: /* @__PURE__ */ jsx(Ripples$1, {
       color: touchColor,
       children: /* @__PURE__ */ jsx(Button, {
+        id: id2,
         fontWeight: "500",
         fontSize: size2 === "regular" ? "medium" : "small",
         bg: colorMain,
@@ -26860,6 +26952,8 @@ function Btn({
         onClick: (e2) => {
           !isLoading && !disabled2 && (onClick == null ? void 0 : onClick(e2));
         },
+        type,
+        tabIndex,
         paddingTop: size2 === "regular" ? vars("space-xs") : vars("space-xxs"),
         paddingBottom: size2 === "regular" ? vars("space-xs") : vars("space-xxs"),
         paddingLeft: size2 === "regular" ? vars("space-s") : vars("space-xs"),
@@ -26910,9 +27004,13 @@ function BtnPrimary({
   isLoading = false,
   onClick,
   rightIcon,
-  size: size2 = "regular"
+  size: size2 = "regular",
+  type = "button",
+  tabIndex,
+  id: id2
 }) {
   return /* @__PURE__ */ jsx(Btn, {
+    id: id2,
     disabled: disabled2,
     isFullWidth,
     isLoading,
@@ -26921,6 +27019,8 @@ function BtnPrimary({
     onClick,
     rightIcon,
     size: size2,
+    type,
+    tabIndex,
     children
   });
 }
@@ -26934,9 +27034,13 @@ function BtnSecondary({
   isLoading = false,
   onClick,
   rightIcon,
-  size: size2 = "regular"
+  size: size2 = "regular",
+  type = "button",
+  tabIndex,
+  id: id2
 }) {
   return /* @__PURE__ */ jsx(Btn, {
+    id: id2,
     bg: {
       main: vars("colors-main-veryLightBlue"),
       hover: vars("colors-main-linkWater")
@@ -26953,28 +27057,58 @@ function BtnSecondary({
     rightIcon,
     size: size2,
     touchDark: true,
+    type,
+    tabIndex,
     children
   });
 }
 BtnSecondary.displayName = "BtnSecondary";
 function BtnTertiary({
   children,
-  rightIcon = false,
+  iconStatus = "multimedia",
+  rightIcon,
   withoutColor = false,
   m: m2 = "0",
+  type = "button",
+  tabIndex,
+  id: id2,
   onClick
 }) {
+  var _a;
   const gray = vars("colors-neutral-gray");
   const blue = vars("colors-main-deepSkyBlue");
   const white = vars("colors-neutral-white");
   const colorIcon = withoutColor ? gray : blue;
-  const rIcon = rightIcon ? /* @__PURE__ */ jsx(Multimedia, {
-    color: colorIcon
-  }) : void 0;
-  const lIcon = !rightIcon ? /* @__PURE__ */ jsx(Multimedia, {
-    color: colorIcon
-  }) : void 0;
+  const btnIcons = {
+    answer: /* @__PURE__ */ jsx(TextBubble, {
+      color: colorIcon
+    }),
+    back: /* @__PURE__ */ jsx(GoBack, {
+      color: colorIcon
+    }),
+    edit: /* @__PURE__ */ jsx(Pen, {
+      color: colorIcon
+    }),
+    eliminate: /* @__PURE__ */ jsx(TrashCan, {
+      color: colorIcon
+    }),
+    more: /* @__PURE__ */ jsx(PlusSign, {
+      color: colorIcon
+    }),
+    password: /* @__PURE__ */ jsx(Password, {
+      color: colorIcon
+    }),
+    multimedia: /* @__PURE__ */ jsx(Multimedia, {
+      color: colorIcon
+    })
+  };
+  const icon = (_a = btnIcons[iconStatus]) != null ? _a : btnIcons.multimedia;
+  const rIcon = rightIcon ? icon : void 0;
+  const lIcon = !rightIcon ? icon : void 0;
   return /* @__PURE__ */ jsx(Button, {
+    id: id2,
+    type,
+    tabIndex,
     height: "24px",
     background: white,
     fontFamily: "Roboto",