@fluidattacks/design 9.5.2 → 9.5.3

package/dist/components/segmented-progress-bar/styles.js

@@ -1,37 +1,38 @@
-import { styled as t } from "styled-components";
-import { setMargin as a } from "../@core/utils.js";
-const b = t.div`
+import { styled as e } from "styled-components";
+import { setMargin as x } from "../@core/utils.js";
+const s = e.div`
   ${({
   $backgroundColor: r,
-  $height: o,
-  $width: e,
-  $ml: i,
+  $height: i,
+  $width: o,
+  $ml: t,
   $mr: d,
-  $mt: l,
-  $mb: m,
-  $mx: n,
+  $mt: m,
+  $mb: n,
+  $mx: l,
   $my: h,
-  $margin: $
+  $margin: a
 }) => `
     background-color: ${r};
     border-radius: 999px;
     display: flex;
-    height: ${o};
+    height: ${i};
     overflow: hidden;
-    width: ${e};
-    ${a({ margin: $, mb: m, ml: i, mr: d, mt: l, mx: n, my: h })}
+    width: ${o};
+    ${x({ margin: a, mb: n, ml: t, mr: d, mt: m, mx: l, my: h })}
   `}
-`, x = t.div`
-  ${({ $color: r, $showSeparator: o, $width: e, theme: i }) => `
+`, b = e.div`
+  ${({ $color: r, $showSeparator: i, $width: o, theme: t }) => `
     background-color: ${r};
     box-sizing: border-box;
-    flex-shrink: 0;
+    flex-shrink: 1;
     height: 100%;
-    width: ${e}%;
-    ${o ? `border-right: 1.5px solid ${i.palette.white};` : ""}
+    min-width: max(1%, 10px);
+    width: ${o}%;
+    ${i ? `border-right: 1.5px solid ${t.palette.white};` : ""}
   `}
 `;
 export {
-  b as StyledBarContainer,
-  x as StyledSegment
+  s as StyledBarContainer,
+  b as StyledSegment
 };

package/dist/components/segmented-progress-bar/types.d.ts

@@ -2,7 +2,7 @@ import { IDisplayModifiable, IMarginModifiable } from '../@core';
 /**
  * Segment configuration for the progress bar.
  * @interface ISegment
- * @property { number } value - Percentage width of the segment (0-100). A segment with 0 or less is not drawn.
+ * @property { number } value - Percentage width of the segment (0-100). A segment with 0 or less is not drawn; a visible segment is at least 1% or 10px wide, whichever is larger.
  * @property { string } [color] - Background color of the segment. Defaults to primary[700], error[500], warning[500] in order.
  */
 interface ISegment {

package/package.json

@@ -135,5 +135,5 @@
     "./dist/index.js"
   ],
   "typings": "./dist/index.d.ts",
-  "version": "9.5.2"
+  "version": "9.5.3"
 }