diff --git a/packages/calcite-components/src/components/dropdown-group/dropdown-group.scss b/packages/calcite-components/src/components/dropdown-group/dropdown-group.scss index 7e5d1b92051..b0d5c0b7666 100644 --- 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 index 6bfc30f142c..5b94a8edd5a 100644 --- 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 index 7a2347dc0b0..5ca94834efc 100644 --- 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 {