Merge pull request #263 from josefaidt/261-add-spaceequal-progress-indicator

feat(progress-indicator): add spaceEqual prop and functionality

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),
   },
 });
 

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