Skip to content

Commit 4880e3e

Browse files
Add personalized text icon (#8924)
### WHY are these changes introduced? The email team is currently working on adding the magic-ui component in order to allow merchants to generate subject lines using the power of AI. Since the magic icon (green circle) is very similar to the current icon we use for personalized text (purple circle), we decided to create a new icon for personalized text. <img width="1437" alt="Screenshot 2023-04-11 at 9 45 24 PM" src="https://user-images.githubusercontent.com/3673138/231260362-25f3e097-6852-4526-8ff6-d38637eea280.png"> <!-- Summary of the changes committed. Before / after screenshots are appreciated for UI changes. Make sure to include alt text that describes the screenshot. If you include an animated gif showing your change, wrapping it in a details tag is recommended. Gifs usually autoplay, which can cause accessibility issues for people reviewing your PR: <details> <summary>Summary of your gif(s)</summary> <img src="..." alt="Description of what the gif shows"> </details> --> <!-- ℹ️ Delete the following for small / trivial changes --> ### How to 🎩 🖥 [Local development instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development) 🗒 [General tophatting guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md) 📄 [Changelog guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog) <!-- Give as much information as needed to experiment with the component in the playground. --> <details> <summary>Copy-paste this code in <code>playground/Playground.tsx</code>:</summary> ```jsx import React from 'react'; import {Page} from '../src'; export function Playground() { return ( <Page title="Playground"> {/* Add the code you want to test in here */} </Page> ); } ``` </details> ### 🎩 checklist - [ ] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [ ] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [ ] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [ ] Updated the component's `README.md` with documentation changes - [ ] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide --------- Co-authored-by: Kyle Durand <[email protected]>
1 parent 7f30533 commit 4880e3e

File tree

3 files changed

+21
-0
lines changed

3 files changed

+21
-0
lines changed

.changeset/moody-timers-build.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@shopify/polaris-icons': minor
3+
---
4+
5+
Added PersonalizedTextMajor icon
Lines changed: 1 addition & 0 deletions
Loading
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
name: Personalized text
2+
set: major
3+
description: Used to represent personalized text features.
4+
keywords:
5+
- Personalized text
6+
- Personalization
7+
- Customer attributes
8+
- Customer
9+
- Dynamic content
10+
authors:
11+
- Natalie Hercun
12+
version: 1
13+
date_added: 2023-04-11
14+
date_modified: 2023-04-11
15+
exclusive_use: For use related to feature using personalized text

0 commit comments

Comments
 (0)