From d57531fc011fae9c7bb04c2853c41b8d6327d18a Mon Sep 17 00:00:00 2001
From: josefaidt <josef.aidt@gmail.com>
Date: Fri, 18 Sep 2020 15:35:45 -0500
Subject: [PATCH] feat(progress-indicator): add spaceEqual prop and
 functionality

---
 src/ProgressIndicator/ProgressIndicator.stories.js | 1 +
 src/ProgressIndicator/ProgressIndicator.svelte     | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/ProgressIndicator/ProgressIndicator.stories.js b/src/ProgressIndicator/ProgressIndicator.stories.js
index 419c3ab0..dd5269f7 100644
--- a/src/ProgressIndicator/ProgressIndicator.stories.js
+++ b/src/ProgressIndicator/ProgressIndicator.stories.js
@@ -8,6 +8,7 @@ export const Default = () => ({
   props: {
     currentIndex: number("Current progress (currentIndex)", 1),
     vertical: boolean("Vertical orientation (vertical)", false),
+    spaceEqually: boolean("Space Equally", false),
   },
 });
 
diff --git a/src/ProgressIndicator/ProgressIndicator.svelte b/src/ProgressIndicator/ProgressIndicator.svelte
index b02489c1..8fca83de 100644
--- a/src/ProgressIndicator/ProgressIndicator.svelte
+++ b/src/ProgressIndicator/ProgressIndicator.svelte
@@ -11,6 +11,12 @@
    */
   export let vertical = false;
 
+  /**
+   * Set to `true` to specify whether the progress steps should be split equally in size in the div
+   * @type {boolean} [spaceEqually=false]
+   */
+  export let spaceEqually = false;
+
   import { createEventDispatcher, setContext } from "svelte";
   import { writable, derived } from "svelte/store";
 
@@ -43,6 +49,7 @@
 <ul
   class:bx--progress="{true}"
   class:bx--progress--vertical="{vertical}"
+  class:bx--progress--space-equal="{spaceEqually && !vertical}"
   {...$$restProps}
   on:click
   on:mouseover