design-zystem 1.0.266 → 1.0.268

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/index.d.mts CHANGED
@@ -248,6 +248,7 @@ interface BubbleProps {
248
248
  padding?: string;
249
249
  maxChars?: number;
250
250
  borderRadius?: string;
251
+ boxShadow?: string;
251
252
  width?: string;
252
253
  style?: CSSProperties;
253
254
  onClick?: () => void;
package/dist/index.d.ts CHANGED
@@ -248,6 +248,7 @@ interface BubbleProps {
248
248
  padding?: string;
249
249
  maxChars?: number;
250
250
  borderRadius?: string;
251
+ boxShadow?: string;
251
252
  width?: string;
252
253
  style?: CSSProperties;
253
254
  onClick?: () => void;
package/dist/index.js CHANGED
@@ -1226,6 +1226,7 @@ var shouldForwardProp6 = (prop) => ![
1226
1226
  "padding",
1227
1227
  "maxChars",
1228
1228
  "borderRadius",
1229
+ "boxShadow",
1229
1230
  "width"
1230
1231
  ].includes(prop);
1231
1232
  var StyledBubble = import_styled_components11.default.span.withConfig({
@@ -1235,6 +1236,7 @@ var StyledBubble = import_styled_components11.default.span.withConfig({
1235
1236
  background: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
1236
1237
  font-size: ${(props) => textSizes3[props.size] || props.size || "1em"};
1237
1238
  border-radius: ${(props) => props.borderRadius || "20px"};
1239
+ box-shadow: ${(props) => props.boxShadow || "none"};
1238
1240
  margin: ${(props) => props.margin || "0"};
1239
1241
  padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
1240
1242
  font-weight: 600;
@@ -1778,9 +1780,11 @@ var IconBadge = import_styled_components13.default.div`
1778
1780
  var Content = import_styled_components13.default.div`
1779
1781
  display: flex;
1780
1782
  flex-direction: column;
1783
+ justify-content: center;
1781
1784
  gap: 2px;
1782
1785
  flex: 1;
1783
1786
  min-width: 0;
1787
+ min-height: 28px;
1784
1788
  `;
1785
1789
  var ProgressBar = import_styled_components13.default.div`
1786
1790
  position: absolute;
package/dist/index.mjs CHANGED
@@ -1090,6 +1090,7 @@ var shouldForwardProp6 = (prop) => ![
1090
1090
  "padding",
1091
1091
  "maxChars",
1092
1092
  "borderRadius",
1093
+ "boxShadow",
1093
1094
  "width"
1094
1095
  ].includes(prop);
1095
1096
  var StyledBubble = styled11.span.withConfig({
@@ -1099,6 +1100,7 @@ var StyledBubble = styled11.span.withConfig({
1099
1100
  background: ${(props) => colors[props.backgroundColor] || props.backgroundColor || "transparent"};
1100
1101
  font-size: ${(props) => textSizes3[props.size] || props.size || "1em"};
1101
1102
  border-radius: ${(props) => props.borderRadius || "20px"};
1103
+ box-shadow: ${(props) => props.boxShadow || "none"};
1102
1104
  margin: ${(props) => props.margin || "0"};
1103
1105
  padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
1104
1106
  font-weight: 600;
@@ -1642,9 +1644,11 @@ var IconBadge = styled13.div`
1642
1644
  var Content = styled13.div`
1643
1645
  display: flex;
1644
1646
  flex-direction: column;
1647
+ justify-content: center;
1645
1648
  gap: 2px;
1646
1649
  flex: 1;
1647
1650
  min-width: 0;
1651
+ min-height: 28px;
1648
1652
  `;
1649
1653
  var ProgressBar = styled13.div`
1650
1654
  position: absolute;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.266",
3
+ "version": "1.0.268",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",