Skip to content

[NO TICKET] Add Apple Icon#3960

Closed
kamiTT wants to merge 3 commits intoCMSgov:mainfrom
kamiTT:add-apple-icon
Closed

[NO TICKET] Add Apple Icon#3960
kamiTT wants to merge 3 commits intoCMSgov:mainfrom
kamiTT:add-apple-icon

Conversation

@kamiTT
Copy link
Copy Markdown
Contributor

@kamiTT kamiTT commented Mar 5, 2026

Summary

Adding a new icon that CXT uses within their application: apple

How to test

  1. Build and serve storybook.
  2. Navigate to the medicare icons component
  3. Confirm new icon appears: AppleIcon

Checklist

  • Prefixed the PR title with the Jira ticket number as [CMSDS-####] Title or [NO-TICKET] if this is unticketed work.
  • Selected appropriate Type (only one) label for this PR, if it is a breaking change, label should only be Type: Breaking
  • Selected appropriate Impacts, multiple can be selected.
  • Selected appropriate release milestone

If this is a change to design:

  • If visual regression image references have been changed, design MUST be assigned to review. In this instance, designer approval is a requirement before the PR can be merged.

If this is a change to code:

  • Created or updated unit tests to cover any new or modified code
  • Verified that running both npm run test:unit and npm run test:browser:all were each successful
  • If necessary, updated unit-test snapshots (npm run test:unit:update) and browser-test snapshots (npm run test:browser:all:update)

If this is a change to documentation/content:

  • Checked for spelling and grammatical errors
  • Communicate the assigned milestone/release date with Design so they can communicate appropriately

@kamiTT kamiTT changed the title add apple icon [NO TICKET] Add Apple Icon Mar 10, 2026
@jack-ryan-nava-pbc
Copy link
Copy Markdown
Collaborator

not a wolf

@jack-ryan-nava-pbc jack-ryan-nava-pbc added Impacts: Medicare Impacts the Medicare theme directly. Type: Added Indicates a new feature. labels Mar 26, 2026
@jack-ryan-nava-pbc jack-ryan-nava-pbc added this to the 14.0.0 milestone Mar 26, 2026
@jack-ryan-nava-pbc jack-ryan-nava-pbc marked this pull request as ready for review March 31, 2026 20:35
Copy link
Copy Markdown
Collaborator

@jack-ryan-nava-pbc jack-ryan-nava-pbc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just want to take advantage of the translation functionality we have and to match the conventions of the other icon files.

@@ -0,0 +1,30 @@
import type * as React from 'react';
import { SvgIcon } from '@cmsgov/design-system';
import { IconCommonProps } from '@cmsgov/design-system';
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you make sure to import the t translation function?


return (
<span className="icon-wrapper">
<SvgIcon {...defaultProps} {...props} className={iconCssClasses}>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you move the title prop out of the default props object and as a direct input to the SvgIcon component and translate it?

This reverts commit 54aff4a, reversing
changes made to 11582e4.
@kamiTT
Copy link
Copy Markdown
Contributor Author

kamiTT commented Apr 1, 2026

Commit history got messed up. Will redo with a fresh branch

@kamiTT kamiTT closed this Apr 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Impacts: Medicare Impacts the Medicare theme directly. Type: Added Indicates a new feature.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants