@eclass/ui-kit 1.57.7 → 1.57.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/eclass-ui-kit.es.js +55 -23
- package/dist/eclass-ui-kit.es.js.map +1 -1
- package/dist/eclass-ui-kit.umd.js +30 -30
- package/dist/eclass-ui-kit.umd.js.map +1 -1
- package/dist/molecules/Buttons/BtnLink.d.ts +18 -0
- package/dist/molecules/Buttons/BtnLink.d.ts.map +1 -1
- package/dist/organisms/CourseList/components/Header.d.ts.map +1 -1
- package/dist/organisms/CourseList/utils/dataFake.d.ts.map +1 -1
- package/dist/organisms/Modals/ModalAlert/ModalAlertContent.d.ts.map +1 -1
- package/dist/organisms/Resources/Icons/Url.d.ts.map +1 -1
- package/dist/organisms/Resources/Resources.d.ts.map +1 -1
- package/dist/tsconfig.types.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/eclass-ui-kit.es.js
CHANGED
|
@@ -1783,37 +1783,43 @@ function BtnLink({
|
|
|
1783
1783
|
}
|
|
1784
1784
|
};
|
|
1785
1785
|
return /* @__PURE__ */ jsx(Box, {
|
|
1786
|
+
...stylesBtnLink,
|
|
1786
1787
|
"aria-label": ariaLabel,
|
|
1787
1788
|
as,
|
|
1788
1789
|
autoFocus: false,
|
|
1789
|
-
backgroundColor: "transparent",
|
|
1790
|
-
borderStyle: "none",
|
|
1791
1790
|
className: "linkButton",
|
|
1792
|
-
color: vars("colors-main-deepSkyBlue"),
|
|
1793
1791
|
cursor: isDisable ? "not-allowed" : "pointer",
|
|
1794
|
-
fontFamily: "Roboto",
|
|
1795
1792
|
fontSize,
|
|
1796
|
-
fontStyle: "normal",
|
|
1797
|
-
fontWeight: "500",
|
|
1798
1793
|
id,
|
|
1799
|
-
lineHeight: "1rem",
|
|
1800
1794
|
onClick: isDisable ? void 0 : onClick,
|
|
1801
1795
|
opacity: isDisable ? 0.5 : 1,
|
|
1802
|
-
padding: ".25em",
|
|
1803
1796
|
role,
|
|
1804
1797
|
tabIndex,
|
|
1805
1798
|
textDecorationLine: textDecorationLine ? "underline" : "none",
|
|
1806
|
-
width: "fit-content",
|
|
1807
1799
|
m: m2,
|
|
1808
|
-
_hover: {
|
|
1809
|
-
color: vars("colors-neutral-darkCharcoal"),
|
|
1810
|
-
cursor: "pointer"
|
|
1811
|
-
},
|
|
1812
1800
|
...typeButton[as],
|
|
1813
1801
|
sx,
|
|
1814
1802
|
children
|
|
1815
1803
|
});
|
|
1816
1804
|
}
|
|
1805
|
+
const stylesBtnLink = {
|
|
1806
|
+
backgroundColor: "transparent",
|
|
1807
|
+
borderStyle: "none",
|
|
1808
|
+
color: vars("colors-main-deepSkyBlue"),
|
|
1809
|
+
cursor: "pointer",
|
|
1810
|
+
fontFamily: "Roboto",
|
|
1811
|
+
fontSize: "1rem",
|
|
1812
|
+
fontStyle: "normal",
|
|
1813
|
+
fontWeight: "500",
|
|
1814
|
+
lineHeight: "1rem",
|
|
1815
|
+
padding: ".25em",
|
|
1816
|
+
textDecorationLine: "underline",
|
|
1817
|
+
width: "fit-content",
|
|
1818
|
+
_hover: {
|
|
1819
|
+
color: vars("colors-neutral-darkCharcoal"),
|
|
1820
|
+
cursor: "pointer"
|
|
1821
|
+
}
|
|
1822
|
+
};
|
|
1817
1823
|
BtnLink.displayName = "BtnLink";
|
|
1818
1824
|
const HelpIcon = () => {
|
|
1819
1825
|
return /* @__PURE__ */ jsx("svg", {
|
|
@@ -2097,6 +2103,7 @@ function Header$1() {
|
|
|
2097
2103
|
children: [(profile == null ? void 0 : profile.id) !== STUDENT && /* @__PURE__ */ jsx(Label, {
|
|
2098
2104
|
bg: vars("colors-neutral-white"),
|
|
2099
2105
|
children: /* @__PURE__ */ jsxs(Flex, {
|
|
2106
|
+
alignItems: "center",
|
|
2100
2107
|
children: [/* @__PURE__ */ jsx(Profile, {
|
|
2101
2108
|
m: "0 .25rem 0 0"
|
|
2102
2109
|
}), profile == null ? void 0 : profile.name]
|
|
@@ -2110,6 +2117,10 @@ function Header$1() {
|
|
|
2110
2117
|
const labelStyle = LABEL_STYLES[item.id];
|
|
2111
2118
|
return /* @__PURE__ */ jsx(Label, {
|
|
2112
2119
|
bg: labelStyle == null ? void 0 : labelStyle.bg,
|
|
2120
|
+
sx: {
|
|
2121
|
+
display: "flex",
|
|
2122
|
+
alignItems: "center"
|
|
2123
|
+
},
|
|
2113
2124
|
children: item.text
|
|
2114
2125
|
}, index2);
|
|
2115
2126
|
})
|
|
@@ -2682,7 +2693,12 @@ const dataStates = {
|
|
|
2682
2693
|
...dataBase.action,
|
|
2683
2694
|
enabled: false
|
|
2684
2695
|
},
|
|
2685
|
-
labels: [
|
|
2696
|
+
labels: [
|
|
2697
|
+
{
|
|
2698
|
+
id: "ADMIN",
|
|
2699
|
+
text: "Curso madre"
|
|
2700
|
+
}
|
|
2701
|
+
]
|
|
2686
2702
|
},
|
|
2687
2703
|
activado: {
|
|
2688
2704
|
...dataBase,
|
|
@@ -7640,6 +7656,11 @@ const ModalAlertContent = ({
|
|
|
7640
7656
|
fontSize: "16px",
|
|
7641
7657
|
lineHeight: "24px",
|
|
7642
7658
|
mb: 0,
|
|
7659
|
+
sx: {
|
|
7660
|
+
a: {
|
|
7661
|
+
...stylesBtnLink
|
|
7662
|
+
}
|
|
7663
|
+
},
|
|
7643
7664
|
children: descriptionParsed
|
|
7644
7665
|
})]
|
|
7645
7666
|
}), type !== "loading" && children ? children : /* @__PURE__ */ jsx(Fragment, {})]
|
|
@@ -9138,11 +9159,21 @@ const Url = () => {
|
|
|
9138
9159
|
fill: "none",
|
|
9139
9160
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9140
9161
|
children: [/* @__PURE__ */ jsx("path", {
|
|
9141
|
-
|
|
9142
|
-
|
|
9162
|
+
stroke: "#fff",
|
|
9163
|
+
strokeWidth: 4,
|
|
9164
|
+
d: "M58.625 29.067 38.341 49.35"
|
|
9143
9165
|
}), /* @__PURE__ */ jsx("path", {
|
|
9144
|
-
|
|
9145
|
-
|
|
9166
|
+
stroke: "#fff",
|
|
9167
|
+
strokeLinecap: "round",
|
|
9168
|
+
strokeWidth: 4,
|
|
9169
|
+
d: "M67.64 7.657H2.281V64H67.64V7.657ZM2.281 20.052H67.64"
|
|
9170
|
+
}), /* @__PURE__ */ jsx("path", {
|
|
9171
|
+
stroke: "#fff",
|
|
9172
|
+
strokeWidth: 4,
|
|
9173
|
+
d: "M40.59 29.067h18.03v18.03"
|
|
9174
|
+
}), /* @__PURE__ */ jsx("path", {
|
|
9175
|
+
fill: "#fff",
|
|
9176
|
+
d: "M8.48 15.544a1.69 1.69 0 1 0 0-3.38 1.69 1.69 0 0 0 0 3.38ZM15.24 15.544a1.69 1.69 0 1 0 0-3.38 1.69 1.69 0 0 0 0 3.38Z"
|
|
9146
9177
|
})]
|
|
9147
9178
|
});
|
|
9148
9179
|
};
|
|
@@ -9193,6 +9224,8 @@ const StandardBackground = ({
|
|
|
9193
9224
|
})]
|
|
9194
9225
|
});
|
|
9195
9226
|
};
|
|
9227
|
+
const StyledText = Text$1;
|
|
9228
|
+
const StyledLink = Link;
|
|
9196
9229
|
const Resources = ({
|
|
9197
9230
|
id,
|
|
9198
9231
|
resourceType,
|
|
@@ -9228,7 +9261,7 @@ const Resources = ({
|
|
|
9228
9261
|
};
|
|
9229
9262
|
return colorMap[resourceType] || "#FFBC27";
|
|
9230
9263
|
};
|
|
9231
|
-
return /* @__PURE__ */ jsx(
|
|
9264
|
+
return /* @__PURE__ */ jsx(StyledLink, {
|
|
9232
9265
|
href: resourceLink,
|
|
9233
9266
|
target: targetBlank ? "_blank" : "_self",
|
|
9234
9267
|
rel: targetBlank ? "noopener noreferrer" : void 0,
|
|
@@ -9250,7 +9283,6 @@ const Resources = ({
|
|
|
9250
9283
|
textAlign: "center",
|
|
9251
9284
|
alignItems: "center",
|
|
9252
9285
|
display: "grid",
|
|
9253
|
-
padding: "1rem",
|
|
9254
9286
|
children: [/* @__PURE__ */ jsx(Icons, {
|
|
9255
9287
|
type: resourceType
|
|
9256
9288
|
}), /* @__PURE__ */ jsx(Box, {
|
|
@@ -9274,7 +9306,7 @@ const Resources = ({
|
|
|
9274
9306
|
gap: "8px",
|
|
9275
9307
|
padding: "1rem",
|
|
9276
9308
|
children: [/* @__PURE__ */ jsx(Box, {
|
|
9277
|
-
children: /* @__PURE__ */ jsx(
|
|
9309
|
+
children: /* @__PURE__ */ jsx(StyledText, {
|
|
9278
9310
|
fontFamily: "Roboto",
|
|
9279
9311
|
fontWeight: "700",
|
|
9280
9312
|
lineHeight: "21px",
|
|
@@ -9284,7 +9316,7 @@ const Resources = ({
|
|
|
9284
9316
|
children: resourceTitle
|
|
9285
9317
|
})
|
|
9286
9318
|
}), /* @__PURE__ */ jsx(Box, {
|
|
9287
|
-
children: /* @__PURE__ */ jsx(
|
|
9319
|
+
children: /* @__PURE__ */ jsx(StyledText, {
|
|
9288
9320
|
fontFamily: "Roboto",
|
|
9289
9321
|
fontWeight: "400",
|
|
9290
9322
|
lineHeight: "14px",
|
|
@@ -9297,7 +9329,7 @@ const Resources = ({
|
|
|
9297
9329
|
display: "flex",
|
|
9298
9330
|
alignItems: "center",
|
|
9299
9331
|
justifyContent: "center",
|
|
9300
|
-
children: /* @__PURE__ */ jsxs(
|
|
9332
|
+
children: /* @__PURE__ */ jsxs(StyledText, {
|
|
9301
9333
|
fontFamily: "Roboto",
|
|
9302
9334
|
fontWeight: "500",
|
|
9303
9335
|
fontSize: "14px",
|