chore(*): cleanup jsdocs css prop definiations

src/components/Accordion/sgds-accordion-item.ts

@@ -23,11 +23,6 @@ import accordionItemStyle from "./accordion-item.css";
  * @slot accordion-content - The accordion-item content slot.
  * @slot accordion-caret - The caret icon of accordion-item.
  *
- * @cssprop --accordion-item-padding-y - The top and bottom padding for the container of accordion item's content
- * @cssprop --accordion-item-padding-x - The right and left padding for the container of accordion item's content
- * @cssprop --accordion-item-border-radius - The border radius of the accordion item
- * @cssprop --accordion-item-font-weight - The font weight of accordion-btn when it is not collapsed
- * @cssprop --accordion-item-line-height - The line height of accordion
  */
 export class SgdsAccordionItem extends SgdsElement {
   static styles = [...SgdsElement.styles, accordionItemStyle];

src/components/Accordion/sgds-accordion.ts

@@ -14,7 +14,6 @@ const VALID_KEYS = ["Enter", "ArrowUp", "ArrowLeft", "ArrowDown", "ArrowRight"];
  * @summary A dropdown mechanism that allow users to either show or hide related content. `SgdsAccordion` is a wrapper to manage the behaviour for multiple `SgdsAccordionItems`
  * @slot default - slot for accordion-item
  *
- * @cssprop --accordion-active-color - The colour of accordion when it is active
  */
 
 export class SgdsAccordion extends SgdsElement {

src/components/Alert/sgds-alert-link.ts

@@ -8,7 +8,6 @@ import anchorStyles from "../../styles/anchor.css";
  * @summary Alert link are used within the alert's message that is passed into the default slot of `<sgds-alert>`
  *
  * @slot default - The text content of the anchor element
- * @cssproperty --alert-link-anchor-color - The margin-right css of icon slot, to position the gap between icon and alert message
  */
 export class SgdsAlertLink extends SgdsElement {
   static styles = [...SgdsElement.styles, anchorStyles, alertLinkStyle];

src/components/Alert/sgds-alert.ts

@@ -18,10 +18,6 @@ export type AlertVariant = "info" | "success" | "danger" | "warning" | "neutral"
  * @event sgds-show - Emitted when the alert appears.
  * @event sgds-hide - Emitted after the alert closes.
  *
- * @cssproperty --alert-bg - The background color of alert
- * @cssproperty --alert-border-color - The color of the border of alert
- * @cssproperty --alert-icon-margin-right - The margin-right css of icon slot to position the gap between icon and alert message
- *
  */
 export class SgdsAlert extends ScopedElementsMixin(SgdsElement) {
   static styles = [...SgdsElement.styles, alertStyle];

src/components/Badge/sgds-badge.ts

@@ -17,12 +17,6 @@ export type BadgeVariant = "info" | "success" | "danger" | "warning" | "neutral"
  *
  * @event sgds-show - Emitted when the badge appears.
  * @event sgds-hide - Emitted after the badge closes.
- *
- * @cssprop --sgds-badge-bg - The background color of the badge
- * @cssprop --sgds-badge-color - The text color of badge
- * @cssprop --sgds-badge-border-radius - The border radius of badge
- * @cssprop --sgds-badge-border-color - The border color of the badge, only applicable when outlined prop is true
- *
  */
 export class SgdsBadge extends ScopedElementsMixin(SgdsElement) {
   static styles = [...SgdsElement.styles, badgeStyle];

src/components/Button/sgds-button.ts

@@ -19,13 +19,6 @@ export type ButtonVariant = "primary" | "outline" | "ghost" | "danger";
  * @event sgds-blur - Emitted when the button is blurred.
  * @event sgds-focus - Emitted when the button is focused.
  *
- * @cssprop --sgds-btn-font-weight - The font weight of text content in button
- * @cssprop --sgds-btn-bg - The background color of button
- * @cssprop --sgds-btn-hover-bg - The background color of a button in hover state
- * @cssprop --sgds-btn-border-radius - The border radius of button border
- * @cssprop --sgds-btn-color - The text color of button, applicable to primary, outline, and ghost variants only
- * @cssprop --sgds-btn-border-width - The thickness of the button border, applicable to outline variant only
- * @cssprop --sgds-btn-border-color - The color of the button border, applicable to outline variant only
  *
  */
 export class SgdsButton extends ButtonElement {

src/components/Progress/sgds-progress-bar.ts

@@ -4,7 +4,9 @@ import { styleMap } from "lit/directives/style-map.js";
 import SgdsElement from "../../base/sgds-element";
 import progressBarStyle from "./progress-bar.css";
 export type ProgressBarVariant = "primary" | "neutral";
-
+/**
+ * @summary Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.
+ */
 export class SgdsProgressBar extends SgdsElement {
   static styles = [...SgdsElement.styles, progressBarStyle];