From 2dec566c0b274c6b2d3326177ae0e0948ddb226a Mon Sep 17 00:00:00 2001 From: simurai Date: Thu, 18 Feb 2021 17:03:51 +0900 Subject: [PATCH] Add note about new docs --- docs/content/support/color-system.mdx | 8 +++++++- docs/content/support/variables.mdx | 6 ++++++ docs/content/utilities/colors.mdx | 8 +++++++- 3 files changed, 20 insertions(+), 2 deletions(-) diff --git a/docs/content/support/color-system.mdx b/docs/content/support/color-system.mdx index b5efaaa2..dce51f4a 100644 --- a/docs/content/support/color-system.mdx +++ b/docs/content/support/color-system.mdx @@ -1,7 +1,7 @@ --- title: Color system description: 'Sass variables, mixins, and functions for use in our components.' -status: Stable +status: Deprecated source: 'https://github.com/primer/css/blob/master/src/support/variables/color-system.scss' bundle: support --- @@ -12,6 +12,12 @@ import {Link as LinkIcon} from '@primer/octicons-react' import {palettes, variables} from '../../src/color-variables' import {PaletteTable, PaletteCell, overlayColor} from '../../src/color-system' +> ⚠️ Hubbers only! These color variables are deprecated and will be replaced at some point. On "dotcom" please use the [new functional variables](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/support/color-system). + +> Also take a look at the [migration guide](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/support/v16-migration) when replacing existing colors. + +--- + ## Color palette diff --git a/docs/content/support/variables.mdx b/docs/content/support/variables.mdx index 6c4f97cc..5f1cf02b 100644 --- a/docs/content/support/variables.mdx +++ b/docs/content/support/variables.mdx @@ -7,6 +7,12 @@ bundle: alerts import {Variables, DeprecationIcon} from '../../src/variables' +> ⚠️ Hubbers only! These color variables are deprecated and will be replaced at some point. On "dotcom" please use the [new functional variables](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/support/color-system). + +> Also take a look at the [migration guide](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/support/v16-migration) when replacing existing colors. + +--- + The tables below list all of the global SCSS variables defined in [the `support/variables` directory](https://github.com/primer/css/tree/master/src/support/variables). diff --git a/docs/content/utilities/colors.mdx b/docs/content/utilities/colors.mdx index 6f6cdf7b..bd98ba82 100644 --- a/docs/content/utilities/colors.mdx +++ b/docs/content/utilities/colors.mdx @@ -1,7 +1,7 @@ --- title: Colors description: 'Immutable, atomic CSS classes to rapidly build product' -status: Stable +status: Deprecated status_issue: 'https://github.com/github/design-systems/issues/97' --- @@ -9,6 +9,12 @@ import {Box, BorderBox} from '@primer/components' import {palettes, allColors} from '../../src/color-variables' import {PaletteTable, PaletteTableFragment, PaletteHeading, PaletteCell, PaletteValue} from '../../src/color-system' +> ⚠️ Hubbers only! These color utilities are deprecated and will be replaced at some point. On "dotcom" please use the [new functional utilities](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/utilities/colors). + +> Also take a look at the [migration guide](https://primer-css-git-mkt-color-modes-docs.primer.now.sh/css/support/v16-migration) when replacing existing colors. + +--- + Use color utilities to apply color to the background of elements, text, and borders. ## Background colors