@obolnetwork/obol-ui 1.0.15-0 → 1.0.15

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 (3) hide show
  1. package/dist/index.es.js +12 -5
  2. package/dist/index.js +12 -5
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -929,7 +929,8 @@ var Container = styled(Box, {
929
929
  var Image = styled('img', {
930
930
  // reset
931
931
  verticalAlign: "middle",
932
- maxWidth: "100%"
932
+ maxWidth: "100%",
933
+ maxHeight: "100%",
933
934
  });
934
935
 
935
936
  var ArrowForward = function (props) { return (jsx(SvgIcon, __assign({}, props, { children: jsx("path", { d: "M9.99992 3.3335L9.05992 4.2735L12.1133 7.3335H1.33325V8.66683H12.1133L9.05325 11.7268L9.99992 12.6668L14.6666 8.00016L9.99992 3.3335Z", stroke: "currentColor", fill: "currentColor" }) }))); };
@@ -1117,7 +1118,7 @@ var TeamMemberCard = function (props) { return (jsxs(Box, __assign({ css: {
1117
1118
  "@sm": { $$size: "100px" },
1118
1119
  "&::after": {
1119
1120
  position: "absolute",
1120
- marginTop: "-163.5px",
1121
+ marginTop: "-160px",
1121
1122
  borderRadius: "$round",
1122
1123
  display: "block",
1123
1124
  content: "",
@@ -1125,10 +1126,10 @@ var TeamMemberCard = function (props) { return (jsxs(Box, __assign({ css: {
1125
1126
  height: "$$size",
1126
1127
  background: "hsla(161, 77%, 54%, 0.2)",
1127
1128
  "@sm": {
1128
- marginTop: "-103.5px",
1129
+ marginTop: "-100px",
1129
1130
  },
1130
1131
  },
1131
- } }, { children: jsx(Image, { placeholder: 'blur', alt: props.heading, css: { borderRadius: "$round" }, src: props.image, width: 160, height: 160 }) })), jsxs(Box, __assign({ css: {
1132
+ } }, { children: jsx(Image, { placeholder: "blur", alt: props.heading, css: { borderRadius: "$round" }, src: props.image, width: 160, height: 160 }) })), jsxs(Box, __assign({ css: {
1132
1133
  display: "grid",
1133
1134
  justifyContent: "center",
1134
1135
  "@sm": { justifyContent: "start" },
@@ -1169,7 +1170,13 @@ var LogoCard = function (props) {
1169
1170
  width: "auto",
1170
1171
  height: "60px",
1171
1172
  },
1172
- }, target: "_blank", href: props.logoCardLink }, { children: jsx(Box, __assign({ css: { position: "relative", width: "100%", height: "100%" } }, { children: jsx(Image, { src: props.image, alt: props.heading }) })) })));
1173
+ }, target: "_blank", href: props.logoCardLink }, { children: jsx(Box, __assign({ className: "logo-card-container", css: {
1174
+ display: "flex",
1175
+ justifyContent: "center",
1176
+ position: "relative",
1177
+ width: "100%",
1178
+ height: "100%",
1179
+ } }, { children: jsx(Image, { css: { objectFit: "contain" }, src: props.image, alt: props.heading }) })) })));
1173
1180
  };
1174
1181
 
1175
1182
  // Exports
package/dist/index.js CHANGED
@@ -960,7 +960,8 @@ var Container = styled(Box, {
960
960
  var Image = styled('img', {
961
961
  // reset
962
962
  verticalAlign: "middle",
963
- maxWidth: "100%"
963
+ maxWidth: "100%",
964
+ maxHeight: "100%",
964
965
  });
965
966
 
966
967
  var ArrowForward = function (props) { return (jsxRuntime.jsx(SvgIcon, __assign({}, props, { children: jsxRuntime.jsx("path", { d: "M9.99992 3.3335L9.05992 4.2735L12.1133 7.3335H1.33325V8.66683H12.1133L9.05325 11.7268L9.99992 12.6668L14.6666 8.00016L9.99992 3.3335Z", stroke: "currentColor", fill: "currentColor" }) }))); };
@@ -1148,7 +1149,7 @@ var TeamMemberCard = function (props) { return (jsxRuntime.jsxs(Box, __assign({
1148
1149
  "@sm": { $$size: "100px" },
1149
1150
  "&::after": {
1150
1151
  position: "absolute",
1151
- marginTop: "-163.5px",
1152
+ marginTop: "-160px",
1152
1153
  borderRadius: "$round",
1153
1154
  display: "block",
1154
1155
  content: "",
@@ -1156,10 +1157,10 @@ var TeamMemberCard = function (props) { return (jsxRuntime.jsxs(Box, __assign({
1156
1157
  height: "$$size",
1157
1158
  background: "hsla(161, 77%, 54%, 0.2)",
1158
1159
  "@sm": {
1159
- marginTop: "-103.5px",
1160
+ marginTop: "-100px",
1160
1161
  },
1161
1162
  },
1162
- } }, { children: jsxRuntime.jsx(Image, { placeholder: 'blur', alt: props.heading, css: { borderRadius: "$round" }, src: props.image, width: 160, height: 160 }) })), jsxRuntime.jsxs(Box, __assign({ css: {
1163
+ } }, { children: jsxRuntime.jsx(Image, { placeholder: "blur", alt: props.heading, css: { borderRadius: "$round" }, src: props.image, width: 160, height: 160 }) })), jsxRuntime.jsxs(Box, __assign({ css: {
1163
1164
  display: "grid",
1164
1165
  justifyContent: "center",
1165
1166
  "@sm": { justifyContent: "start" },
@@ -1200,7 +1201,13 @@ var LogoCard = function (props) {
1200
1201
  width: "auto",
1201
1202
  height: "60px",
1202
1203
  },
1203
- }, target: "_blank", href: props.logoCardLink }, { children: jsxRuntime.jsx(Box, __assign({ css: { position: "relative", width: "100%", height: "100%" } }, { children: jsxRuntime.jsx(Image, { src: props.image, alt: props.heading }) })) })));
1204
+ }, target: "_blank", href: props.logoCardLink }, { children: jsxRuntime.jsx(Box, __assign({ className: "logo-card-container", css: {
1205
+ display: "flex",
1206
+ justifyContent: "center",
1207
+ position: "relative",
1208
+ width: "100%",
1209
+ height: "100%",
1210
+ } }, { children: jsxRuntime.jsx(Image, { css: { objectFit: "contain" }, src: props.image, alt: props.heading }) })) })));
1204
1211
  };
1205
1212
 
1206
1213
  // Exports
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@obolnetwork/obol-ui",
3
- "version": "1.0.15-0",
3
+ "version": "1.0.15",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "license": "MIT",