@blerp/design 1.0.73 → 1.0.76

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 (4) hide show
  1. package/dist/index.cjs.js +40 -6
  2. package/dist/index.esm.js +40 -6
  3. package/dist/index.umd.js +40 -6
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -1127,11 +1127,39 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1127
1127
  marginRight: "4px",
1128
1128
  zIndex: "1"
1129
1129
  }
1130
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1130
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1131
1131
  direction: "row",
1132
+ alignItems: "center",
1133
+ justifyContent: "space-between"
1134
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1135
+ title: "Featured on Twitch Bits"
1136
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1132
1137
  sx: {
1133
- position: "relative",
1134
- right: "6px"
1138
+ alignItems: "center",
1139
+ margin: "5px"
1140
+ }
1141
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1142
+ sx: {
1143
+ zIndex: "1",
1144
+ fontSize: "18px"
1145
+ }
1146
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1147
+ title: "Featured on Twitch Channel Points"
1148
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1149
+ sx: {
1150
+ alignItems: "center",
1151
+ margin: "5px"
1152
+ }
1153
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1154
+ sx: {
1155
+ zIndex: "1",
1156
+ fontSize: "18px"
1157
+ }
1158
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1159
+ direction: "row",
1160
+ sx: {
1161
+ alignItems: "center",
1162
+ margin: "5px"
1135
1163
  }
1136
1164
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1137
1165
  title: "Unlisted"
@@ -1159,7 +1187,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1159
1187
  backgroundColor: "grey3.main"
1160
1188
  }
1161
1189
  }
1162
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1190
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1163
1191
  };
1164
1192
 
1165
1193
  var useWindowSize = function useWindowSize() {
@@ -2736,7 +2764,10 @@ var lightPalette = {
2736
2764
  contrastText: "#fff"
2737
2765
  },
2738
2766
  buntingBlue: {
2739
- main: colors.buntingBlue
2767
+ light: colors.buntingBlue,
2768
+ main: colors.buntingBlue,
2769
+ dark: colors.buntingBlue,
2770
+ contrastText: "#fff"
2740
2771
  },
2741
2772
  starling: {
2742
2773
  light: colors.starling,
@@ -2828,7 +2859,10 @@ var darkPalette = {
2828
2859
  contrastText: "#fff"
2829
2860
  },
2830
2861
  buntingBlue: {
2831
- main: colors.buntingBlue
2862
+ light: colors.buntingBlue,
2863
+ main: colors.buntingBlue,
2864
+ dark: colors.buntingBlue,
2865
+ contrastText: "#fff"
2832
2866
  },
2833
2867
  starling: {
2834
2868
  light: colors.starling,
package/dist/index.esm.js CHANGED
@@ -1059,11 +1059,39 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1059
1059
  marginRight: "4px",
1060
1060
  zIndex: "1"
1061
1061
  }
1062
- }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1062
+ }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))), /*#__PURE__*/React__default.createElement(Stack, {
1063
1063
  direction: "row",
1064
+ alignItems: "center",
1065
+ justifyContent: "space-between"
1066
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1067
+ title: "Featured on Twitch Bits"
1068
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1064
1069
  sx: {
1065
- position: "relative",
1066
- right: "6px"
1070
+ alignItems: "center",
1071
+ margin: "5px"
1072
+ }
1073
+ }, /*#__PURE__*/React__default.createElement(TwitchIcon, {
1074
+ sx: {
1075
+ zIndex: "1",
1076
+ fontSize: "18px"
1077
+ }
1078
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default.createElement(Tooltip, {
1079
+ title: "Featured on Twitch Channel Points"
1080
+ }, /*#__PURE__*/React__default.createElement(Stack, {
1081
+ sx: {
1082
+ alignItems: "center",
1083
+ margin: "5px"
1084
+ }
1085
+ }, /*#__PURE__*/React__default.createElement(ChannelPointsIcon, {
1086
+ sx: {
1087
+ zIndex: "1",
1088
+ fontSize: "18px"
1089
+ }
1090
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default.createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default.createElement(Stack, {
1091
+ direction: "row",
1092
+ sx: {
1093
+ alignItems: "center",
1094
+ margin: "5px"
1067
1095
  }
1068
1096
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default.createElement(Tooltip, {
1069
1097
  title: "Unlisted"
@@ -1091,7 +1119,7 @@ var BlerpTopRow = function BlerpTopRow(_ref) {
1091
1119
  backgroundColor: "grey3.main"
1092
1120
  }
1093
1121
  }
1094
- }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null)));
1122
+ }, /*#__PURE__*/React__default.createElement(MoreHorizRoundedIcon, null)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
1095
1123
  };
1096
1124
 
1097
1125
  var useWindowSize = function useWindowSize() {
@@ -2668,7 +2696,10 @@ var lightPalette = {
2668
2696
  contrastText: "#fff"
2669
2697
  },
2670
2698
  buntingBlue: {
2671
- main: colors.buntingBlue
2699
+ light: colors.buntingBlue,
2700
+ main: colors.buntingBlue,
2701
+ dark: colors.buntingBlue,
2702
+ contrastText: "#fff"
2672
2703
  },
2673
2704
  starling: {
2674
2705
  light: colors.starling,
@@ -2760,7 +2791,10 @@ var darkPalette = {
2760
2791
  contrastText: "#fff"
2761
2792
  },
2762
2793
  buntingBlue: {
2763
- main: colors.buntingBlue
2794
+ light: colors.buntingBlue,
2795
+ main: colors.buntingBlue,
2796
+ dark: colors.buntingBlue,
2797
+ contrastText: "#fff"
2764
2798
  },
2765
2799
  starling: {
2766
2800
  light: colors.starling,
package/dist/index.umd.js CHANGED
@@ -1080,11 +1080,39 @@
1080
1080
  marginRight: "4px",
1081
1081
  zIndex: "1"
1082
1082
  }
1083
- }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1083
+ }) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))), /*#__PURE__*/React__default['default'].createElement(Stack, {
1084
1084
  direction: "row",
1085
+ alignItems: "center",
1086
+ justifyContent: "space-between"
1087
+ }, bite.edgeType === "NewTwitchBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1088
+ title: "Featured on Twitch Bits"
1089
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1085
1090
  sx: {
1086
- position: "relative",
1087
- right: "6px"
1091
+ alignItems: "center",
1092
+ margin: "5px"
1093
+ }
1094
+ }, /*#__PURE__*/React__default['default'].createElement(TwitchIcon, {
1095
+ sx: {
1096
+ zIndex: "1",
1097
+ fontSize: "18px"
1098
+ }
1099
+ }))), bite.edgeType === "ChannelPointsBiteEdge" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1100
+ title: "Featured on Twitch Channel Points"
1101
+ }, /*#__PURE__*/React__default['default'].createElement(Stack, {
1102
+ sx: {
1103
+ alignItems: "center",
1104
+ margin: "5px"
1105
+ }
1106
+ }, /*#__PURE__*/React__default['default'].createElement(ChannelPointsIcon, {
1107
+ sx: {
1108
+ zIndex: "1",
1109
+ fontSize: "18px"
1110
+ }
1111
+ }))), (bite.visibility !== "PUBLIC" || !isOwner) && /*#__PURE__*/React__default['default'].createElement("div", null), bite.visibility !== "PUBLIC" && /*#__PURE__*/React__default['default'].createElement(Stack, {
1112
+ direction: "row",
1113
+ sx: {
1114
+ alignItems: "center",
1115
+ margin: "5px"
1088
1116
  }
1089
1117
  }, bite.visibility === "UNLISTED" && /*#__PURE__*/React__default['default'].createElement(Tooltip, {
1090
1118
  title: "Unlisted"
@@ -1112,7 +1140,7 @@
1112
1140
  backgroundColor: "grey3.main"
1113
1141
  }
1114
1142
  }
1115
- }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null)));
1143
+ }, /*#__PURE__*/React__default['default'].createElement(MoreHorizRoundedIcon__default['default'], null)) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
1116
1144
  };
1117
1145
 
1118
1146
  var useWindowSize = function useWindowSize() {
@@ -2689,7 +2717,10 @@
2689
2717
  contrastText: "#fff"
2690
2718
  },
2691
2719
  buntingBlue: {
2692
- main: colors.buntingBlue
2720
+ light: colors.buntingBlue,
2721
+ main: colors.buntingBlue,
2722
+ dark: colors.buntingBlue,
2723
+ contrastText: "#fff"
2693
2724
  },
2694
2725
  starling: {
2695
2726
  light: colors.starling,
@@ -2781,7 +2812,10 @@
2781
2812
  contrastText: "#fff"
2782
2813
  },
2783
2814
  buntingBlue: {
2784
- main: colors.buntingBlue
2815
+ light: colors.buntingBlue,
2816
+ main: colors.buntingBlue,
2817
+ dark: colors.buntingBlue,
2818
+ contrastText: "#fff"
2785
2819
  },
2786
2820
  starling: {
2787
2821
  light: colors.starling,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blerp/design",
3
- "version": "1.0.73",
3
+ "version": "1.0.76",
4
4
  "description": "Blerp UI",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {