@eclass/ui-kit 1.45.0 → 1.45.1
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
CHANGED
|
@@ -32044,6 +32044,9 @@ const LargeBox = ({
|
|
|
32044
32044
|
targetBlank,
|
|
32045
32045
|
isMobile
|
|
32046
32046
|
}) => {
|
|
32047
|
+
const cssActive = {
|
|
32048
|
+
boxShadow: `0 2px 7px 0 ${vars("colors-neutral-silverSand")}`
|
|
32049
|
+
};
|
|
32047
32050
|
return /* @__PURE__ */ jsx(Link, {
|
|
32048
32051
|
href: redirect,
|
|
32049
32052
|
_hover: {
|
|
@@ -32054,10 +32057,10 @@ const LargeBox = ({
|
|
|
32054
32057
|
display: "contents",
|
|
32055
32058
|
children: /* @__PURE__ */ jsxs(Flex, {
|
|
32056
32059
|
cursor: "pointer",
|
|
32057
|
-
transition: "box-shadow
|
|
32058
|
-
|
|
32059
|
-
|
|
32060
|
-
|
|
32060
|
+
transition: "box-shadow .3s",
|
|
32061
|
+
_active: cssActive,
|
|
32062
|
+
_hover: cssActive,
|
|
32063
|
+
_focus: cssActive,
|
|
32061
32064
|
w: "fit-content",
|
|
32062
32065
|
borderRadius: vars("radii-big"),
|
|
32063
32066
|
display: isMobile ? "block" : "flex",
|
|
@@ -32133,6 +32136,9 @@ const SmallBox = ({
|
|
|
32133
32136
|
eventImage,
|
|
32134
32137
|
targetBlank
|
|
32135
32138
|
}) => {
|
|
32139
|
+
const cssActive = {
|
|
32140
|
+
boxShadow: `0 2px 7px 0 ${vars("colors-neutral-silverSand")}`
|
|
32141
|
+
};
|
|
32136
32142
|
return /* @__PURE__ */ jsx(Link, {
|
|
32137
32143
|
href: redirect,
|
|
32138
32144
|
_hover: {
|
|
@@ -32151,10 +32157,10 @@ const SmallBox = ({
|
|
|
32151
32157
|
display: "flex",
|
|
32152
32158
|
flexDirection: "column",
|
|
32153
32159
|
cursor: "pointer",
|
|
32154
|
-
transition: "box-shadow
|
|
32155
|
-
|
|
32156
|
-
|
|
32157
|
-
|
|
32160
|
+
transition: "box-shadow .3s",
|
|
32161
|
+
_active: cssActive,
|
|
32162
|
+
_hover: cssActive,
|
|
32163
|
+
_focus: cssActive,
|
|
32158
32164
|
children: [/* @__PURE__ */ jsx(Box, {
|
|
32159
32165
|
flex: "1",
|
|
32160
32166
|
bgImage: `linear-gradient(to bottom, rgba(0,0,0,0) 35%, rgba(0,0,0,1) 100%), url(${eventImage})`,
|
|
@@ -33193,6 +33199,9 @@ const Resources = ({
|
|
|
33193
33199
|
resourceLink,
|
|
33194
33200
|
targetBlank
|
|
33195
33201
|
}) => {
|
|
33202
|
+
const cssActive = {
|
|
33203
|
+
boxShadow: `0 2px 7px 0 ${vars("colors-neutral-silverSand")}`
|
|
33204
|
+
};
|
|
33196
33205
|
return /* @__PURE__ */ jsx(Link, {
|
|
33197
33206
|
href: resourceLink,
|
|
33198
33207
|
target: targetBlank ? "_blank" : "_self",
|
|
@@ -33211,10 +33220,10 @@ const Resources = ({
|
|
|
33211
33220
|
display: "grid",
|
|
33212
33221
|
gap: "8px",
|
|
33213
33222
|
padding: "1rem",
|
|
33214
|
-
transition: "box-shadow
|
|
33215
|
-
|
|
33216
|
-
|
|
33217
|
-
|
|
33223
|
+
transition: "box-shadow .3s",
|
|
33224
|
+
_active: cssActive,
|
|
33225
|
+
_hover: cssActive,
|
|
33226
|
+
_focus: cssActive,
|
|
33218
33227
|
cursor: "pointer",
|
|
33219
33228
|
children: [/* @__PURE__ */ jsx(Box, {
|
|
33220
33229
|
children: /* @__PURE__ */ jsx(Icons, {
|