docs: migrating personalization patterns to their own section #2173

markcaron · 2025-02-19T21:03:49Z

What I did

Migrated personalization patterns to their own section

Testing Instructions

Check deploy preview.
Compare current Foundations/Personalization patterns to new top-level Personalization section
Make sure I didn't forget anything
Designers: Does it look ok?
Developers: Is the code decent?

Notes to Reviewers

changeset-bot · 2025-02-19T21:03:55Z

⚠️ No Changeset found

Latest commit: d36f9da

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

netlify · 2025-02-19T21:04:08Z

✅ Deploy Preview for red-hat-design-system ready!

Name	Link
🔨 Latest commit	`d36f9da`
🔍 Latest deploy log	https://app.netlify.com/sites/red-hat-design-system/deploys/67c822f9d0ee0b00081163b2
😎 Deploy Preview	https://deploy-preview-2173--red-hat-design-system.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

github-actions · 2025-02-19T21:05:31Z

Size Change: -2 B (0%)

Total Size: 207 kB

Filename	Size	Change
`./elements.js`	473 B	-2 B (-0.42%)

ℹ️ View Unchanged

Filename	Size
`./elements/rh-accordion/context.js`	162 B
`./elements/rh-accordion/rh-accordion-header.js`	2.69 kB
`./elements/rh-accordion/rh-accordion-panel.js`	1.35 kB
`./elements/rh-accordion/rh-accordion.js`	3.21 kB
`./elements/rh-alert/rh-alert.js`	4.26 kB
`./elements/rh-audio-player/rh-audio-player-about.js`	1.8 kB
`./elements/rh-audio-player/rh-audio-player-rate-stepper.js`	1.85 kB
`./elements/rh-audio-player/rh-audio-player-scrolling-text-overflow.js`	1.53 kB
`./elements/rh-audio-player/rh-audio-player-subscribe.js`	1.38 kB
`./elements/rh-audio-player/rh-audio-player.js`	13.1 kB
`./elements/rh-audio-player/rh-cue.js`	1.95 kB
`./elements/rh-audio-player/rh-transcript.js`	2.7 kB
`./elements/rh-avatar/random-pattern-controller.js`	2.72 kB
`./elements/rh-avatar/rh-avatar.js`	2.86 kB
`./elements/rh-back-to-top/rh-back-to-top.js`	2.1 kB
`./elements/rh-badge/rh-badge.js`	1.55 kB
`./elements/rh-blockquote/rh-blockquote.js`	1.36 kB
`./elements/rh-breadcrumb/rh-breadcrumb.js`	1.5 kB
`./elements/rh-button/rh-button.js`	4.24 kB
`./elements/rh-card/rh-card.js`	3.58 kB
`./elements/rh-code-block/prism.css.js`	667 B
`./elements/rh-code-block/prism.js`	572 B
`./elements/rh-code-block/rh-code-block.js`	7.34 kB
`./elements/rh-cta/rh-cta.js`	4.04 kB
`./elements/rh-dialog/rh-dialog.js`	4.78 kB
`./elements/rh-dialog/yt-api.js`	617 B
`./elements/rh-footer/rh-footer-block.js`	714 B
`./elements/rh-footer/rh-footer-copyright.js`	362 B
`./elements/rh-footer/rh-footer-links.js`	1.17 kB
`./elements/rh-footer/rh-footer-social-link.js`	964 B
`./elements/rh-footer/rh-footer-universal.js`	4.04 kB
`./elements/rh-footer/rh-footer.js`	5 kB
`./elements/rh-health-index/rh-health-index.js`	2.35 kB
`./elements/rh-icon/rh-icon.js`	2.47 kB
`./elements/rh-icon/ssr.js`	181 B
`./elements/rh-menu/rh-menu.js`	1.29 kB
`./elements/rh-navigation-secondary/rh-navigation-secondary-dropdown.js`	2.47 kB
`./elements/rh-navigation-secondary/rh-navigation-secondary-menu-section.js`	1.3 kB
`./elements/rh-navigation-secondary/rh-navigation-secondary-menu.js`	1.75 kB
`./elements/rh-navigation-secondary/rh-navigation-secondary-overlay.js`	571 B
`./elements/rh-navigation-secondary/rh-navigation-secondary.js`	5.26 kB
`./elements/rh-navigation-secondary/test/fixtures.js`	769 B
`./elements/rh-pagination/rh-pagination.js`	5.4 kB
`./elements/rh-site-status/rh-site-status.js`	2.5 kB
`./elements/rh-skip-link/rh-skip-link.js`	1.19 kB
`./elements/rh-spinner/rh-spinner.js`	1.38 kB
`./elements/rh-stat/rh-stat.js`	2.12 kB
`./elements/rh-subnav/rh-subnav.js`	2.73 kB
`./elements/rh-surface/rh-surface.js`	1.14 kB
`./elements/rh-surface/test/elements.js`	423 B
`./elements/rh-switch/rh-switch.js`	2.93 kB
`./elements/rh-table/rh-sort-button.js`	1.49 kB
`./elements/rh-table/rh-table.js`	3.48 kB
`./elements/rh-tabs/context.js`	160 B
`./elements/rh-tabs/rh-tab-panel.js`	1.04 kB
`./elements/rh-tabs/rh-tab.js`	3.02 kB
`./elements/rh-tabs/rh-tabs.js`	3.77 kB
`./elements/rh-tag/rh-tag.js`	2.79 kB
`./elements/rh-tile/rh-tile-group.js`	1.81 kB
`./elements/rh-tile/rh-tile.js`	4.93 kB
`./elements/rh-timestamp/rh-timestamp.js`	983 B
`./elements/rh-tooltip/rh-tooltip.js`	2.73 kB
`./elements/rh-video-embed/rh-video-embed.js`	4.59 kB
`./lib/context/color/consumer.js`	1.41 kB
`./lib/context/color/controller.js`	947 B
`./lib/context/color/provider.js`	2.18 kB
`./lib/context/event.js`	593 B
`./lib/context/headings/consumer.js`	722 B
`./lib/context/headings/controller.js`	1.12 kB
`./lib/context/headings/provider.js`	1.24 kB
`./lib/DirController.js`	565 B
`./lib/elements/rh-context-demo/rh-context-demo.js`	1.28 kB
`./lib/elements/rh-context-picker/rh-context-picker.js`	2.24 kB
`./lib/environment.js`	194 B
`./lib/functions.js`	175 B
`./lib/I18nController.js`	1.38 kB
`./lib/ScreenSizeController.js`	849 B
`./lib/ssr-controller.js`	251 B
`./react/rh-accordion/rh-accordion-header.js`	199 B
`./react/rh-accordion/rh-accordion-panel.js`	185 B
`./react/rh-accordion/rh-accordion.js`	215 B
`./react/rh-alert/rh-alert.js`	184 B
`./react/rh-audio-player/rh-audio-player-about.js`	191 B
`./react/rh-audio-player/rh-audio-player-rate-stepper.js`	213 B
`./react/rh-audio-player/rh-audio-player-scrolling-text-overflow.js`	214 B
`./react/rh-audio-player/rh-audio-player-subscribe.js`	196 B
`./react/rh-audio-player/rh-audio-player.js`	183 B
`./react/rh-audio-player/rh-cue.js`	195 B
`./react/rh-audio-player/rh-transcript.js`	207 B
`./react/rh-avatar/rh-avatar.js`	173 B
`./react/rh-back-to-top/rh-back-to-top.js`	183 B
`./react/rh-badge/rh-badge.js`	174 B
`./react/rh-blockquote/rh-blockquote.js`	179 B
`./react/rh-breadcrumb/rh-breadcrumb.js`	179 B
`./react/rh-button/rh-button.js`	174 B
`./react/rh-card/rh-card.js`	172 B
`./react/rh-code-block/rh-code-block.js`	181 B
`./react/rh-cta/rh-cta.js`	170 B
`./react/rh-dialog/rh-dialog.js`	203 B
`./react/rh-footer/rh-footer-block.js`	184 B
`./react/rh-footer/rh-footer-copyright.js`	187 B
`./react/rh-footer/rh-footer-links.js`	185 B
`./react/rh-footer/rh-footer-social-link.js`	193 B
`./react/rh-footer/rh-footer-universal.js`	188 B
`./react/rh-footer/rh-footer.js`	174 B
`./react/rh-health-index/rh-health-index.js`	184 B
`./react/rh-icon/rh-icon.js`	202 B
`./react/rh-menu/rh-menu.js`	173 B
`./react/rh-navigation-secondary/rh-navigation-secondary-dropdown.js`	217 B
`./react/rh-navigation-secondary/rh-navigation-secondary-menu-section.js`	205 B
`./react/rh-navigation-secondary/rh-navigation-secondary-menu.js`	199 B
`./react/rh-navigation-secondary/rh-navigation-secondary-overlay.js`	201 B
`./react/rh-navigation-secondary/rh-navigation-secondary.js`	213 B
`./react/rh-pagination/rh-pagination.js`	178 B
`./react/rh-site-status/rh-site-status.js`	181 B
`./react/rh-skip-link/rh-skip-link.js`	181 B
`./react/rh-spinner/rh-spinner.js`	175 B
`./react/rh-stat/rh-stat.js`	171 B
`./react/rh-subnav/rh-subnav.js`	175 B
`./react/rh-surface/rh-surface.js`	175 B
`./react/rh-switch/rh-switch.js`	185 B
`./react/rh-table/rh-sort-button.js`	213 B
`./react/rh-table/rh-table.js`	174 B
`./react/rh-tabs/rh-tab-panel.js`	181 B
`./react/rh-tabs/rh-tab.js`	187 B
`./react/rh-tabs/rh-tabs.js`	174 B
`./react/rh-tag/rh-tag.js`	182 B
`./react/rh-tile/rh-tile-group.js`	183 B
`./react/rh-tile/rh-tile.js`	194 B
`./react/rh-timestamp/rh-timestamp.js`	176 B
`./react/rh-tooltip/rh-tooltip.js`	175 B
`./react/rh-video-embed/rh-video-embed.js`	227 B
`./uxdot/uxdot-best-practice.js`	742 B
`./uxdot/uxdot-copy-button.js`	1.2 kB
`./uxdot/uxdot-copy-permalink.js`	1.1 kB
`./uxdot/uxdot-example.js`	1.17 kB
`./uxdot/uxdot-feedback.js`	727 B
`./uxdot/uxdot-header.js`	1.07 kB
`./uxdot/uxdot-hero.js`	680 B
`./uxdot/uxdot-installation-tabs.js`	675 B
`./uxdot/uxdot-masthead.js`	809 B
`./uxdot/uxdot-pattern-ssr-controller-client.js`	604 B
`./uxdot/uxdot-pattern-ssr-controller-server.js`	1.68 kB
`./uxdot/uxdot-pattern-ssr-controller.js`	213 B
`./uxdot/uxdot-pattern.js`	2.12 kB
`./uxdot/uxdot-repo-status-checklist.js`	1.16 kB
`./uxdot/uxdot-repo-status-list.js`	1.07 kB
`./uxdot/uxdot-repo-status-table.js`	782 B
`./uxdot/uxdot-repo.js`	1.17 kB
`./uxdot/uxdot-search.js`	2.39 kB
`./uxdot/uxdot-sidenav.js`	2.67 kB
`./uxdot/uxdot-spacer-tokens-table.js`	2.45 kB
`./uxdot/uxdot-toc.js`	1.13 kB

_{compressed-size-action}

bennypowers

Would it be good to link these to the pattern demo pages on their corresponding elements?

docs/personalization/inline-alert/index.md

…able

markcaron · 2025-02-20T20:07:56Z

Would it be good to link these to the pattern demo pages on their corresponding elements?

We'll tackle this in a full content overhaul. I just wanted to migrate the content to its new section, so Dustin, Sarah and others could begin updating.

Ready for one last look if you got time @bennypowers and @marionnegp

marionnegp

Will the "Announcement" docs from feat(announcement): add <rh-announcement> v2 #2153 be moved here? (Sorry if I missed discussion around this.)
Based on the updated personalization page's mockup, I'd remove every pattern except for "Announcement." Thoughts on this, @coreyvickery?
I know we're just getting this set up for edits, but I'm going to take a quick pass today or tomorrow on the "All personalization patterns" page to fix some images and other small things I noticed.

adamjohnson · 2025-02-25T17:12:39Z

The announcement docs will remain under Elements.
Aly, Jeremy and JVP indicated in Slack that they are fine moving forward with the documentation as is—without the personalization/implementation info. Docs currently all live under Elements > Announcement > [Overview, Style, Guidelines, Code, Accessibility, Demos].

…te content on All personalization patterns page

marionnegp · 2025-02-27T03:40:05Z

@coreyvickery @markcaron, I updated the "All personalization patterns" page based on this mockup, so we'd (hopefully) have to make fewer edits later.

Questions:

Are we able to link directly to Google docs? Here's what I omitted because they included Google doc links:
- The sentence with the source deck link, under the "What is Personalization?" section
- The "Resources" section
Should the tiles be changed to cards? If we're splitting the element docs and the personalization implementation info, I think we'll want to include both links.

docs/personalization/announcement/index.md

markcaron · 2025-02-27T19:05:11Z

@marionnegp I'm ok with the change to cards if you think it's the right experience to link to the Element docs from the patterns list. Otherwise, we can find a spot in the pattern docs for a cross link (or both?).

marionnegp · 2025-02-27T20:30:25Z

@markcaron, adding a cross link the pattern docs is a good call!

marionnegp

I'm good with merging this. I can open a new issue to add any Google doc links and to create a link from the announcement's personalization page to the announcement's element page once staging/cubone is merged.

marionnegp · 2025-03-04T20:45:51Z

#2197 has the additional personalization and announcement page edits

docs: migrating personalization patterns to their own section

9f6d75f

markcaron requested review from zeroedin and marionnegp February 19, 2025 21:03

bennypowers reviewed Feb 20, 2025

View reviewed changes

docs/personalization/inline-alert/index.md Outdated Show resolved Hide resolved

markcaron added 3 commits February 20, 2025 09:41

docs: separate get started page is not needed

a8b56a4

docs: fixing missing link

63f43a4

docs: adding status tags to tiles, fixing planned tag on repoStatus t…

9742171

…able

markcaron requested review from bennypowers and removed request for zeroedin February 20, 2025 20:06

bennypowers enabled auto-merge (squash) February 20, 2025 20:08

marionnegp reviewed Feb 24, 2025

View reviewed changes

marionnegp added 2 commits February 26, 2025 21:49

docs(personalization): remove old personalization pattern pages, upda…

b6884f8

…te content on All personalization patterns page

docs(all personalization patterns): update images and add tile styles

212bcd2

markcaron commented Feb 27, 2025

View reviewed changes

docs/personalization/announcement/index.md Show resolved Hide resolved

markcaron and others added 2 commits March 4, 2025 13:01

docs(personalization): fixing broken and vpn links

a3e4d67

Merge branch 'main' into docs/personalization-nav

6977ac5

marionnegp approved these changes Mar 4, 2025

View reviewed changes

Merge branch 'main' into docs/personalization-nav

d36f9da

bennypowers merged commit 1bb24ea into main Mar 5, 2025
8 checks passed

bennypowers deleted the docs/personalization-nav branch March 5, 2025 10:12

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

docs: migrating personalization patterns to their own section #2173

docs: migrating personalization patterns to their own section #2173

markcaron commented Feb 19, 2025 •

edited

Loading

changeset-bot bot commented Feb 19, 2025 •

edited

Loading

netlify bot commented Feb 19, 2025 •

edited

Loading

github-actions bot commented Feb 19, 2025 •

edited

Loading

bennypowers left a comment

markcaron commented Feb 20, 2025

marionnegp left a comment

adamjohnson commented Feb 25, 2025

marionnegp commented Feb 27, 2025 •

edited

Loading

markcaron commented Feb 27, 2025

marionnegp commented Feb 27, 2025

marionnegp left a comment

marionnegp commented Mar 4, 2025

docs: migrating personalization patterns to their own section #2173

docs: migrating personalization patterns to their own section #2173

Conversation

markcaron commented Feb 19, 2025 • edited Loading

What I did

Testing Instructions

Notes to Reviewers

changeset-bot bot commented Feb 19, 2025 • edited Loading

⚠️ No Changeset found

netlify bot commented Feb 19, 2025 • edited Loading

✅ Deploy Preview for red-hat-design-system ready!

github-actions bot commented Feb 19, 2025 • edited Loading

bennypowers left a comment

Choose a reason for hiding this comment

markcaron commented Feb 20, 2025

marionnegp left a comment

Choose a reason for hiding this comment

adamjohnson commented Feb 25, 2025

marionnegp commented Feb 27, 2025 • edited Loading

markcaron commented Feb 27, 2025

marionnegp commented Feb 27, 2025

marionnegp left a comment

Choose a reason for hiding this comment

marionnegp commented Mar 4, 2025

markcaron commented Feb 19, 2025 •

edited

Loading

changeset-bot bot commented Feb 19, 2025 •

edited

Loading

netlify bot commented Feb 19, 2025 •

edited

Loading

github-actions bot commented Feb 19, 2025 •

edited

Loading

marionnegp commented Feb 27, 2025 •

edited

Loading