docs(dropdown, dropdown-group, dropdown-item): update component token…

… descriptions (#11537) **Related Issue:** #7180 ## Summary Updates `dropdown`, `dropdown-group` and `dropdown-item` CSS variable descriptions in alignment with documentation standards.
Esri · Feb 12, 2025 · 4e951e7 · 4e951e7
1 parent 601ef86
commit 4e951e7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/packages/calcite-components/src/components/dropdown-group/dropdown-group.scss b/packages/calcite-components/src/components/dropdown-group/dropdown-group.scss
@@ -3,8 +3,8 @@
 *
 * These properties can be overridden using the component's tag as selector.
 *
-* @prop --calcite-dropdown-group-border-color: Specifies the color of the dropdown's border.
-* @prop --calcite-dropdown-group-title-text-color: Specifies the color of the dropdown's title.
+* @prop --calcite-dropdown-group-border-color: Specifies the `calcite-dropdown`'s border color.
+* @prop --calcite-dropdown-group-title-text-color: Specifies the component's `groupTitle` color.
 */
 
 :host {

diff --git a/packages/calcite-components/src/components/dropdown-item/dropdown-item.scss b/packages/calcite-components/src/components/dropdown-item/dropdown-item.scss
@@ -3,12 +3,12 @@
  *
  * These properties can be overridden using the component's tag as selector.
  *
- * @prop --calcite-dropdown-item-background-color-hover: Specifies the background color of the dropdown item when hovered.
- * @prop --calcite-dropdown-item-background-color-press: Specifies the background color of the dropdown item when selected or active.
- * @prop --calcite-dropdown-item-icon-color-hover: Specifies the color of the dropdown item icon when hovered. 
- * @prop --calcite-dropdown-item-icon-color-press: Specifies the color of the dropdown item icons when selected or active.
- * @prop --calcite-dropdown-item-text-color-press: Specifies the color of the dropdown item text when selected or active.
- * @prop --calcite-dropdown-item-text-color: Specifies the color of the dropdown item text.
+ * @prop --calcite-dropdown-item-background-color-hover: Specifies the item's background color when hovered.
+ * @prop --calcite-dropdown-item-background-color-press: Specifies the item's background color when selected or active.
+ * @prop --calcite-dropdown-item-icon-color-hover: Specifies the item's icon selection color when hovered. 
+ * @prop --calcite-dropdown-item-icon-color-press: Specifies the item's icon selection color when selected or active.
+ * @prop --calcite-dropdown-item-text-color-press: Specifies the item's text when selected or active.
+ * @prop --calcite-dropdown-item-text-color: Specifies the item's text color.
 */
 
 @mixin item-styling {

diff --git a/packages/calcite-components/src/components/dropdown/dropdown.scss b/packages/calcite-components/src/components/dropdown/dropdown.scss
@@ -4,7 +4,7 @@
 * These properties can be overridden using the component's tag as selector.
 *
 * @prop --calcite-dropdown-width: Specifies the width of the component's wrapper.
-* @prop --calcite-dropdown-background-color: Specifies the background color of the component.
+* @prop --calcite-dropdown-background-color: Specifies the component's background color.
 */
 
 :host {