@eclass/ui-kit 1.45.2 → 1.45.3

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.
Files changed (6) hide show
  1. package/dist/eclass-ui-kit.es.js +136 -135
  2. package/dist/eclass-ui-kit.es.js.map +1 -1
  3. package/dist/eclass-ui-kit.umd.js +21 -21
  4. package/dist/eclass-ui-kit.umd.js.map +1 -1
  5. package/dist/tsconfig.types.tsbuildinfo +1 -1
  6. package/package.json +1 -1
package/dist/eclass-ui-kit.es.js CHANGED
@@ -32049,80 +32049,80 @@ const LargeBox = ({
32049
32049
  };
32050
32050
  return /* @__PURE__ */ jsx(Link, {
32051
32051
  href: redirect,
32052
- _hover: {
32053
- textDecoration: "none"
32054
- },
32055
32052
  target: targetBlank ? "_blank" : "_self",
32056
32053
  rel: targetBlank ? "noopener noreferrer" : void 0,
32057
- display: "contents",
32058
- children: /* @__PURE__ */ jsxs(Flex, {
32059
- cursor: "pointer",
32060
- transition: "box-shadow .3s",
32061
- _active: cssActive,
32062
- _hover: cssActive,
32063
- _focus: cssActive,
32064
- w: "fit-content",
32065
- borderRadius: vars("radii-big"),
32066
- display: isMobile ? "block" : "flex",
32067
- children: [/* @__PURE__ */ jsx(Box, {
32068
- width: "285px",
32069
- height: isMobile ? "140px" : "168px",
32070
- bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32071
- backgroundSize: "cover",
32072
- borderRadius: isMobile ? "8px 8px 0px 0px" : "8px 0 0 8px"
32073
- }), /* @__PURE__ */ jsxs(Box, {
32074
- width: isMobile ? "285px" : "305px",
32075
- minHeight: isMobile ? "160px" : "168px",
32076
- borderRadius: isMobile ? "0 0 8px 8px" : "0 8px 8px 0",
32077
- border: vars("borders-light"),
32078
- display: "flex",
32079
- flexDirection: "column",
32054
+ w: "fit-content",
32055
+ h: "fit-content",
32056
+ transition: "box-shadow .3s",
32057
+ borderRadius: vars("radii-big"),
32058
+ _active: cssActive,
32059
+ _hover: cssActive,
32060
+ _focus: cssActive,
32061
+ children: /* @__PURE__ */ jsx(Ripples, {
32062
+ children: /* @__PURE__ */ jsxs(Flex, {
32080
32063
  cursor: "pointer",
32081
- children: [/* @__PURE__ */ jsxs(Box, {
32082
- width: "inherit",
32083
- height: "100%",
32084
- padding: "4",
32085
- color: "#555555",
32086
- gap: "16px",
32087
- display: "grid",
32088
- children: [/* @__PURE__ */ jsx(Text, {
32089
- fontWeight: "700",
32090
- children: eventTitle
32091
- }), /* @__PURE__ */ jsxs(Box, {
32092
- display: "flex",
32093
- alignItems: "center",
32094
- gap: "4px",
32095
- children: [/* @__PURE__ */ jsx(Calendar, {
32096
- color: vars("colors-main-ziggurat")
32097
- }), /* @__PURE__ */ jsx(Text, {
32098
- fontWeight: "400",
32099
- children: startDate
32100
- }), /* @__PURE__ */ jsx(Text, {
32101
- color: vars("borders-light"),
32102
- children: "|"
32103
- }), /* @__PURE__ */ jsx(Clock, {
32104
- color: vars("colors-main-ziggurat")
32105
- }), /* @__PURE__ */ jsx(Text, {
32106
- children: startTime
32064
+ w: "fit-content",
32065
+ display: isMobile ? "block" : "flex",
32066
+ children: [/* @__PURE__ */ jsx(Box, {
32067
+ width: "285px",
32068
+ height: isMobile ? "140px" : "168px",
32069
+ bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32070
+ backgroundSize: "cover",
32071
+ borderRadius: isMobile ? "8px 8px 0px 0px" : "8px 0 0 8px"
32072
+ }), /* @__PURE__ */ jsxs(Box, {
32073
+ width: isMobile ? "285px" : "305px",
32074
+ minHeight: isMobile ? "160px" : "168px",
32075
+ borderRadius: isMobile ? "0 0 8px 8px" : "0 8px 8px 0",
32076
+ border: vars("borders-light"),
32077
+ display: "flex",
32078
+ flexDirection: "column",
32079
+ cursor: "pointer",
32080
+ children: [/* @__PURE__ */ jsxs(Box, {
32081
+ width: "inherit",
32082
+ height: "100%",
32083
+ padding: "4",
32084
+ color: "#555555",
32085
+ gap: "16px",
32086
+ display: "grid",
32087
+ children: [/* @__PURE__ */ jsx(Text, {
32088
+ fontWeight: "700",
32089
+ children: eventTitle
32090
+ }), /* @__PURE__ */ jsxs(Box, {
32091
+ display: "flex",
32092
+ alignItems: "center",
32093
+ gap: "4px",
32094
+ children: [/* @__PURE__ */ jsx(Calendar, {
32095
+ color: vars("colors-main-ziggurat")
32096
+ }), /* @__PURE__ */ jsx(Text, {
32097
+ fontWeight: "400",
32098
+ children: startDate
32099
+ }), /* @__PURE__ */ jsx(Text, {
32100
+ color: vars("borders-light"),
32101
+ children: "|"
32102
+ }), /* @__PURE__ */ jsx(Clock, {
32103
+ color: vars("colors-main-ziggurat")
32104
+ }), /* @__PURE__ */ jsx(Text, {
32105
+ children: startTime
32106
+ })]
32107
32107
  })]
32108
+ }), /* @__PURE__ */ jsx(Box, {
32109
+ borderTop: `${vars("borders-light")}`,
32110
+ width: "100%",
32111
+ height: "50px",
32112
+ padding: "12px",
32113
+ backgroundColor: "white",
32114
+ alignItems: "center",
32115
+ display: "flex",
32116
+ justifyContent: "center",
32117
+ borderRadius: " 0 0 8px 8px",
32118
+ fontSize: "16px",
32119
+ fontFamily: "Roboto",
32120
+ color: vars("colors-main-deepSkyBlue"),
32121
+ fontWeight: "500",
32122
+ children: buttonInfo
32108
32123
  })]
32109
- }), /* @__PURE__ */ jsx(Box, {
32110
- borderTop: `${vars("borders-light")}`,
32111
- width: "100%",
32112
- height: "50px",
32113
- padding: "12px",
32114
- backgroundColor: "white",
32115
- alignItems: "center",
32116
- display: "flex",
32117
- justifyContent: "center",
32118
- borderRadius: " 0 0 8px 8px",
32119
- fontSize: "16px",
32120
- fontFamily: "Roboto",
32121
- color: vars("colors-main-deepSkyBlue"),
32122
- fontWeight: "500",
32123
- children: buttonInfo
32124
32124
  })]
32125
- })]
32125
+ })
32126
32126
  })
32127
32127
  }, id2);
32128
32128
  };
@@ -32141,78 +32141,79 @@ const SmallBox = ({
32141
32141
  };
32142
32142
  return /* @__PURE__ */ jsx(Link, {
32143
32143
  href: redirect,
32144
- _hover: {
32145
- textDecoration: "none"
32146
- },
32147
32144
  target: targetBlank ? "_blank" : "_self",
32148
32145
  rel: targetBlank ? "noopener noreferrer" : void 0,
32149
- display: "contents",
32150
- children: /* @__PURE__ */ jsxs(Box, {
32151
- width: "286px",
32152
- height: "247px",
32153
- borderRadius: vars("radii-big"),
32154
- border: vars("borders-light"),
32155
- justifyContent: "center",
32156
- textAlign: "center",
32157
- display: "flex",
32158
- flexDirection: "column",
32159
- cursor: "pointer",
32160
- transition: "box-shadow .3s",
32161
- _active: cssActive,
32162
- _hover: cssActive,
32163
- _focus: cssActive,
32164
- children: [/* @__PURE__ */ jsx(Box, {
32165
- flex: "1",
32166
- bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32167
- backgroundSize: "cover",
32168
- borderRadius: "8px 8px 0 0",
32169
- margin: "0",
32170
- display: "grid",
32171
- alignItems: "flex-end",
32172
- children: /* @__PURE__ */ jsxs(Box, {
32173
- color: vars("colors-neutral-white"),
32174
- padding: "16px",
32175
- textAlign: "initial",
32176
- fontFamily: "Roboto",
32177
- fontSize: "16px",
32178
- lineHeight: "21px",
32146
+ transition: "box-shadow .3s",
32147
+ _active: cssActive,
32148
+ _hover: cssActive,
32149
+ _focus: cssActive,
32150
+ width: "286px",
32151
+ height: "247px",
32152
+ borderRadius: vars("radii-big"),
32153
+ children: /* @__PURE__ */ jsx(Ripples, {
32154
+ children: /* @__PURE__ */ jsxs(Box, {
32155
+ width: "286px",
32156
+ height: "247px",
32157
+ borderRadius: vars("radii-big"),
32158
+ border: vars("borders-light"),
32159
+ justifyContent: "center",
32160
+ textAlign: "center",
32161
+ display: "flex",
32162
+ flexDirection: "column",
32163
+ cursor: "pointer",
32164
+ children: [/* @__PURE__ */ jsx(Box, {
32165
+ flex: "1",
32166
+ bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
32167
+ backgroundSize: "cover",
32168
+ borderRadius: "8px 8px 0 0",
32169
+ margin: "0",
32179
32170
  display: "grid",
32180
- gap: "8px",
32181
- children: [/* @__PURE__ */ jsx(Text, {
32182
- fontWeight: "700",
32183
- m: "0px",
32184
- children: eventTitle
32185
- }), /* @__PURE__ */ jsxs(Box, {
32186
- display: "flex",
32187
- alignItems: "center",
32188
- gap: "4px",
32189
- children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx(Text, {
32190
- fontWeight: "400",
32191
- m: "0px",
32192
- children: startDate
32193
- }), /* @__PURE__ */ jsx(Text, {
32194
- m: "0px",
32195
- children: "|"
32196
- }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Text, {
32171
+ alignItems: "flex-end",
32172
+ children: /* @__PURE__ */ jsxs(Box, {
32173
+ color: vars("colors-neutral-white"),
32174
+ padding: "16px",
32175
+ textAlign: "initial",
32176
+ fontFamily: "Roboto",
32177
+ fontSize: "16px",
32178
+ lineHeight: "21px",
32179
+ display: "grid",
32180
+ gap: "8px",
32181
+ children: [/* @__PURE__ */ jsx(Text, {
32182
+ fontWeight: "700",
32197
32183
  m: "0px",
32198
- children: startTime
32184
+ children: eventTitle
32185
+ }), /* @__PURE__ */ jsxs(Box, {
32186
+ display: "flex",
32187
+ alignItems: "center",
32188
+ gap: "4px",
32189
+ children: [/* @__PURE__ */ jsx(Calendar, {}), /* @__PURE__ */ jsx(Text, {
32190
+ fontWeight: "400",
32191
+ m: "0px",
32192
+ children: startDate
32193
+ }), /* @__PURE__ */ jsx(Text, {
32194
+ m: "0px",
32195
+ children: "|"
32196
+ }), /* @__PURE__ */ jsx(Clock, {}), /* @__PURE__ */ jsx(Text, {
32197
+ m: "0px",
32198
+ children: startTime
32199
+ })]
32199
32200
  })]
32200
- })]
32201
- })
32202
- }), /* @__PURE__ */ jsx(Box, {
32203
- width: "100%",
32204
- height: "50px",
32205
- backgroundColor: "white",
32206
- alignItems: "center",
32207
- display: "flex",
32208
- justifyContent: "center",
32209
- borderRadius: " 0 0 8px 8px",
32210
- fontSize: "16px",
32211
- fontFamily: "Roboto",
32212
- color: vars("colors-main-deepSkyBlue"),
32213
- fontWeight: "500",
32214
- children: buttonInfo
32215
- })]
32201
+ })
32202
+ }), /* @__PURE__ */ jsx(Box, {
32203
+ width: "100%",
32204
+ height: "50px",
32205
+ backgroundColor: "white",
32206
+ alignItems: "center",
32207
+ display: "flex",
32208
+ justifyContent: "center",
32209
+ borderRadius: " 0 0 8px 8px",
32210
+ fontSize: "16px",
32211
+ fontFamily: "Roboto",
32212
+ color: vars("colors-main-deepSkyBlue"),
32213
+ fontWeight: "500",
32214
+ children: buttonInfo
32215
+ })]
32216
+ })
32216
32217
  })
32217
32218
  }, id2);
32218
32219
  };