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

docs/src/COMPONENT_API.json

@@ -8354,6 +8354,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "size",
+          "kind": "let",
+          "description": "Specify the size",
+          "type": "\"sm\" | \"md\"",
+          "value": "\"md\"",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "labelText",
           "kind": "let",
@@ -8782,6 +8793,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "hideLegend",
+          "kind": "let",
+          "description": "Set to `true` to visually hide the legend",
+          "type": "boolean",
+          "value": "false",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "labelPosition",
           "kind": "let",

docs/src/pages/components/ProgressBar.svx

@@ -9,8 +9,16 @@ Without a specified `value` prop, the progress bar is indeterminate.
 
 <ProgressBar helperText="Loading..." />
 
+### Small size
+
+Specify `size="sm"` to use the small variant.
+
+<ProgressBar size="sm" helperText="Loading..." />
+
 ### Percentage
 
+Specify a `value` for the progress bar to be determinate.
+
 <ProgressBar value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
 
 ### Custom max value
@@ -21,6 +29,10 @@ The default `max` value is `100`.
 
 ### Hidden label
 
+It's recommended that you provide a `labelText` for accessibility.
+
+Use `hideLabel` to visually hide the label text.
+
 <ProgressBar hideLabel value={40} labelText="Upload status" helperText="40 MB of 100 MB" />
 
 ### UX example

docs/src/pages/components/RadioButton.svx

@@ -41,6 +41,18 @@ Use the named "legendText" slot to customize the legend text.
   <RadioButton labelText="Pro (128 GB)" value="pro" />
 </RadioButtonGroup>
 
+### Hidden legend
+
+It's recommended that you provide a legend for accessibility.
+
+Use `hideLegend` to visually hide the legend text.
+
+<RadioButtonGroup hideLegend legendText="Storage tier (disk)" selected="standard">
+  <RadioButton labelText="Free (1 GB)" value="free" />
+  <RadioButton labelText="Standard (10 GB)" value="standard" />
+  <RadioButton labelText="Pro (128 GB)" value="pro" />
+</RadioButtonGroup>
+
 ### Reactive example
 
 Use the `selected` prop to bind and update the selected value.