chore: correct the icon color in the topbar menu examples (#3308)

twilio-labs · Jul 11, 2023 · 6a751f7 · 6a751f7
1 parent e1c68f4
commit 6a751f7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/AccountMenu.tsx
@@ -7,7 +7,7 @@ export const AccountMenu: React.FC = () => {
  return (
  <>
  <MenuButton {...menu} variant="reset" size="reset">
- Account <ChevronDownIcon decorative />
+ Account <ChevronDownIcon decorative color="colorTextIcon" />
  </MenuButton>
  <Menu {...menu} aria-label="Preferences">
  <MenuGroup label="Manage account">

diff --git a/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx b/packages/paste-core/components/sidebar/stories/full-composition/components/BillingMenu.tsx
@@ -7,7 +7,7 @@ export const BillingMenu: React.FC = () => {
  return (
  <>
  <MenuButton {...menu} variant="reset" size="reset">
- Billing <ChevronDownIcon decorative />
+ Billing <ChevronDownIcon decorative color="colorTextIcon" />
  </MenuButton>
  <Menu {...menu} aria-label="Preferences">
  <MenuGroup label="Manage Billing">

diff --git a/packages/paste-website/src/component-examples/TopbarExamples.ts b/packages/paste-website/src/component-examples/TopbarExamples.ts
@@ -525,7 +525,7 @@ const TopbarExample = () => {
  items={['one', 'two']}
  />
  <MenuButton {...menu} variant="reset" size="reset">
- Account <ChevronDownIcon decorative />
+ Account <ChevronDownIcon decorative color="colorTextIcon" />
  </MenuButton>
  <Menu {...menu} aria-label="Preferences">
  <MenuGroup label="Manage account">
@@ -543,7 +543,7 @@ const TopbarExample = () => {
  </MenuGroup>
  </Menu>
  <MenuButton {...billingMenu} variant="reset" size="reset">
- Billing <ChevronDownIcon decorative />
+ Billing <ChevronDownIcon decorative color="colorTextIcon" />
  </MenuButton>
  <Menu {...billingMenu} aria-label="Preferences">
  <MenuGroup label="Manage Billing">