Align v10.54 (#1133)

* chore(deps-dev): bump carbon-components to v10.54.0

* feat(progress-bar): add size prop

* docs(progress-bar): add "Small size" example

* docs(progress-bar): add descriptions

* refactor(structured-list): remove monkey patch

* feat(radio-button-group): add hideLegend prop

* docs(radio-button): add "Hidden legend" example

src/ProgressBar/ProgressBar.svelte

@@ -8,6 +8,12 @@
   /** Specify the maximum value */
   export let max = 100;
 
+  /**
+   * Specify the size
+   * @type {"sm" | "md"}
+   */
+  export let size = "md";
+
   /** Specify the label text */
   export let labelText = "";
 
@@ -29,6 +35,8 @@
 <div
   class:bx--progress-bar="{true}"
   class:bx--progress-bar--indeterminate="{indeterminate}"
+  class:bx--progress-bar--big="{size === 'md'}"
+  class:bx--progress-bar--small="{size === 'sm'}"
   {...$$restProps}
 >
   <label

src/RadioButtonGroup/RadioButtonGroup.svelte

@@ -11,6 +11,9 @@
   /** Specify the legend text */
   export let legendText = "";
 
+  /** Set to `true` to visually hide the legend */
+  export let hideLegend = false;
+
   /**
    * Specify the label position
    * @type {"right" | "left"}
@@ -84,7 +87,7 @@
     disabled="{disabled}"
   >
     {#if legendText || $$slots.legendText}
-      <legend class:bx--label="{true}">
+      <legend class:bx--label="{true}" class:bx--visually-hidden="{hideLegend}">
         <slot name="legendText">{legendText}</slot>
       </legend>
     {/if}

src/StructuredList/StructuredList.svelte

@@ -46,7 +46,6 @@
   class:bx--structured-list--condensed="{condensed}"
   class:bx--structured-list--flush="{flush}"
   {...$$restProps}
-  style="overflow-y: visible; {$$restProps.style}"
   on:click
   on:mouseover
   on:mouseenter