@eclass/ui-kit 1.10.1 → 1.11.1

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

@@ -26912,7 +26912,8 @@ function Btn({
   size: size2 = "regular",
   touchDark = false,
   type = "button",
-  tabIndex
+  tabIndex,
+  id: id2
 }) {
   var _a, _b, _c;
   let showChildren = children != null ? children : null;
@@ -26934,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,
@@ -27004,9 +27006,11 @@ function BtnPrimary({
   rightIcon,
   size: size2 = "regular",
   type = "button",
-  tabIndex
+  tabIndex,
+  id: id2
 }) {
   return /* @__PURE__ */ jsx(Btn, {
+    id: id2,
     disabled: disabled2,
     isFullWidth,
     isLoading,
@@ -27032,9 +27036,11 @@ function BtnSecondary({
   rightIcon,
   size: size2 = "regular",
   type = "button",
-  tabIndex
+  tabIndex,
+  id: id2
 }) {
   return /* @__PURE__ */ jsx(Btn, {
+    id: id2,
     bg: {
       main: vars("colors-main-veryLightBlue"),
       hover: vars("colors-main-linkWater")
@@ -27063,6 +27069,9 @@ function BtnTertiary({
   rightIcon,
   withoutColor = false,
   m: m2 = "0",
+  type = "button",
+  tabIndex,
+  id: id2,
   onClick
 }) {
   var _a;
@@ -27097,8 +27106,11 @@ function BtnTertiary({
   const rIcon = rightIcon ? icon : void 0;
   const lIcon = !rightIcon ? icon : void 0;
   return /* @__PURE__ */ jsx(Button, {
+    id: id2,
+    type,
+    tabIndex,
     height: "24px",
-    background: white,
+    background: "transparent",
     fontFamily: "Roboto",
     fontStyle: "normal",
     fontWeight: "500",
@@ -27128,6 +27140,34 @@ function BtnTertiary({
   });
 }
 BtnTertiary.displayName = "BtnTertiary";
+function BtnLink({
+  children,
+  m: m2 = "0",
+  onClick,
+  id: id2
+}) {
+  return /* @__PURE__ */ jsx(Box, {
+    as: "button",
+    id: id2,
+    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 {
@@ -28299,5 +28339,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