@eclass/ui-kit 1.11.2 → 1.11.5

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

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

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

@@ -1,8 +1,12 @@
+export * from './AcademicRecord';
 export * from './AlertInfo';
 export * from './ArrowRight';
 export * from './Certificate';
 export * from './CircularCheck';
 export * from './CircularInformation';
+export * from './Download';
+export * from './GoBack';
+export * from './Multimedia';
 export * from './Loader';
 export * from './Profile';
 export * from './Schedule';
@@ -10,11 +14,8 @@ export * from './TinyAlertInfo';
 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';
-export * from './AcademicRecord';

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

@@ -26397,6 +26397,25 @@ function Base({
     }), children]
   });
 }
+function AcademicRecord(props) {
+  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    title: "academicRecord",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M14 0H2C1.73478 0 1.48043 0.105357 1.29289 0.292893C1.10536 0.48043 1 0.734784 1 1V7C1 7.26522 1.10536 7.51957 1.29289 7.70711C1.48043 7.89464 1.73478 8 2 8H14C14.2652 8 14.5196 7.89464 14.7071 7.70711C14.8946 7.51957 15 7.26522 15 7V1C15 0.734784 14.8946 0.48043 14.7071 0.292893C14.5196 0.105357 14.2652 0 14 0V0Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M15 10H1V12H15V10Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M15 14H1V16H15V14Z",
+      fill: "currentColor"
+    })]
+  }));
+}
+AcademicRecord.displayName = "AcademicRecord";
 function AlertInfo(props) {
   return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
     children: /* @__PURE__ */ jsxs("svg", {
@@ -26506,6 +26525,55 @@ function CircularInformation(props) {
   }));
 }
 CircularInformation.displayName = "CircularInformation";
+function Download(props) {
+  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
+    w: "16px",
+    h: "16px",
+    viewBox: "0 0 16 16",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M7.99998 12C8.29998 12 8.49998 11.9 8.69998 11.7L14.4 6L13 4.6L8.99998 8.6V0H6.99998V8.6L2.99998 4.6L1.59998 6L7.29998 11.7C7.49998 11.9 7.69998 12 7.99998 12Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M15 14H1V16H15V14Z",
+      fill: "currentColor"
+    })]
+  }));
+}
+Download.displayName = "Download";
+function GoBack(props) {
+  return /* @__PURE__ */ jsx(Base, __spreadProps(__spreadValues({}, props), {
+    w: "8px",
+    h: "16px",
+    viewBox: "0 0 8 16",
+    title: "goBack",
+    children: /* @__PURE__ */ jsx("path", {
+      d: "M5.92593 2L0 8L5.92593 14L8 11.9L4.14815 8L8 4.1L5.92593 2Z",
+      fill: "currentColor"
+    })
+  }));
+}
+GoBack.displayName = "GoBack";
+function Multimedia(props) {
+  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
+    w: "12px",
+    viewBox: "0 0 14 14",
+    title: "multimedia",
+    children: [/* @__PURE__ */ jsx("path", {
+      d: "M3 6C4.65685 6 6 4.65685 6 3C6 1.34315 4.65685 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M11 6C12.6569 6 14 4.65685 14 3C14 1.34315 12.6569 0 11 0C9.34315 0 8 1.34315 8 3C8 4.65685 9.34315 6 11 6Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M3 14C4.65685 14 6 12.6569 6 11C6 9.34315 4.65685 8 3 8C1.34315 8 0 9.34315 0 11C0 12.6569 1.34315 14 3 14Z",
+      fill: "currentColor"
+    }), /* @__PURE__ */ jsx("path", {
+      d: "M11 14C12.6569 14 14 12.6569 14 11C14 9.34315 12.6569 8 11 8C9.34315 8 8 9.34315 8 11C8 12.6569 9.34315 14 11 14Z",
+      fill: "currentColor"
+    })]
+  }));
+}
+Multimedia.displayName = "Multimedia";
 function Loader({
   fill = "#fff"
 }) {
@@ -26694,50 +26762,16 @@ function TinyAlertSuccess(props) {
   }));
 }
 TinyAlertSuccess.displayName = "TinyAlertSuccess";
-function Multimedia(props) {
-  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
-    w: "12px",
-    viewBox: "0 0 14 14",
-    title: "multimedia",
-    children: [/* @__PURE__ */ jsx("path", {
-      d: "M3 6C4.65685 6 6 4.65685 6 3C6 1.34315 4.65685 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M11 6C12.6569 6 14 4.65685 14 3C14 1.34315 12.6569 0 11 0C9.34315 0 8 1.34315 8 3C8 4.65685 9.34315 6 11 6Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M3 14C4.65685 14 6 12.6569 6 11C6 9.34315 4.65685 8 3 8C1.34315 8 0 9.34315 0 11C0 12.6569 1.34315 14 3 14Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M11 14C12.6569 14 14 12.6569 14 11C14 9.34315 12.6569 8 11 8C9.34315 8 8 9.34315 8 11C8 12.6569 9.34315 14 11 14Z",
-      fill: "currentColor"
-    })]
-  }));
-}
-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",
+    w: "14px",
     h: "16px",
-    viewBox: "0 0 16 16",
+    viewBox: "0 0 14 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",
+      d: "M7 0C4.95714 0 3.28571 1.67143 3.28571 3.71429V4.64286H1.42857C0.871429 4.64286 0.5 5.01429 0.5 5.57143V13.9286C0.5 14.4857 0.871429 14.8571 1.42857 14.8571H12.5714C13.1286 14.8571 13.5 14.4857 13.5 13.9286V5.57143C13.5 5.01429 13.1286 4.64286 12.5714 4.64286H10.7143V3.71429C10.7143 1.67143 9.04286 0 7 0ZM7.92857 10.8643V12.0714H6.07143V10.8643C5.51429 10.5857 5.14286 9.93571 5.14286 9.28571C5.14286 8.26429 5.97857 7.42857 7 7.42857C8.02143 7.42857 8.85714 8.26429 8.85714 9.28571C8.85714 9.93571 8.48571 10.5857 7.92857 10.8643ZM5.14286 3.71429V4.64286H8.85714V3.71429C8.85714 2.69286 8.02143 1.85714 7 1.85714C5.97857 1.85714 5.14286 2.69286 5.14286 3.71429Z",
       fill: "currentColor"
     })
   }));
@@ -26803,25 +26837,6 @@ function TextBubble(props) {
   }));
 }
 TextBubble.displayName = "TextBubble";
-function AcademicRecord(props) {
-  return /* @__PURE__ */ jsxs(Base, __spreadProps(__spreadValues({}, props), {
-    w: "16px",
-    h: "16px",
-    viewBox: "0 0 16 16",
-    title: "academicRecord",
-    children: [/* @__PURE__ */ jsx("path", {
-      d: "M14 0H2C1.73478 0 1.48043 0.105357 1.29289 0.292893C1.10536 0.48043 1 0.734784 1 1V7C1 7.26522 1.10536 7.51957 1.29289 7.70711C1.48043 7.89464 1.73478 8 2 8H14C14.2652 8 14.5196 7.89464 14.7071 7.70711C14.8946 7.51957 15 7.26522 15 7V1C15 0.734784 14.8946 0.48043 14.7071 0.292893C14.5196 0.105357 14.2652 0 14 0V0Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M15 10H1V12H15V10Z",
-      fill: "currentColor"
-    }), /* @__PURE__ */ jsx("path", {
-      d: "M15 14H1V16H15V14Z",
-      fill: "currentColor"
-    })]
-  }));
-}
-AcademicRecord.displayName = "AcademicRecord";
 function TinyAlert({
   status,
   text,
@@ -27098,7 +27113,7 @@ function BtnTertiary({
   const gray = vars("colors-neutral-gray");
   const blue = vars("colors-main-deepSkyBlue");
   const white = vars("colors-neutral-white");
-  const colorIcon = withoutColor ? gray : blue;
+  const colorIcon = withoutColor ? vars("colors-main-blueGrey") : blue;
   const btnIcons = {
     answer: /* @__PURE__ */ jsx(TextBubble, {
       color: colorIcon
@@ -27106,24 +27121,28 @@ function BtnTertiary({
     back: /* @__PURE__ */ jsx(GoBack, {
       color: colorIcon
     }),
-    edit: /* @__PURE__ */ jsx(Pen, {
+    delete: /* @__PURE__ */ jsx(TrashCan, {
       color: colorIcon
     }),
-    delete: /* @__PURE__ */ jsx(TrashCan, {
+    download: /* @__PURE__ */ jsx(Download, {
       color: colorIcon
     }),
-    more: /* @__PURE__ */ jsx(PlusSign, {
+    edit: /* @__PURE__ */ jsx(Pen, {
       color: colorIcon
     }),
-    password: /* @__PURE__ */ jsx(Password, {
+    more: /* @__PURE__ */ jsx(PlusSign, {
       color: colorIcon
     }),
     multimedia: /* @__PURE__ */ jsx(Multimedia, {
       color: colorIcon
     }),
+    password: /* @__PURE__ */ jsx(Password, {
+      color: colorIcon
+    }),
     record: /* @__PURE__ */ jsx(AcademicRecord, {
       color: colorIcon
-    })
+    }),
+    noIcon: /* @__PURE__ */ jsx(Fragment, {})
   };
   const icon = (_a = btnIcons[iconStatus]) != null ? _a : btnIcons.multimedia;
   const rIcon = rightIcon ? icon : void 0;
@@ -27153,9 +27172,15 @@ function BtnTertiary({
     _hover: {
       color: blue
     },
-    _focus: {
+    _focusVisible: {
       boxShadow: `inset 0 0 0 2px ${blue}, inset 0 0 0 4px ${white}`
     },
+    _focus: {
+      boxShadow: "none"
+    },
+    _active: {
+      bg: "transparent"
+    },
     sx: {
       "&:hover": {
         "svg path": {