v9.0.0 #4821

alex-page · 2021-12-09T23:37:34Z

WHY are these changes introduced?

Fixes #4910 and fixes #4980

WHAT is this pull request doing?

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

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>
  );
}

🎩 checklist

Tested on mobile
Tested on multiple browsers
Tested for accessibility
Updated the component's README.md with documentation changes
Tophatted documentation changes in the style guide
For visual design changes, ping @ sarahill to update the Polaris UI kit

ZIndex = z-index

* Add font-weight tokens * Replace font-weight: 400 with token * Replace font-weight: 500 with token * Replace font-weight: 600 with token * Replace font-weight: 700 with token * Update UNRELEASED.md * Fix formatting of UNRELEASED * Remove reverted entries in UNRELEASED * Regenerate colordocs * Remove duplicate entry in UNRELEASED Co-authored-by: Alex Page <hi@alexpage.dev>

* Revert revert to remove misc tokens * Update UNRELEASED.md * Regenerate colordocs

* Remove sass filter function file * Remove sass filter function imports * Remove last instance of filter function * Update UNRELEASED.md * Fix UNRELEASED formatting Co-authored-by: Alex Page <hi@alexpage.dev>

* Remove skeleton motion and skeleton-shimmer

* Remove tokens * Remove unnecessary properties TextField Co-Authored-By: Kyle Durand <6844391+kyledurand@users.noreply.github.com> * Update UNRELEASED.md Co-authored-by: Kyle Durand <6844391+kyledurand@users.noreply.github.com>

Co-authored-by: Ben Scott <227292+BPScott@users.noreply.github.com>

* Move logo from ThemeProvider to Frame * Remove unused eslint disable * Update test name to reflect dark scheme * Update src/components/Frame/Frame.tsx Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> * re-word topbar test Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com>

* Update migrating-from-v8-to-v9.md * Populate link to px() definition * Add migration guidance for px() * Update permalink to highlight range

* Adding migration documentation for the skeletonpage component * Running prettier * Update documentation/guides/migrating-from-v8-to-v9.md Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com> Co-authored-by: Aaron Casanova <32409546+aaronccasanova@users.noreply.github.com>

* Add in all color function and mixin headers * Move color() UNRELEASED entry to v9 doc * Add documentation for color functions and mixins * Wording and presentation revisions * Link out section references * Fix typo * Add clarification to documentation

* zindex migration guidance * Fix z-index tokens * Add devUi value for z-index function

…()`, `when-not-printing()`, `when-printing()` functions (#5120) * Add documentation for hidden-when-printing, print-hidden, when-not-printing, when-printing functions * Update documentation/guides/migrating-from-v8-to-v9.md Co-authored-by: Laura Griffee <laura@mailzone.com> * Update documentation/guides/migrating-from-v8-to-v9.md Co-authored-by: Laura Griffee <laura@mailzone.com> Co-authored-by: Laura Griffee <laura@mailzone.com>

* Add documentation for icon-size() function * Running prettier

…de (#5137) * Consolidate css custom properties into one table * Minor language tweak

* Add documentation for skeleton-page-header-layout() mixin * Add documentation for skeleton-page-secondary-actions-layout() mixin * Create documentation for skeleton-shimmer() mixin * Remove extra semicolon

Resolved #5028

Update Navigation spacing and stories to match main

* Create documentation for available-names() * Link to function definition in mega file * Update table header language

* Create documentation for state() mixin * Remove secondary table option * Remove unnecessary style declaration

* Add migration guidance for `polaris-tokens` * Update polaris-tokens deprecation language

* Clarify language * Minor noun casing adjustments to migration guide * Minor language tweak Co-authored-by: Sam Rose <sam.rose@shopify.com>

* Add documentation for sass global variables * Consolidate table * Fix casing * Fix the right casing

* Add existing headers to table of contents * Add new merges * Remove unwanted headers from table of contents * Remove plugin comments

DAmatheson · 2022-03-04T17:17:53Z

src/components/Page/components/Header/components/Title/Title.scss

+  font-size: 24px;
+  line-height: 28px;

  @include when-typography-not-condensed {
-    font-size: rem(20px);
+    font-size: 20px;


@alex-page Random late question since I noticed this while looking into some typography stuff. Is there a reason this isn't using the typography tokens?

Feel free to ignore me if so, but it seemed odd since everything else I looked at seems to be.

We are going to back through the values and update them to use tokens now. Thanks for noticing this one!

alex-page and others added 30 commits November 22, 2021 07:47

Kebabcase token fix (#4683)

da96227

Remove capital letter grouping

00d7ff3

ZIndex = z-index

Merge branch 'main' into v8.0.0-major

ae3e10a

Remove misc tokens (#4686)

d0af8cc

* Revert revert to remove misc tokens * Update UNRELEASED.md * Regenerate colordocs

Remove filter sass function (#4676)

7449c94

* Remove sass filter function file * Remove sass filter function imports * Remove last instance of filter function * Update UNRELEASED.md * Fix UNRELEASED formatting Co-authored-by: Alex Page <hi@alexpage.dev>

Remove skeleton motion (#4462)

d51c399

* Remove skeleton motion and skeleton-shimmer

Merge branch 'main' into v8.0.0-major

e0d3d08

Add UNRELEASED-v8

fd02ab6

Update UNRELEASED-v8.md

b040908

Update UNRELEASED-v8.md

f5bf055

Merge branch 'main' into v8.0.0-major

17ce56e

removing color sass function (#4696)

b7b615b

Merge branch 'main' into v8.0.0-major

34b7918

Merge branch 'main' into v8.0.0-major

67b7c1d

Update UNRELEASED-v8.md

8764bc5

Merge branch 'main' into v8.0.0-major

5babafa

feat: Simplify ThemeProvider (#4642)

4507149

Merge branch 'main' into v8.0.0-major

76fe3d9

Update tokens.ts

0d2cee6

Merge branch 'main' into v8.0.0-major

ed8708d

Merge branch 'main' into v8.0.0-major

f9cfe26

Remove color-multiply scss function (#4715)

4cbc164

Co-authored-by: Ben Scott <227292+BPScott@users.noreply.github.com>

Rename designTokens directory to tokens (#4721)

233d4fb

Merge branch 'main' into v8.0.0-major

0682e76

Remove src/utilities/theme/* and color system docs (#4716)

ed33334

4721 cleanup (#4724)

51fc09b

Replace duration() function with tokens (#4699)

46faafe

aveline and others added 21 commits February 10, 2022 09:04

Migration guidance for px() (#5074)

49d4471

* Update migrating-from-v8-to-v9.md * Populate link to px() definition * Add migration guidance for px() * Update permalink to highlight range

zindex migration guidance (#5119)

8fdc6f6

* zindex migration guidance * Fix z-index tokens * Add devUi value for z-index function

Consolidate megafile sections in the migration guide (#5134)

1824dbc

Create migration guidance for icon-size() function (#5118)

c66faeb

* Add documentation for icon-size() function * Running prettier

Merge branch 'main' into v9.0.0-major

070131f

Consolidate CSS custom properties into one table in the migration gui…

0d70a26

…de (#5137) * Consolidate css custom properties into one table * Minor language tweak

Migration guide for skeleton mixins (#5141)

147101d

* Add documentation for skeleton-page-header-layout() mixin * Add documentation for skeleton-page-secondary-actions-layout() mixin * Create documentation for skeleton-shimmer() mixin * Remove extra semicolon

Collapse filter() table (#5142)

8d15917

Add migration guidance for map-extend() Sass function (#5123)

2056c8e

Resolved #5028

Navigation design update (#5161)

48722a7

Update Navigation spacing and stories to match main

Use divider color token for Index Table filter (#5163)

41a9175

Turn code blocks into tables (#5162)

96071c2

Create migration guidance for available-names() function (#5122)

e2db0db

* Create documentation for available-names() * Link to function definition in mega file * Update table header language

Create migration guidance for state() mixin (#5139)

03d65ea

* Create documentation for state() mixin * Remove secondary table option * Remove unnecessary style declaration

Add migration guidance for polaris-tokens (#5138)

136d01c

* Add migration guidance for `polaris-tokens` * Update polaris-tokens deprecation language

Clarify token and table header language in migration guide (#5164)

cbba289

* Clarify language * Minor noun casing adjustments to migration guide * Minor language tweak Co-authored-by: Sam Rose <sam.rose@shopify.com>

Create migration guidance for Sass global variables (#5160)

ceeaeff

* Add documentation for sass global variables * Consolidate table * Fix casing * Fix the right casing

Adding migration documentation for the page component (#5173)

f521e03

sam-b-rose approved these changes Feb 14, 2022

View reviewed changes

sam-b-rose requested review from sam-b-rose and removed request for sam-b-rose February 14, 2022 18:19

lgriffee and others added 2 commits February 14, 2022 11:21

Create a table of contents for the migration guide (#5166)

9d54dae

* Add existing headers to table of contents * Add new merges * Remove unwanted headers from table of contents * Remove plugin comments

feat: Prefix custom color-scheme attribute (#5182)

215176a

sam-b-rose merged commit e11f52f into main Feb 15, 2022

DAmatheson reviewed Mar 4, 2022

View reviewed changes

jsullivan5 mentioned this pull request Mar 31, 2022

Update node engines to be compatible with Polaris 9.2.2 Shopify/shopify-app-template-node#765

Merged

alex-page deleted the v9.0.0-major branch May 12, 2022 17:15

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

v9.0.0 #4821

v9.0.0 #4821

Uh oh!

alex-page commented Dec 9, 2021 •

edited

Loading

Uh oh!

DAmatheson Mar 4, 2022

Uh oh!

alex-page Mar 16, 2022

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

9 participants

v9.0.0 #4821

v9.0.0 #4821

Uh oh!

Conversation

alex-page commented Dec 9, 2021 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

WHY are these changes introduced?

WHAT is this pull request doing?

How to 🎩

🎩 checklist

Uh oh!

DAmatheson Mar 4, 2022

Choose a reason for hiding this comment

Uh oh!

alex-page Mar 16, 2022

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

9 participants

alex-page commented Dec 9, 2021 •

edited

Loading