@eclass/ui-kit 1.10.2 → 1.11.2

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

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

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

@@ -17,3 +17,4 @@ export * from './Pen';
 export * from './PlusSign';
 export * from './TrashCan';
 export * from './TextBubble';
+export * from './AcademicRecord';

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

@@ -26803,6 +26803,25 @@ 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,
@@ -26920,6 +26939,7 @@ function Btn({
   if (!children && !rightIcon && !leftIcon) {
     showChildren = "Button";
   }
+  const paddingTopBottom = ".75rem";
   const borderRadius = rounded ? "12px" : vars("radii-small");
   const colorMain = (_a = bg2 == null ? void 0 : bg2.main) != null ? _a : vars("colors-main-deepSkyBlue");
   const touchColor = touchDark ? "rgba(160, 160, 160, 0.2)" : "rgba(255, 255, 255, 0.2)";
@@ -26954,8 +26974,8 @@ function Btn({
         },
         type,
         tabIndex,
-        paddingTop: size2 === "regular" ? vars("space-xs") : vars("space-xxs"),
-        paddingBottom: size2 === "regular" ? vars("space-xs") : vars("space-xxs"),
+        paddingTop: size2 === "regular" ? paddingTopBottom : onlyIcon ? vars("space-xs") : vars("space-xxs"),
+        paddingBottom: size2 === "regular" ? paddingTopBottom : onlyIcon ? vars("space-xs") : vars("space-xxs"),
         paddingLeft: size2 === "regular" ? vars("space-s") : vars("space-xs"),
         paddingRight: size2 === "regular" ? vars("space-s") : vars("space-xs"),
         position: "relative",
@@ -27089,7 +27109,7 @@ function BtnTertiary({
     edit: /* @__PURE__ */ jsx(Pen, {
       color: colorIcon
     }),
-    eliminate: /* @__PURE__ */ jsx(TrashCan, {
+    delete: /* @__PURE__ */ jsx(TrashCan, {
       color: colorIcon
     }),
     more: /* @__PURE__ */ jsx(PlusSign, {
@@ -27100,6 +27120,9 @@ function BtnTertiary({
     }),
     multimedia: /* @__PURE__ */ jsx(Multimedia, {
       color: colorIcon
+    }),
+    record: /* @__PURE__ */ jsx(AcademicRecord, {
+      color: colorIcon
     })
   };
   const icon = (_a = btnIcons[iconStatus]) != null ? _a : btnIcons.multimedia;
@@ -27110,7 +27133,7 @@ function BtnTertiary({
     type,
     tabIndex,
     height: "24px",
-    background: white,
+    background: "transparent",
     fontFamily: "Roboto",
     fontStyle: "normal",
     fontWeight: "500",
@@ -27118,6 +27141,10 @@ function BtnTertiary({
     lineHeight: "16px",
     textDecorationLine: "underline",
     borderRadius: "12px",
+    paddingTop: vars("space-xxs"),
+    paddingBottom: vars("space-xxs"),
+    paddingLeft: vars("space-xs"),
+    paddingRight: vars("space-xs"),
     color: gray,
     rightIcon: rIcon,
     leftIcon: lIcon,
@@ -27140,6 +27167,36 @@ function BtnTertiary({
   });
 }
 BtnTertiary.displayName = "BtnTertiary";
+function BtnLink({
+  children,
+  m: m2 = "0",
+  onClick,
+  id: id2
+}) {
+  return /* @__PURE__ */ jsx(Box, {
+    as: "button",
+    id: id2,
+    backgroundColor: "transparent",
+    borderStyle: "none",
+    width: "fit-content",
+    padding: ".25em",
+    fontFamily: "Roboto",
+    fontStyle: "normal",
+    fontWeight: "500",
+    fontSize: ".875rem",
+    lineHeight: "1rem",
+    textDecorationLine: "underline",
+    color: vars("colors-main-deepSkyBlue"),
+    m: m2,
+    onClick,
+    _hover: {
+      color: vars("colors-neutral-darkCharcoal"),
+      cursor: "pointer"
+    },
+    children
+  });
+}
+BtnLink.displayName = "BtnLink";
 const STUDENT = 4;
 function Header() {
   const {
@@ -28311,5 +28368,5 @@ function CourseList({
   });
 }
 CourseList.displayName = "CourseList";
-export { Btn, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
+export { Btn, BtnLink, BtnPrimary, BtnSecondary, BtnTertiary, CourseList, Label, Progress, Ripples, TinyAlert, dataFake, maxWidthCoursesList, theme, vars };
 //# sourceMappingURL=eclass-ui-kit.es.js.map