From 4d3ee143600f0d06ccbed89d0c09917023c07889 Mon Sep 17 00:00:00 2001 From: Joe Thomas Date: Thu, 19 Sep 2024 11:04:23 -0500 Subject: [PATCH 1/6] Remove old "new" badges Remove new badges that were added with Uplift/Gen 3 documentation. --- .../content/design/colors/index.mdx | 1 - .../content/design/depth/index.mdx | 1 - .../content/design/icons/index.mdx | 1 - polaris.shopify.com/content/design/index.mdx | 1 - .../content/design/layout/index.mdx | 65 ++++++++++--------- .../content/design/motion/index.mdx | 1 - .../content/design/pro-design-language.mdx | 1 - .../content/design/typography/index.mdx | 1 - .../content/patterns/card-layout/index.mdx | 1 - .../content/patterns/common-actions/index.mdx | 1 - 10 files changed, 35 insertions(+), 39 deletions(-) diff --git a/polaris.shopify.com/content/design/colors/index.mdx b/polaris.shopify.com/content/design/colors/index.mdx index a50c1662c6c..4d2326fd54d 100644 --- a/polaris.shopify.com/content/design/colors/index.mdx +++ b/polaris.shopify.com/content/design/colors/index.mdx @@ -11,7 +11,6 @@ keywords: - grayscale hideChildren: true showTOC: true -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/design/depth/index.mdx b/polaris.shopify.com/content/design/depth/index.mdx index 87e52f86a96..528d924c5d1 100644 --- a/polaris.shopify.com/content/design/depth/index.mdx +++ b/polaris.shopify.com/content/design/depth/index.mdx @@ -9,7 +9,6 @@ keywords: icon: CategoriesIcon showTOC: true hideChildren: true -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/design/icons/index.mdx b/polaris.shopify.com/content/design/icons/index.mdx index cab3b2700ee..fe700b6b477 100644 --- a/polaris.shopify.com/content/design/icons/index.mdx +++ b/polaris.shopify.com/content/design/icons/index.mdx @@ -22,7 +22,6 @@ keywords: - icons in nav - icons in main nav - icon colors -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/design/index.mdx b/polaris.shopify.com/content/design/index.mdx index ef6d8c30e01..93a21a52fe8 100644 --- a/polaris.shopify.com/content/design/index.mdx +++ b/polaris.shopify.com/content/design/index.mdx @@ -2,7 +2,6 @@ title: Design description: Design principles serve as guiding notions that shape the design of the Shopify admin, with Polaris providing support in implementing these principles effectively. order: 3 -status: New icon: PaintBrushFlatIcon --- diff --git a/polaris.shopify.com/content/design/layout/index.mdx b/polaris.shopify.com/content/design/layout/index.mdx index bafcf083d61..9a402b4f665 100644 --- a/polaris.shopify.com/content/design/layout/index.mdx +++ b/polaris.shopify.com/content/design/layout/index.mdx @@ -19,7 +19,6 @@ keywords: - spacing description: Layout determines the placement, positioning, and organization of various components within the UI, such as buttons, menus, content sections, and other visual elements. hideChildren: true -status: New --- # {frontmatter.title} @@ -36,16 +35,18 @@ status: New - - ![An order card with an inset table followed by an apps card with a grid - pattern made of different - surfaces](/images/design/layout/layout-overview-01-space@2x.png) - +{' '} + + ![An order card with an inset table followed by an apps card with a grid + pattern made of different + surfaces](/images/design/layout/layout-overview-01-space@2x.png) + - - Grouping similar items together helps merchants understand which elements are - related and helps them make faster decisions. - +{' '} + + Grouping similar items together helps merchants understand which elements are + related and helps them make faster decisions. + ![A card with a product title, product description and product status](/images/design/layout/layout-overview-02-space-do@2x.png) @@ -73,17 +74,19 @@ status: New - - ![A grid pattern showing different marketing statistics, separated in cards - that have a title and a larger stat - numbe](/images/design/layout/layout-overview-04-emphasis@2x.png) - +{' '} + + ![A grid pattern showing different marketing statistics, separated in cards + that have a title and a larger stat + numbe](/images/design/layout/layout-overview-04-emphasis@2x.png) + - - Use size, weight, and contrast to establish hierarchy in the admin. Divider - lines are used to delimit rows of information in data and index tables, and - rarely for dividing information elsewhere. - +{' '} + + Use size, weight, and contrast to establish hierarchy in the admin. Divider + lines are used to delimit rows of information in data and index tables, and + rarely for dividing information elsewhere. + ![A customer card using different surface colors and font sizes to delineate information](/images/design/layout/layout-overview-05-emphasis-do@2x.png) @@ -108,16 +111,18 @@ status: New - - ![Different cards showing button placement, popover contextual menus and - high-density cards containing a lot of - information](/images/design/layout/layout-overview-07-adapt@2x.png) - - - - Compact elements add detail, and larger elements command more attention. - Surfaces adapt to these components and offer an optimized view of the admin. - +{' '} + + ![Different cards showing button placement, popover contextual menus and + high-density cards containing a lot of + information](/images/design/layout/layout-overview-07-adapt@2x.png) + + +{' '} + + Compact elements add detail, and larger elements command more attention. + Surfaces adapt to these components and offer an optimized view of the admin. + ![A tag component with small tags and a small “add tag” button](/images/design/layout/layout-overview-08-adapt-do@2x.png) diff --git a/polaris.shopify.com/content/design/motion/index.mdx b/polaris.shopify.com/content/design/motion/index.mdx index ed9c46f8bda..aa9a003ae6f 100644 --- a/polaris.shopify.com/content/design/motion/index.mdx +++ b/polaris.shopify.com/content/design/motion/index.mdx @@ -11,7 +11,6 @@ keywords: - interaction - transition hideChildren: true -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/design/pro-design-language.mdx b/polaris.shopify.com/content/design/pro-design-language.mdx index ec80829816a..3755e92e904 100644 --- a/polaris.shopify.com/content/design/pro-design-language.mdx +++ b/polaris.shopify.com/content/design/pro-design-language.mdx @@ -3,7 +3,6 @@ title: Pro design language description: Efficiency, intuition, and style combined to empower merchants with data-rich views, action-driven interfaces, and dynamic interactions. order: 1 icon: PaintBrushFlatIcon -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/design/typography/index.mdx b/polaris.shopify.com/content/design/typography/index.mdx index 42ef2826ae0..ebbe0c15725 100644 --- a/polaris.shopify.com/content/design/typography/index.mdx +++ b/polaris.shopify.com/content/design/typography/index.mdx @@ -9,7 +9,6 @@ keywords: - fonts icon: TextFontIcon hideChildren: true -status: New --- # {frontmatter.title} diff --git a/polaris.shopify.com/content/patterns/card-layout/index.mdx b/polaris.shopify.com/content/patterns/card-layout/index.mdx index 2ac237e95a8..c07e9c2fc85 100644 --- a/polaris.shopify.com/content/patterns/card-layout/index.mdx +++ b/polaris.shopify.com/content/patterns/card-layout/index.mdx @@ -5,7 +5,6 @@ lede: Standardized card layout gives merchants a content structure to rely on. previewImg: /images/patterns/card-layout/card-layout-cover-image.png url: /patterns/card-layout hideChildren: true -status: New --- diff --git a/polaris.shopify.com/content/patterns/common-actions/index.mdx b/polaris.shopify.com/content/patterns/common-actions/index.mdx index 33f552c7804..0648bd8a2c4 100644 --- a/polaris.shopify.com/content/patterns/common-actions/index.mdx +++ b/polaris.shopify.com/content/patterns/common-actions/index.mdx @@ -8,7 +8,6 @@ keywords: - actions hideChildren: true showTOC: true -status: New url: /patterns/common-actions variants: - 'variants/overview.mdx' From 0cd8edaca56e49d196fb6a437b250996fdad7b25 Mon Sep 17 00:00:00 2001 From: Joe Thomas Date: Thu, 19 Sep 2024 11:11:38 -0500 Subject: [PATCH 2/6] Create forty-eyes-kiss.md Add change log --- .changeset/forty-eyes-kiss.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/forty-eyes-kiss.md diff --git a/.changeset/forty-eyes-kiss.md b/.changeset/forty-eyes-kiss.md new file mode 100644 index 00000000000..8266be7cdcb --- /dev/null +++ b/.changeset/forty-eyes-kiss.md @@ -0,0 +1,5 @@ +--- +'polaris.shopify.com': minor +--- + +Removes unnecessary new badges from navigation From 95fb1b4f64570a89743334dd3fe788aa14c1d470 Mon Sep 17 00:00:00 2001 From: Sam Rose <11774595+sam-b-rose@users.noreply.github.com> Date: Thu, 19 Sep 2024 13:43:44 -0400 Subject: [PATCH 3/6] Update polaris.shopify.com/content/design/layout/index.mdx --- polaris.shopify.com/content/design/layout/index.mdx | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/polaris.shopify.com/content/design/layout/index.mdx b/polaris.shopify.com/content/design/layout/index.mdx index 9a402b4f665..e5326d8a333 100644 --- a/polaris.shopify.com/content/design/layout/index.mdx +++ b/polaris.shopify.com/content/design/layout/index.mdx @@ -35,12 +35,11 @@ hideChildren: true -{' '} - - ![An order card with an inset table followed by an apps card with a grid - pattern made of different - surfaces](/images/design/layout/layout-overview-01-space@2x.png) - + + ![An order card with an inset table followed by an apps card with a grid + pattern made of different + surfaces](/images/design/layout/layout-overview-01-space@2x.png) + {' '} From cabbda089959d6ab8800ca8c01ddf124cc954f5a Mon Sep 17 00:00:00 2001 From: Sam Rose <11774595+sam-b-rose@users.noreply.github.com> Date: Thu, 19 Sep 2024 13:43:49 -0400 Subject: [PATCH 4/6] Update polaris.shopify.com/content/design/layout/index.mdx --- polaris.shopify.com/content/design/layout/index.mdx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/polaris.shopify.com/content/design/layout/index.mdx b/polaris.shopify.com/content/design/layout/index.mdx index e5326d8a333..9c41e830c25 100644 --- a/polaris.shopify.com/content/design/layout/index.mdx +++ b/polaris.shopify.com/content/design/layout/index.mdx @@ -41,11 +41,10 @@ hideChildren: true surfaces](/images/design/layout/layout-overview-01-space@2x.png) -{' '} - - Grouping similar items together helps merchants understand which elements are - related and helps them make faster decisions. - + + Grouping similar items together helps merchants understand which elements are + related and helps them make faster decisions. + ![A card with a product title, product description and product status](/images/design/layout/layout-overview-02-space-do@2x.png) From 7a733acc661ddb34510c42b1fb21abc84466ef57 Mon Sep 17 00:00:00 2001 From: Sam Rose <11774595+sam-b-rose@users.noreply.github.com> Date: Thu, 19 Sep 2024 13:43:54 -0400 Subject: [PATCH 5/6] Update polaris.shopify.com/content/design/layout/index.mdx --- .../content/design/layout/index.mdx | 20 +++++++++---------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/polaris.shopify.com/content/design/layout/index.mdx b/polaris.shopify.com/content/design/layout/index.mdx index 9c41e830c25..530a00dd6af 100644 --- a/polaris.shopify.com/content/design/layout/index.mdx +++ b/polaris.shopify.com/content/design/layout/index.mdx @@ -109,18 +109,16 @@ hideChildren: true -{' '} - - ![Different cards showing button placement, popover contextual menus and - high-density cards containing a lot of - information](/images/design/layout/layout-overview-07-adapt@2x.png) - + + ![Different cards showing button placement, popover contextual menus and + high-density cards containing a lot of + information](/images/design/layout/layout-overview-07-adapt@2x.png) + -{' '} - - Compact elements add detail, and larger elements command more attention. - Surfaces adapt to these components and offer an optimized view of the admin. - + + Compact elements add detail, and larger elements command more attention. + Surfaces adapt to these components and offer an optimized view of the admin. + ![A tag component with small tags and a small “add tag” button](/images/design/layout/layout-overview-08-adapt-do@2x.png) From fcf9c1aa5fa05aaeb46c13b87acbbd4e501f75fd Mon Sep 17 00:00:00 2001 From: Sam Rose <11774595+sam-b-rose@users.noreply.github.com> Date: Thu, 19 Sep 2024 13:44:57 -0400 Subject: [PATCH 6/6] Update polaris.shopify.com/content/design/layout/index.mdx --- .../content/design/layout/index.mdx | 24 +++++++++---------- 1 file changed, 11 insertions(+), 13 deletions(-) diff --git a/polaris.shopify.com/content/design/layout/index.mdx b/polaris.shopify.com/content/design/layout/index.mdx index 530a00dd6af..ef5e1f192a2 100644 --- a/polaris.shopify.com/content/design/layout/index.mdx +++ b/polaris.shopify.com/content/design/layout/index.mdx @@ -72,19 +72,17 @@ hideChildren: true -{' '} - - ![A grid pattern showing different marketing statistics, separated in cards - that have a title and a larger stat - numbe](/images/design/layout/layout-overview-04-emphasis@2x.png) - - -{' '} - - Use size, weight, and contrast to establish hierarchy in the admin. Divider - lines are used to delimit rows of information in data and index tables, and - rarely for dividing information elsewhere. - + + ![A grid pattern showing different marketing statistics, separated in cards + that have a title and a larger stat + numbe](/images/design/layout/layout-overview-04-emphasis@2x.png) + + + + Use size, weight, and contrast to establish hierarchy in the admin. Divider + lines are used to delimit rows of information in data and index tables, and + rarely for dividing information elsewhere. + ![A customer card using different surface colors and font sizes to delineate information](/images/design/layout/layout-overview-05-emphasis-do@2x.png)