docs: add progress-bar base style properties to JSDoc (#10634) (#10658)

Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>

Author: vaadin-bot

packages/progress-bar/src/vaadin-progress-bar.d.ts

@@ -19,24 +19,32 @@ import { ProgressMixin } from './vaadin-progress-mixin.js';
  *
  * The following shadow DOM parts are available for styling:
  *
- * Part name | Description
- * ----------------|----------------
- * `bar` | Progress-bar's background
- * `value` | Progress-bar's foreground
- *
- * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
- *
- * The following custom properties are available:
- *
- * Custom property | Description | Default
- * ----------------|-------------|-------------
- * `--vaadin-progress-value` | current progress value (between 0 and 1) | 0
+ * Part name  | Description
+ * -----------|----------------
+ * `bar`      | Progress-bar's background
+ * `value`    | Progress-bar's foreground
+ *
+ * The following custom CSS properties are available for styling:
+ *
+ * Custom CSS property                          |
+ * :--------------------------------------------|
+ * | `--vaadin-progress-bar-animation-duration` |
+ * | `--vaadin-progress-bar-background`         |
+ * | `--vaadin-progress-bar-border-color`       |
+ * | `--vaadin-progress-bar-border-radius`      |
+ * | `--vaadin-progress-bar-border-width`       |
+ * | `--vaadin-progress-bar-height`             |
+ * | `--vaadin-progress-bar-padding`            |
+ * | `--vaadin-progress-bar-value-background`   |
+ * | `--vaadin-progress-value`                  |
  *
  * The following state attributes are available for styling:
  *
  * Attribute       | Description
  * ----------------|-------------------------------------
  * `indeterminate` | Set to an indeterminate progress bar
+ *
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
  */
 declare class ProgressBar extends ProgressMixin(ThemableMixin(ElementMixin(HTMLElement))) {}
 

packages/progress-bar/src/vaadin-progress-bar.js

@@ -24,25 +24,33 @@ import { ProgressMixin } from './vaadin-progress-mixin.js';
  *
  * The following shadow DOM parts are available for styling:
  *
- * Part name | Description
- * ----------------|----------------
- * `bar` | Progress-bar's background
- * `value` | Progress-bar's foreground
+ * Part name  | Description
+ * -----------|----------------
+ * `bar`      | Progress-bar's background
+ * `value`    | Progress-bar's foreground
  *
- * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
- *
- * The following custom properties are available:
+ * The following custom CSS properties are available for styling:
  *
- * Custom property | Description | Default
- * ----------------|-------------|-------------
- * `--vaadin-progress-value` | current progress value (between 0 and 1) | 0
+ * Custom CSS property                          |
+ * :--------------------------------------------|
+ * | `--vaadin-progress-bar-animation-duration` |
+ * | `--vaadin-progress-bar-background`         |
+ * | `--vaadin-progress-bar-border-color`       |
+ * | `--vaadin-progress-bar-border-radius`      |
+ * | `--vaadin-progress-bar-border-width`       |
+ * | `--vaadin-progress-bar-height`             |
+ * | `--vaadin-progress-bar-padding`            |
+ * | `--vaadin-progress-bar-value-background`   |
+ * | `--vaadin-progress-value`                  |
  *
  * The following state attributes are available for styling:
  *
  * Attribute       | Description
  * ----------------|-------------------------------------
  * `indeterminate` | Set to an indeterminate progress bar
  *
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
+ *
  * @customElement
  * @extends HTMLElement
  * @mixes ProgressMixin