@obolnetwork/obol-ui 1.0.27 → 1.0.30

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 +17 -16
  2. package/dist/index.js +17 -16
  3. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1128,14 +1128,16 @@ var MinusIcon = function () { return (jsx("svg", __assign({ width: "15", height:
1128
1128
 
1129
1129
  var PlusIcon = function () { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: jsx("path", { d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z", fill: "#DAEEF3" }) }))); };
1130
1130
 
1131
- var TeamMemberCard = function (props) { return (jsxs(Box, __assign({ css: {
1131
+ var TeamMemberCard = function (props) { return (jsxs(Box, __assign({ className: "team-member-card", css: {
1132
1132
  display: "grid",
1133
1133
  gridTemplateColumns: "1fr",
1134
1134
  borderRadius: "$3",
1135
1135
  backgroundColor: "$bg04",
1136
1136
  alignItems: "center",
1137
+ justifyItems: "center",
1138
+ width: "288px",
1137
1139
  gap: "$lg",
1138
- p: "$xl",
1140
+ py: "$xl",
1139
1141
  "@sm": { gridTemplateColumns: "1fr 2fr", p: "$sm" },
1140
1142
  } }, { children: [jsx(Box, __assign({ css: {
1141
1143
  $$size: "160px",
@@ -1610,24 +1612,23 @@ var AdvisoryToggleBullet = function (props) {
1610
1612
  }
1611
1613
  return (jsxs(Box, __assign({ className: "advisory-bullet", css: {
1612
1614
  display: "flex",
1613
- flexWrap: "wrap",
1614
1615
  alignItems: "center",
1615
1616
  gap: "$xs",
1616
1617
  minHeight: "$2xl",
1617
1618
  pl: "calc($2xl - 2px)",
1618
1619
  ml: "-2px",
1619
1620
  borderLeft: "2px solid transparent"
1620
- } }, { children: [props.state === "completed" ? (jsx(BulletCheckIcon, {})) : (jsx(Box, __assign({ css: {
1621
- display: "grid",
1622
- placeItems: "center",
1623
- width: "$lg",
1624
- height: "$lg",
1625
- backgroundColor: props.state === "upcoming" ? "$bg03" : "$obolMidGreen",
1626
- borderRadius: "$round",
1627
- fontSize: "$3",
1628
- fontWeight: "$bold",
1629
- color: props.state === "upcoming" ? "$muted" : "$obolGreen",
1630
- } }, { children: props.rank }))), jsx(Text, __assign({ color: color }, { children: props.children }))] })));
1621
+ } }, { children: [props.state === "completed" ? (jsx(Box, { children: jsx(BulletCheckIcon, {}) })) : (jsx(Box, { children: jsx(Box, __assign({ css: {
1622
+ display: "grid",
1623
+ placeItems: "center",
1624
+ width: "$lg",
1625
+ height: "$lg",
1626
+ backgroundColor: props.state === "upcoming" ? "$bg03" : "$obolMidGreen",
1627
+ borderRadius: "$round",
1628
+ fontSize: "$3",
1629
+ fontWeight: "$bold",
1630
+ color: props.state === "upcoming" ? "$muted" : "$obolGreen",
1631
+ } }, { children: props.rank })) })), jsx(Text, __assign({ color: color }, { children: props.children }))] })));
1631
1632
  };
1632
1633
 
1633
1634
  var CardImage = styled(Image, {
@@ -1729,11 +1730,11 @@ var Navbar = function (_a) {
1729
1730
  "@sm": {
1730
1731
  pl: "$sm",
1731
1732
  },
1732
- } }, { children: [jsxs(Box, __assign({ css: {
1733
+ } }, { children: [jsxs(Box, __assign({ as: "a", css: {
1733
1734
  display: "flex",
1734
1735
  alignItems: "center",
1735
1736
  "@sm": { display: "none" },
1736
- } }, { children: [jsx(ObolDarkBgH, {}), logoText && (jsx(Text, __assign({ css: {
1737
+ }, href: "/" }, { children: [jsx(ObolDarkBgH, {}), logoText && (jsx(Text, __assign({ css: {
1737
1738
  fontSize: "28px",
1738
1739
  color: "$muted",
1739
1740
  fontWeight: "bold",
package/dist/index.js CHANGED
@@ -1160,14 +1160,16 @@ var MinusIcon = function () { return (jsxRuntime.jsx("svg", __assign({ width: "1
1160
1160
 
1161
1161
  var PlusIcon = function () { return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: jsxRuntime.jsx("path", { d: "M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z", fill: "#DAEEF3" }) }))); };
1162
1162
 
1163
- var TeamMemberCard = function (props) { return (jsxRuntime.jsxs(Box, __assign({ css: {
1163
+ var TeamMemberCard = function (props) { return (jsxRuntime.jsxs(Box, __assign({ className: "team-member-card", css: {
1164
1164
  display: "grid",
1165
1165
  gridTemplateColumns: "1fr",
1166
1166
  borderRadius: "$3",
1167
1167
  backgroundColor: "$bg04",
1168
1168
  alignItems: "center",
1169
+ justifyItems: "center",
1170
+ width: "288px",
1169
1171
  gap: "$lg",
1170
- p: "$xl",
1172
+ py: "$xl",
1171
1173
  "@sm": { gridTemplateColumns: "1fr 2fr", p: "$sm" },
1172
1174
  } }, { children: [jsxRuntime.jsx(Box, __assign({ css: {
1173
1175
  $$size: "160px",
@@ -1642,24 +1644,23 @@ var AdvisoryToggleBullet = function (props) {
1642
1644
  }
1643
1645
  return (jsxRuntime.jsxs(Box, __assign({ className: "advisory-bullet", css: {
1644
1646
  display: "flex",
1645
- flexWrap: "wrap",
1646
1647
  alignItems: "center",
1647
1648
  gap: "$xs",
1648
1649
  minHeight: "$2xl",
1649
1650
  pl: "calc($2xl - 2px)",
1650
1651
  ml: "-2px",
1651
1652
  borderLeft: "2px solid transparent"
1652
- } }, { children: [props.state === "completed" ? (jsxRuntime.jsx(BulletCheckIcon, {})) : (jsxRuntime.jsx(Box, __assign({ css: {
1653
- display: "grid",
1654
- placeItems: "center",
1655
- width: "$lg",
1656
- height: "$lg",
1657
- backgroundColor: props.state === "upcoming" ? "$bg03" : "$obolMidGreen",
1658
- borderRadius: "$round",
1659
- fontSize: "$3",
1660
- fontWeight: "$bold",
1661
- color: props.state === "upcoming" ? "$muted" : "$obolGreen",
1662
- } }, { children: props.rank }))), jsxRuntime.jsx(Text, __assign({ color: color }, { children: props.children }))] })));
1653
+ } }, { children: [props.state === "completed" ? (jsxRuntime.jsx(Box, { children: jsxRuntime.jsx(BulletCheckIcon, {}) })) : (jsxRuntime.jsx(Box, { children: jsxRuntime.jsx(Box, __assign({ css: {
1654
+ display: "grid",
1655
+ placeItems: "center",
1656
+ width: "$lg",
1657
+ height: "$lg",
1658
+ backgroundColor: props.state === "upcoming" ? "$bg03" : "$obolMidGreen",
1659
+ borderRadius: "$round",
1660
+ fontSize: "$3",
1661
+ fontWeight: "$bold",
1662
+ color: props.state === "upcoming" ? "$muted" : "$obolGreen",
1663
+ } }, { children: props.rank })) })), jsxRuntime.jsx(Text, __assign({ color: color }, { children: props.children }))] })));
1663
1664
  };
1664
1665
 
1665
1666
  var CardImage = styled(Image, {
@@ -1761,11 +1762,11 @@ var Navbar = function (_a) {
1761
1762
  "@sm": {
1762
1763
  pl: "$sm",
1763
1764
  },
1764
- } }, { children: [jsxRuntime.jsxs(Box, __assign({ css: {
1765
+ } }, { children: [jsxRuntime.jsxs(Box, __assign({ as: "a", css: {
1765
1766
  display: "flex",
1766
1767
  alignItems: "center",
1767
1768
  "@sm": { display: "none" },
1768
- } }, { children: [jsxRuntime.jsx(ObolDarkBgH, {}), logoText && (jsxRuntime.jsx(Text, __assign({ css: {
1769
+ }, href: "/" }, { children: [jsxRuntime.jsx(ObolDarkBgH, {}), logoText && (jsxRuntime.jsx(Text, __assign({ css: {
1769
1770
  fontSize: "28px",
1770
1771
  color: "$muted",
1771
1772
  fontWeight: "bold",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@obolnetwork/obol-ui",
3
- "version": "1.0.27",
3
+ "version": "1.0.30",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.es.js",
6
6
  "license": "MIT",