From 33d43a658c598a8d89e41c059b12e129f2f28119 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Tue, 1 Feb 2022 11:54:36 -0800 Subject: [PATCH 1/3] Formatting v9 Changelog --- UNRELEASED-v9.md | 92 +++++++++++++++++++++++++++++------------------- 1 file changed, 55 insertions(+), 37 deletions(-) diff --git a/UNRELEASED-v9.md b/UNRELEASED-v9.md index b73eb7bb877..e2739a5b158 100644 --- a/UNRELEASED-v9.md +++ b/UNRELEASED-v9.md @@ -4,49 +4,67 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t ### Breaking changes -- Removed `ThemeProvider` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642)) +**CSS custom properties** + - Removed `--p-badge-font-weight` and `--p-button-font-weight` custom properties ([#4687](https://github.com/Shopify/polaris-react/pull/4687)) +- Renamed `--p-duration-1-0-0` and `--p-duration-1-5-0` to `--p-duration-100` and `--p-duration-150`. +- Removed `--p-border-radius-` properties and moved border-radius custom properties to tokens ([#4763](https://github.com/Shopify/polaris-react/pull/4763)) +- Removed `--p-override-*` `--p-non-null-content` `--p-badge-mix-blend-mode` `--p-range-slider-thumb-scale` custom properties ([#4686](https://github.com/Shopify/polaris-react/pull/4686)) +- Removed `nonDesignLangaugeCustomProperties` and `designLangaugeCustomProperties` ([#4770](https://github.com/Shopify/polaris-react/pull/4770)) +- Renamed shadow custom properties ([#4823](https://github.com/Shopify/polaris-react/pull/4823)) +- Renamed `--p-icon-size` custom property to `--p-icon-size-small` ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) +- Updated `--global-ribbon-height` custom property to `--pc-frame-global-ribbon-height` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) +- Updated `--p-frame-offset` custom property to `--pc-frame-offset` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) +- Updated `--top-bar-*` custom properties to `--pc-top-bar-*` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) + +**ThemeProvider** + +- Removed `ThemeProvider` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642)) - Moved `logo` from `ThemeProvider` to `Frame` context ([#4667](https://github.com/Shopify/polaris-react/pull/4667)) - Moved `frameOffset` from `ThemeProvider` to `offset` prop on `Frame` ([#4727](https://github.com/Shopify/polaris-react/pull/4727)) + +**Sass functions and mixins** + +- Removed the `filter()` function ([#4676](https://github.com/Shopify/polaris-react/pull/4676)) +- Removed the `px()` function ([#4751](https://github.com/Shopify/polaris-react/pull/4751)) +- Removed the `em()` function ([#4937](https://github.com/Shopify/polaris-react/pull/4937)) +- Removed the `rem()` function ([#4761](https://github.com/Shopify/polaris-react/pull/4761/)) +- Removed the `color-multiply` function ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) +- Removed the `z-index()` function ([#4753](https://github.com/Shopify/polaris-react/pull/4753)) +- Removed the `border()` function ([#4934](https://github.com/Shopify/polaris-react/pull/4934)) +- Removed the `available-names()` function ([#4967](https://github.com/Shopify/polaris-react/pull/4967)) +- Removed the `map-extend` function ([#4970](https://github.com/Shopify/polaris-react/pull/4970)) +- Removed the `spacing()` function and replaced with tokens ([#4691](https://github.com/Shopify/polaris-react/pull/4691/)) +- Removed the `easing()` function and replaced with tokens ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) +- Removed the `duration()` function and replaced with tokens ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) +- Removed the `border-radius()` function and replaced with tokens ([#4793](https://github.com/Shopify/polaris-react/pull/4793)) +- Removed the `shadow()` function and replaced with tokens ([#4823](https://github.com/Shopify/polaris-react/pull/4823)) +- Removed the `font-family()` function and replaced with tokens ([#4940](https://github.com/Shopify/polaris-react/pull/4940)) +- Removed the `ms-high-contrast-color()` function and replaced with values ([#4938](https://github.com/Shopify/polaris-react/pull/4938)) +- Removed the `color-icon()` mixin ([#4676](https://github.com/Shopify/polaris-react/pull/4676)) +- Removed the `skeleton-shimmer` mixin ([#4462](https://github.com/Shopify/polaris-react/pull/4462)) +- Removed the `state()` mixin ([#4989](https://github.com/Shopify/polaris-react/pull/4989)) +- Removed the `skeleton-page-header-layout` mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991)) +- Removed the `skeleton-page-secondary-actions-layout` mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991)) +- Removed the `unstyled-link()` mixin and replaced with values ([#4951](https://github.com/Shopify/polaris-react/pull/4951)) +- Removed the `unstyled-list()` mixin and replaced with values ([#4960](https://github.com/Shopify/polaris-react/pull/4960)) +- Removed the `high-contrast-outline()` and `high-contrast-border()` mixins and replaced with tokens and values ([#4962](https://github.com/Shopify/polaris-react/pull/4962)) +- Replaced the `icon-size()` function with the `--p-icon-size-medium` custom property ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) + +**Sass variables** + +- Removed the `$color-palette-data` global variable ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) +- Removed the `$easing-data` global variable ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) +- Removed the the `$duration-data` global variable ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) + +**Components** + - Removed the deprecated `secondaryAction` prop on `SkeletonPage` ([#4742](https://github.com/Shopify/polaris-react/pull/4742)) -- Removed `filter()` sass function ([#4676](https://github.com/Shopify/polaris-react/pull/4676)) -- Removed `color-icon()` mixin ([#4676](https://github.com/Shopify/polaris-react/pull/4676)) -- Renamed `--p-duration-1-0-0` and `--p-duration-1-5-0` to `--p-duration-100` and `--p-duration-150`. -- Removed miscellaneous css custom properties ([#4686](https://github.com/Shopify/polaris-react/pull/4686)) -- Removed `skeleton-shimmer` mixin ([#4462](https://github.com/Shopify/polaris-react/pull/4462)) -- Remove `color-multiply` function ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) -- Remove `$color-palette-data` global variable ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) -- Removed the `easing()` function and replaced any instances with tokens ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) -- Removed `$easing-data` global variable ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) -- Removed the `duration()` scss function and replaced any instances with tokens ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) -- Removed the `$duration-data` global variable ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) -- Removed the `spacing()` scss function and replaced any instances with tokens ([#4691](https://github.com/Shopify/polaris-react/pull/4691/)) -- Removed the `px()` scss function ([#4751](https://github.com/Shopify/polaris-react/pull/4751)) -- Removed the `em()` scss function ([#4937](https://github.com/Shopify/polaris-react/pull/4937)) -- Removed the `z-index()` scss function ([#4753](https://github.com/Shopify/polaris-react/pull/4753)) -- Removed `nonDesignLangaugeCustomProperties` and `designLangaugeCustomProperties` ([#4770](https://github.com/Shopify/polaris-react/pull/4770)) -- Removed the `rem()` scss function and any references ([#4761](https://github.com/Shopify/polaris-react/pull/4761/)) -- Removed unnecessary `--p-border-radius-` properties and moved border-radius custom properties to tokens ([#4763](https://github.com/Shopify/polaris-react/pull/4763)) - Dropped support for node < 16 ([#4778](https://github.com/Shopify/polaris-react/pull/4778)) + +**Build** + - Removed `build/styles` directory from build output ([#4728](https://github.com/Shopify/polaris-react/pull/4728)) -- Updated `--global-ribbon-height` CSS custom property to `--pc-frame-global-ribbon-height` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) -- Updated `--p-frame-offset` CSS custom property to `--pc-frame-offset` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) -- Updated all `--top-bar-*` CSS custom properties to `--pc-top-bar-*` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) -- Removed the `border-radius()` function and replaced any instances with tokens ([#4793](https://github.com/Shopify/polaris-react/pull/4793)) -- Removed the `shadow()` function (replaced any instances with tokens) and renamed shadow legacy tokens ([#4823](https://github.com/Shopify/polaris-react/pull/4823)) -- Removed the `ms-high-contrast-color()` function and replaced any instances with values ([#4938](https://github.com/Shopify/polaris-react/pull/4938)) -- Removed the `border()` scss function ([#4934](https://github.com/Shopify/polaris-react/pull/4934)) -- Removed the `font-family()` function and replaced any instances with tokens ([#4940](https://github.com/Shopify/polaris-react/pull/4940)) -- Removed the `available-names()` scss function ([#4967](https://github.com/Shopify/polaris-react/pull/4967)) -- Removed the `unstyled-link()` mixin and replaced any instances with values ([#4951](https://github.com/Shopify/polaris-react/pull/4951)) -- Removed the `unstyled-list()` mixin and replaced any instances with values ([#4960](https://github.com/Shopify/polaris-react/pull/4960)) -- Removed `high-contrast-outline()` and `high-contrast-border()` mixins and replaced any instances with tokens and values ([#4962](https://github.com/Shopify/polaris-react/pull/4962)) -- Removed the `map-extend` scss function ([#4970](https://github.com/Shopify/polaris-react/pull/4970)) -- Removed the `skeleton-page-header-layout` scss mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991)) -- Removed the `skeleton-page-secondary-actions-layout` scss mixin ([#4991](https://github.com/Shopify/polaris-react/pull/4991)) -- Updated `--p-icon-size` custom property to `--p-icon-size-small` ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) -- Replaced `icon-size()` SCSS function with the `--p-icon-size-medium` custom property ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) -- Removed the `state()` scss mixin ([#4989](https://github.com/Shopify/polaris-react/pull/4989)) ### New components From babf67ec94d98007de09a5a6dd3bee3794d7c74e Mon Sep 17 00:00:00 2001 From: Alex Page Date: Tue, 1 Feb 2022 11:58:15 -0800 Subject: [PATCH 2/3] Update UNRELEASED-v9.md --- UNRELEASED-v9.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/UNRELEASED-v9.md b/UNRELEASED-v9.md index e2739a5b158..a1054e71c29 100644 --- a/UNRELEASED-v9.md +++ b/UNRELEASED-v9.md @@ -51,11 +51,11 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t - Removed the `high-contrast-outline()` and `high-contrast-border()` mixins and replaced with tokens and values ([#4962](https://github.com/Shopify/polaris-react/pull/4962)) - Replaced the `icon-size()` function with the `--p-icon-size-medium` custom property ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) -**Sass variables** +**Sass global variables** -- Removed the `$color-palette-data` global variable ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) -- Removed the `$easing-data` global variable ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) -- Removed the the `$duration-data` global variable ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) +- Removed `$color-palette-data` ([#4714](https://github.com/Shopify/polaris-react/pull/4714)) +- Removed `$easing-data` ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) +- Removed `$duration-data` ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) **Components** From 8105e3edb940863778aec53c5f73cdbe632ce5c2 Mon Sep 17 00:00:00 2001 From: Alex Page Date: Tue, 1 Feb 2022 12:02:25 -0800 Subject: [PATCH 3/3] Update UNRELEASED-v9.md --- UNRELEASED-v9.md | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/UNRELEASED-v9.md b/UNRELEASED-v9.md index a1054e71c29..b96317acc79 100644 --- a/UNRELEASED-v9.md +++ b/UNRELEASED-v9.md @@ -6,22 +6,16 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t **CSS custom properties** -- Removed `--p-badge-font-weight` and `--p-button-font-weight` custom properties ([#4687](https://github.com/Shopify/polaris-react/pull/4687)) +- Removed `--p-badge-font-weight` and `--p-button-font-weight` ([#4687](https://github.com/Shopify/polaris-react/pull/4687)) - Renamed `--p-duration-1-0-0` and `--p-duration-1-5-0` to `--p-duration-100` and `--p-duration-150`. -- Removed `--p-border-radius-` properties and moved border-radius custom properties to tokens ([#4763](https://github.com/Shopify/polaris-react/pull/4763)) - Removed `--p-override-*` `--p-non-null-content` `--p-badge-mix-blend-mode` `--p-range-slider-thumb-scale` custom properties ([#4686](https://github.com/Shopify/polaris-react/pull/4686)) - Removed `nonDesignLangaugeCustomProperties` and `designLangaugeCustomProperties` ([#4770](https://github.com/Shopify/polaris-react/pull/4770)) - Renamed shadow custom properties ([#4823](https://github.com/Shopify/polaris-react/pull/4823)) -- Renamed `--p-icon-size` custom property to `--p-icon-size-small` ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) -- Updated `--global-ribbon-height` custom property to `--pc-frame-global-ribbon-height` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) -- Updated `--p-frame-offset` custom property to `--pc-frame-offset` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) -- Updated `--top-bar-*` custom properties to `--pc-top-bar-*` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) - -**ThemeProvider** - -- Removed `ThemeProvider` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642)) -- Moved `logo` from `ThemeProvider` to `Frame` context ([#4667](https://github.com/Shopify/polaris-react/pull/4667)) -- Moved `frameOffset` from `ThemeProvider` to `offset` prop on `Frame` ([#4727](https://github.com/Shopify/polaris-react/pull/4727)) +- Renamed border radius custom properties ([#4763](https://github.com/Shopify/polaris-react/pull/4763)) +- Renamed `--p-icon-size` to `--p-icon-size-small` ([#4990](https://github.com/Shopify/polaris-react/pull/4990)) +- Updated `--global-ribbon-height` to `--pc-frame-global-ribbon-height` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) +- Updated `--p-frame-offset` to `--pc-frame-offset` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) +- Updated `--top-bar-*` to `--pc-top-bar-*` ([#4804](https://github.com/Shopify/polaris-react/pull/4804)) **Sass functions and mixins** @@ -57,14 +51,20 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t - Removed `$easing-data` ([#4698](https://github.com/Shopify/polaris-react/pull/4698)) - Removed `$duration-data` ([#4699](https://github.com/Shopify/polaris-react/pull/4699)) +**ThemeProvider** + +- Removed `ThemeProvider` component ([#4642](https://github.com/Shopify/polaris-react/pull/4642)) +- Moved `logo` from `ThemeProvider` to `Frame` context ([#4667](https://github.com/Shopify/polaris-react/pull/4667)) +- Moved `frameOffset` from `ThemeProvider` to `offset` prop on `Frame` ([#4727](https://github.com/Shopify/polaris-react/pull/4727)) + **Components** - Removed the deprecated `secondaryAction` prop on `SkeletonPage` ([#4742](https://github.com/Shopify/polaris-react/pull/4742)) -- Dropped support for node < 16 ([#4778](https://github.com/Shopify/polaris-react/pull/4778)) -**Build** +**Development workflow** - Removed `build/styles` directory from build output ([#4728](https://github.com/Shopify/polaris-react/pull/4728)) +- Dropped support for node < 16 ([#4778](https://github.com/Shopify/polaris-react/pull/4778)) ### New components